UI设计准则

用户界面设计准则

力争一致性 一致性和标准性

提供全面的可用性 系统状态的可见性

提供信息充足的反馈 系统与真实世界的匹配

设计任务流程以完成任务 用户的控制与自由

预防错误 错误预防

允许容易的操作反转 识别而不是回忆

让用户觉得他们在掌控 使用灵活高效

尽可能减轻短期记忆负担 具有美感和极简主义的设计

帮助用户识别、诊断错误，并从错误中恢复

提供在线文档的帮助

1、经验、环境和目标影响我们感知自己的期望。

过去的经验影响我们对看到事物的认识。 控件位置摆放一致

所处的环境影响对事物本身的判断，五官的感知相互影响，有可能会产生错误的判断。 避免产生歧义，测试不同用户的理解是否一致。

我们的目标会过滤我们的感知，将无关目标的东西过滤掉。 了解用户的目标，不同用户会有不同的目标

2、格式塔原理：接近性 物体之间的距离影响我们的感知他们是否及如何组织在一起。 控制面板上控件的布局

格式塔原理：相似性 其他因素相同时，相似的物体为一组。 控制面板上的控件布局

格式塔原理：连续性 视觉倾向于感知连续的形式，不连续的自动填充。

格式塔原理：封闭性 将敞开的图形关闭，与连续性相似。 常被应用于图形界面

格式塔原理：对称性 对复杂的图形数据进行简化，并赋予其对称性。 图片设计上应用

格式塔原理：主体\\背景 将小物体看成主体，大物体看成背景。 应用于网页背景，可传递一些相关信息，还能应用于弹出的消息

格式塔原理：共同命运 对于动态对象而言，相同的运动方向被看成是一个整体。 应用于动态模拟方面

3、信息结构化：提高用户的浏览速度和浏览长数字的能力（电话号码），分割字段发展成数据专用控件，信息分层，帮助用户尽快找到正确的位置。

4、使信息易于阅读：避免不熟悉和不常见的词汇、避免难以辨认的书写和字形、避免微小字体、避免嘈杂的背景、避免重复冗长的内容、避免妨碍阅读的设计缺陷（颜色搭配、文字位置和大小）

5、对于字体、背景的颜色进行设置时，应考虑用户的需要，例如色盲的用户。使用色彩的准则：用饱和度、亮度、以及色相来区分颜色，确保高反差。但是要将强烈的对抗色分开。使用独特的颜色：黑—白，红—绿，黄—蓝。避免使用色盲无法区分的颜色对，在Vischeck.com检查是否色盲无法区分。在颜色之外使用其他提示。

6、充分利用边界视觉，它可以很好地察觉运动。也应避免边界视觉带来的问题，将提示信息等置于预期的视线焦点范围内，或用颜色区分提示，但也不宜太远。

让信息可见的方法：放在用户所看的位置上、标记处错误、使用错误符号、用红色呈现错误\\信息

让用户注意到信息的方法（小心使用）：弹出式对话框（应用程序级别当应用程序错误或数据将丢失时使用，系统级别当系统崩溃或会造成伤害时使用）；声音提示（会受到环境的影响和对环境造成影响，只能在非常特殊和受控的条件下采用）；闪烁或短暂的晃动（长时间闪烁会使使用者产生厌恶的情绪），当这些方法频繁使用时“习惯化”产生，易忽视。

7、短期记忆容量小、不稳定，因此在设计中要提供足够的模式反馈，显示用户的搜索结果，多步操作时提供及时的指令。

长期记忆易产生错误，受情绪影响较大，在追忆时会有所改变。因此在设计时应尽量减少用户的记忆量，减少要学习的东西。

8、6种行为模式：专注于目标而很少注意使用的工具 程序简单易操作

使用外部帮助来记录正在做的事 允许用户进行标记

跟着信息“气味”靠近目标 提供清晰的指令

我们偏好熟悉的路径 提供快捷方式、路径保存、注意使用者更偏向于哪种方式

我们的思考周期：目标、执行、评估 分解目标到每一小步

完成任务主要目标后，我们经常忘了收尾工作 自动完成收尾工作

9、识别容易，回忆很难 看到和选择比回忆和输入更容易；尽可能用图像来表达功能；使用缩略图紧凑描绘图像；常用功能要可见；让认证信息容易回忆；使用视觉提示让用户知道他们所处的位置。

10、简化并尽量解决问题，而不是把问题留给客户