跳转到内容

GUI 设计原则

0% developed
来自维基教科书,开放世界中的开放书籍


广泛接受的图形用户界面设计原则为

1. 美观性 通过遵循以下演示和图形设计原则来提供视觉吸引力

  • 在屏幕元素之间提供有意义的对比。
  • 创建分组。
  • 对齐屏幕元素和组。
  • 提供三维表示。
  • 有效且简洁地使用颜色和图形。

2. 清晰度 界面应在视觉上、概念上和语言上清晰,包括

  • 视觉元素
  • 功能
  • 隐喻
  • 单词和文本

3. 兼容性 提供与以下内容的兼容性

  • 用户
  • 任务和工作
  • 产品
  • 采用用户的视角

4. 可理解性 系统应该易于理解和学习。用户应该知道以下内容

  • 做什么
  • 看什么
  • 什么时候做
  • 在哪里做
  • 为什么要做
  • 怎么做
  • 操作、响应、视觉准备和信息流应该以一种合理的顺序进行,这种顺序易于记忆和置于上下文中。

5. 可配置性 允许轻松地个性化、配置和重新配置设置。

  • 增强控制感
  • 鼓励积极参与理解

6. 一致性 系统应该看起来、行为和操作方式一致。类似的组件应该

  • 具有类似的外观
  • 具有类似的用途。
  • 操作方式类似
  • 相同的操作应该始终产生相同的结果。
  • 元素的功能不应该改变
  • 标准元素的位置不应该改变。

7. 控制 用户必须控制交互。

  • 操作应该由显式用户请求触发
  • 操作应该快速执行
  • 操作应该能够中断或终止
  • 用户不应该因错误而被中断
  • 维护的上下文必须来自用户的视角。
  • 实现目标的方式应该灵活,并且与用户的技能、经验、习惯和偏好兼容。
  • 避免模式,因为模式会限制用户可用的操作。
  • 允许用户自定义界面的各个方面,同时始终提供一组合适的默认值。

8. 直接性 提供直接完成任务的方式

  • 可用的备选方案应该可见,
  • 操作对对象的影响应该可见。

9. 效率

  • 最大程度地减少眼部和手的移动,以及其他控制操作。
  • 系统控件之间的转换应该流畅自如。
  • 导航路径应该尽可能短。
  • 眼睛在屏幕上的移动应该清晰且有顺序。
  • 尽可能预料用户的需求。

10. 熟悉度 采用用户熟悉的概念,并使用用户熟悉的语言。

  • 保持界面自然,模仿用户的行为模式。
  • 使用现实世界的隐喻。

11. 灵活性 系统必须灵活地满足不同用户的不同需求,根据以下内容提供性能水平和类型

  • 每个用户的知识和技能。
  • 每个用户的经验。
  • 每个用户的个人偏好
  • 每个用户的习惯
  • 当时的条件

12. 容错性

  • 容忍和原谅常见且不可避免的人为错误
  • 尽可能防止错误发生。
  • 防止潜在的灾难性错误。
  • 当错误发生时,提供建设性的消息。

13. 可预测性 用户应该能够预测任务的自然进展。

  • 提供清晰且可识别的屏幕元素
  • 提供将要执行的操作结果的提示
  • 所有预期应该一致且完整地实现。

14. 恢复 系统应该允许

  • 命令或操作被废除或撤销。
  • 如果出现困难,立即返回到某个点。

确保用户不会因以下原因而丢失他们的工作

  • 他们自己的错误
  • 硬件、软件或通信问题。

15. 响应性 系统必须快速响应用户的请求。

  • 对所有用户操作提供即时确认
  • 视觉
  • 文本
  • 听觉

16. 简洁性

  • 提供尽可能简单的界面
  • 提供默认值
  • 最大程度地减少屏幕对齐点。
  • 以牺牲不常用操作变得更难为代价,使常用操作更简单。
  • 提供统一性和一致性

五种提供简洁性的方法

  • 首先展示常用和必要的函数。
  • 突出显示重要功能,
  • 隐藏更复杂和不常用的功能

17. 透明性

  • 允许用户专注于任务或工作,而无需关注界面的机制。
  • 计算机内部的工作和工作提醒应该对用户不可见。

18. 权衡

  • 最终设计将基于一系列权衡,平衡经常冲突的设计原则
  • 人们的需求始终优先于技术需求

进一步阅读

[编辑 | 编辑源代码]
  • Verplank, W.L. (1985). "Graphics in Human-Computer Communication: Principles of Graphical User-Interface Design". in Peterson H.E. and Schneider W.. Proceedings of the IFIP-IMIA Second Stockholm Conference on Communication in Health Care, Stockholm, Sweden. pp. 113–130. 
  • Aaron Marcus (1995). "Principles of effective visual communication for graphical user interface design". Human-computer interaction: toward the year 2000. San Francisco: Morgan Kaufmann Publishers Inc. pp. 425–441. ISBN 1-55860-246-1.
华夏公益教科书