老外总结的网站页面设计的8个技巧分享

最近在设计一些产品的功能，看到这一篇 Shneiderman’s “Eight Golden Rules of Interface Design"1 谈关于用户接口设计的八大黄金守则，觉得很不错，简单加一点我自己的意见跟大家分享。这些准则是由 Ben Shneiderman 的 Designing the User Interface 这本书中节录出来的。

1. 保持网站设计的一致性

一致性很重要，在网站界面设计中，类似的操作应该尽量使用同样的设计、名词，避免产生混淆。这事实上对于用户的学习曲线有很大的影响，所以在做接口设计时，尽量使用同样的操作体系（例如：分页的设计、按钮的形式）或导引方法。这里谈到的一致性也跟使用者常见的操作体系间的一致性有关，亦即：目前绝大多数网站的操作方式跟设计。如果一个网站有很多不同的引导体系，或是跟一般人惯知的操作很不一样，那么势必会拉长学习曲线。

2. 提供网站重度使用者便捷操作

重度用户通常非常熟悉整体操作跟流程，所以减少不必要的接口互动很重要，例如：快捷键、缩写。这跟使用者满意度也有关。当用户十分熟悉你的接口操作时，发现简单的动作，却需要耗费很多在他看起来很笨的操作，变得很繁杂时，满意度会比较偏低。例如：银行的电话语音系统必须一层一层的听、操作就是很好的例子。

3. 适时提供对网站使用者有意义的回馈

每一个动作都应该适时提供对使用者操作有意义的回馈、反应。例如：选取一个项目可以用变色、勾选等表示。用户经常操作的功能项目或许可以减少不必要的反应，因为这些频繁操作的项目，每天要看到很多次，太多不必要的反应反而是累赘。同样地鲜少操作的功能，相对于用户是比较陌生的，这些回馈、反应的设计就会变得很重要（必须要考虑得比较周详一点，给予较多、较完整的回馈设计）。

4. 明确告知网站使用者动作的状态

如果要求使用者进行一连串的动作时，最好在设计时留意引导的流程，特别是表示开始、执行中、以及完成时的反应。好的引导设计会使得使用者的满意度提高，减少操作时的不耐、困惑、压力。这个最常见的就是网站的注册流程，或是加入网站后，要求用户填写一堆数据的引导。有的不好的设计习惯把二十几个要求用户填写的选项全放在一页，很多人大概看到就想要离开了，根本不会想要填完所有数据。但是如果妥善地设计，明确的告知用户目前进行的进度，或是提供适当的引导设计，则可以降低其焦虑感。

5. 简化网站错误的处理

这 里提到的错误不全然等同于错误，而是包含了例外状况的处理。设计时，系统必须尽量避免可能让使用者遇到一连串的错误，如果万一发生了，也应该有比 较妥善、简化、容易理解的方式来引导使用者 — 最好的设计就是使用者都没有错，所有例外状况都在系统的设计内规范、处理，这样使用者的满意度也会比较高。例如，我最常看到的是银行要 求用户输入密码，结果订了一大堆规则，一下子要求密码里头要有大小写英文字母，还要有数字、不能有特殊字符，或是要求特定的字符数。虽然感觉上似乎降低 了密码被猜测、盗用的风险（这是以设计者的角度来看，非用户），但通常特殊规则带来的问题更多，例如：用户常常会忘记密码。

6. 务必提供可回复的网站设计

这个网站设计会跟使用者的焦虑感有关，如果设计的时候没有考虑到可回复(undone)的设计，使用者在做每一个动作的时候都必须小心翼翼，否则就得全部重来，反而增加了他的焦虑感。这个设计可能发生在单一动作、填写数据，或是一连串的操作。最常见的就是填写数据时，想要修改上一步填写的某一个资料，切换回上一步时，却发现目前填写的资料没有暂存，等于得重来一次。（或根本无法回上一步）

7. 满足网站使用者控制的欲望

网站使用者内心通常比较偏好自己可以掌控整个操作，所以当他们下达一个动作或指令时，系统也给予响应，可以提高使用者控制的满足感。所以在设计时，务必尽量从使用者的角度思考：他们喜欢是主导整个流程的人，而不是跟着系统反应。

8. 简化网站操作，降低用户记忆需求

网站跟计算机一样，人的短期记忆很宝贵，所以在设计时，务必力求简明、必要，减少不必要的窗口切换及记忆指令及动作。简单的例子：如果按了赞之后，还要你作一大堆动作，那就是浪费使用者的时间。因为一旦对用户而言相对价值不高的动作或功能，却要求付出与其期待较多的成本来完成，那么使用者可能就会放弃使用这个功能或操作。