大巧不工Web前端设计修炼之道——（4）让你的设计深入人心，可用性设计

可用性：有效性、效率、可记忆性、容错性及易学性。

1.可用性原则：

1.1别让我思考

• 一目了然：去掉那些用户可能产生的疑问
• 可用性暗礁：按钮就应该可以点、链接点击就会跳转……

1.2停止你的假设
不要用作者的眼光来模拟读者。

• 用户喜欢扫描而不是阅读
• 用户喜欢尝试性选择：而不是看说明书
• 用户喜欢勉强应付：非专业人士

1.3针对扫描而设计

• 层次清晰：
  页面要有清晰的视觉层次，这样可以保证用户能够再很短的时间内熟悉你的页面。
  对于逻辑上或者业务上相关性高的部分要进行整合，不同逻辑性的内容间要有明显的边界。
• 尊重习惯：合乎常理
• 明确能够点击的元素
• 降低视觉噪声

2.高可用性页面

2.1导航之道：

• Web导航的要素：尊重习惯
• 网站ID：网站logo
• 主导航条：深窄型与宽浅型（5~9个链接）
• 工具导航：4、5个、联系我们、帮助等
• 返回：回到首页
• 提供搜索：准确性、容错性、推荐性
• 页面名称
• 我在哪里
• 面包屑导航：层级间的>>导航

2.2链接
1.链接生来不平等
2.标签云
总目的：让用户容易定位到那些重要的链接

2.3表单
1.最短时间完成表单
2.设计简洁，排版清晰
3.有效的帮助和反馈

2.4拒绝写作艺术
1.首页需要简洁：文字精简
2.说明也需要简洁
3.试着简化一下

3.可用性测试

3.1如何测试
由真实的用户测试，并由测试专员陪同进行。

4.巧妙的应对错误

1.提前预防并预知，在出错时能够给用户最有用的信息，最重要的还是合理地组织信息。
2.报错时提供有用的信息给用户，而非错误内容。一般是提示信息，下一步应该怎么办。

5.系统一致性设计

1.在一致性的设计原则上，必须做到视觉一致、操作一致、内外一致。
2.规范设计