图形用户界面(GUI)相对于自然用户界面(NUI)被广泛使用,如何使自己的图形用户界面设计更符合用户的操作习惯?惠度控制网总结了18个图形用户界面设计原则,以下是普遍接受的图形用户界面的设计。图形用户界面(Graphical User Interface,GUI)是以图形方式显示的计算机操作用户界面。

与早期计算机使用的命令行界面相比,图形界面对于用户来说在视觉上更易于接
受。然而这接口若要通过在显示屏的特定位置,以"各种美观、而不单调的视觉信息"提示用户"状态的改变",势必得比简单的文字信息呈现,花上更多的计算能
力,计算"要改变显示屏哪些光点,变成哪些颜色"。——定义来自维基百科

1、造型美观

按照以下介绍和平面设计原则提供视觉吸引力:

  • 屏幕元素之间进行有意义的对比

  • 创建分组

  • 屏幕元素和组对齐

  • 提供三维表示方法

  • 有效且简单地使用颜色和图形

2、清晰

界面应该提供清晰的视觉、概念和语言,包括:

  • 视觉元素

  • 功能

  • 隐喻

  • 单词和文本

3、兼容性

为以下内容提供兼容:

  • 用户

  • 任务和工作

  • 产品

  • 用户的习惯

4、可理解性

一个系统应该是容易理解和学习的、用户应该知道以下内容:

  • 怎么办

  • 怎么看

  • 什么时候做

  • 在哪里做

  • 为什么这样做

  • 该怎么做

  • 行为、反馈、可视化展现和信息等一系列活动,应该有合理的顺序,很容易记得并容易放置在内容中、

5、可配置性

允许简单的个性化配置、设置或新配置

  • 增强控制感

  • 鼓励在理解的基础上,发挥更积极作用

6、一致性

系统的外观、行为和操作应该保持一致性、类似的组件应该符合以下几点:

  • 有一个类似的外观

  • 也有类似的用途

  • 同样操作

  • 同样的动作应该总是产生相同的结果

  • 元素的功能不应该改变

  • 标准元素的位置不应改变

7、可控制性

交互必须由用户控制

  • 行为应由明确的用户请求引起

  • 行为应迅速

  • 行动应该能够中断或终止

  • 错误不应中断用户行为

  • 维护内容必须从用户的角度来出发

  • 实现目标的手段应是灵活的,并能与用户的技能、经验、习惯和偏好适应

  • 避免操作限制用户

  • 允许用户自定义界面,同时始终提供一组适当的默认设置/值

8、直接性

提供直接的方法来完成任务

  • 可用选择应该是可见的

  • 对象执行操作的效果应该是可见的

9、效率

  • 最大限度地减少眼、手的动作,以及其他控制措施

  • 各种系统控制之间的转换应该流畅、轻松自如

  • 导航路径应尽可能短

  • 观看屏幕,眼球运动应该是显而易见的和连续的

  • 尽可能预测用户的需要和需求

10、熟悉

使用用户熟悉的概念、语言等

  • 保持界面的自然,模仿用户的行为模式

  • 使用用户能明白的比喻、内容等

11、灵活

系统必须是灵活的,满足用户的不同需求,根据以下内容实现:

  • 每个用户的知识和技能

  • 每个用户的经历

  • 每个用户的个人喜好

  • 每个用户的使用习惯

  • 当前情景条件

12、宽容

  • 容忍和原谅常见的和不可避免的人为错误

  • 尽可能避免错误

  • 防止可能的灾难性错误

  • 当错误发生后,提供建设性的反馈消息

13、可预测

用户的应该能够预见任务的自然进程

  • 提供独特和可识别屏幕元素

  • 为要执行的操作的结果提供线索

  • 所有的预期操作应一致、完整

14恢复

系统应有恢复功能:

  • 命令或行动可以撤销或修改

  • 如果出现问题,可以立即返回到某一个点

保证用户永不会因下面的情况丢失数据:

  • 错误操作

  • H / W,S / W或网络、通信问题

15、响应

系统必须迅速响应用户的请求

  • 对所有用户操作提供即时确认

  • 可视形式

  • 文本形式

  • 听觉形式

16、简单

  • 尽可能提供简单的接口

  • 提供默认值

  • 最大限度地减少屏幕校准点

  • 让常用操作简单,避免不常用操作复杂化

  • 提供均匀性和一致性

三种方式来提供简单:

  • 首先介绍常见和必要的功能

  • 重点突出重要的功能

  • 隐藏更多复杂和不太常用的功能

17、透明度

  • 让用户专注于任务或作业,而不用关心接口的问题

  • 计算机内部运作和提醒应该对用户不可见

18、权衡

  • 最终设计应该是权衡各种设计冲突后,基于一系列的平衡设计

  • 人的需求总是优先于技术要求

相关推荐