大巧不工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.规范设计