User Interface Style Guidelines & User Interface Guidelines

Style Guide Authoring

Example Style Guides


Graphic Design Principles – Design for Scanning

  • Create a clear visual hierarchy on each page
  • Take advantage of conventions
  • Break pages up into clearly defined areas
  • Make it obvious what’s clickable
  • Minimize noise
  • 在每个页面建立清楚的视觉层次
  • 尽量利用习惯用法
  • 把页面划分成明确定义的区域
  • 明显标识可以点击的地方
  • 最大限度降低干扰

The Top 10 Attributes of a Usable and Persuasive Web Site

By Susan Weinschenk, Ph.D.

Susan Weinschenk, Ph.D.Susan Weinschenk

Whether you spend a fair amount of time online, or you are responsible for the design or content of a web site or web application, the list below should be of interest to you.

What are the most important attributes of a web site that make it both usable and persuasive? Why do some web sites succeed in making us click while others result in abandonment? Continue reading

10 Useful Usability Findings and Guidelines

By Dmitry Fadeyev

Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability findings and guidelines that may help you improve the user experience on your websites. Continue reading

Krug’s 3 laws of Usability 三条可用性原则

  1. “Don’t make me think.” 不要让我思考
  2. “It doesn’t matter how many times I have to click, as long as each click is a mindless, unambiguous choice.”  我不介意需要点击多少次,只要每个链接是有意义和明显的
  3. “Get rid of half the words on each page, then get rid of half of what is left.” 每一页去掉一半的文字,再把剩下的再精简一半

From: Krug, S. (2006), Don’t Make Me Think: A Common Sense Approach to Web Usability, Berkeley, CA: New Riders