Ben Shneiderman“界面设计的八项黄金法则”

2018-03-2814:00:09UI设计Comments4,837 views字数 2909阅读模式

如果你想设计出色的、高效的、无挫折的用户界面,请遵循Ben Shneiderman的“界面设计的八项黄金法则”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

苹果,谷歌和微软是其中一些非常成功的公司,其精心设计的产品反映了Shneiderman的规则。 Shneiderman黄金法则的特征可以通过企业巨头(如上面提到的公司)制定的各种用户界面指南来识别。 对这些规则的运用,在它们设计的流行界面中更为明显。 本文将通过整合8条黄金法则来教你改善工作。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

界面设计的八条黄金法则

Ben Shneiderman(生于1947年8月21日)是美国马里兰大学人机交互实验室的美国计算机科学家和教授。 他的作品与唐·诺曼(Don Norman)和雅各布·尼尔森(Jakob Nielsen)等当代设计思想家的实力相当。 在他广受欢迎的书《设计用户界面:有效的人机交互策略》中,Shneiderman展示了他的8个界面设计黄金法则:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

一致性

在设计类似的情况和操作顺序时,通过利用相似的图标、颜色、菜单层次结构、新手引导、用户流程来争取一致性。统一信息传递的方式,确保用户能够将知识从一次点击迁移到另一次;而无需为同样的行为学习新的操作。 通过帮助用户熟悉产品的数字环境,一致性扮演着重要的角色,从而可以更轻松地实现目标。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

让经常使用你产品的用户可以使用快捷键

随着使用频率的增加,用户需要更快的方法以完成任务。 例如,Windows和Mac都为用户提供了用于复制和粘贴的键盘快捷方式,因此随着用户变得更有经验,他们可以更快速和轻松地导航和操作用户界面。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

提供有意义的反馈

用户应该始终知道他们当前位于哪里以及发生了什么。 对于每一个行动,在合理的时间内应该有适当的、人类可读的反馈。 一个很好的例子就是用户在回答多页问卷时,向用户表明他们在哪里。 我们经常看到的一个不好的例子是,一个错误信息的提示,显示着错误代码而不是一个可读的、有意义的信息。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Windows媒体播放器的设计者应该记得Ben Shneiderman的第三个黄金法则:提供有意义的反馈。 设计不当的错误消息通常会显示一个错误代码,对用户来说这什么也不是。 作为一名优秀的设计师,您应该始终致力于提供可读的、有意义的反馈。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

告知状态

不要让你的用户猜测。 告诉他们他们的行为把他们导向了哪里。 例如,用户在完成在线购买后,会很喜欢“感谢购买”这样的提示以及购买收据的证明。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

提供简单的错误处理

没有人喜欢被告知他们错了,尤其是你的用户。 系统的设计应该尽可能地防止错误,但是当发生不可避免的错误时,应确保向用户提供简单、直观的分步说明,以尽快、尽可能没有痛苦得解决问题。 例如,标记出用户忘记填写的表单字段。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

允许轻松地进行撤销操作

设计师应该为用户提供明显的方式来扭转他们的行为。 不管是单一行动、数据输入还是整个行动序列,都应允许这些逆转。 正如Shneiderman在他的书中所述:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

这个功能减轻了焦虑,因为用户知道错误可以被撤销; 因此这鼓励了用户探索不熟悉的功能。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

让用户有掌控感

让你的用户成为行动的发起者。 让用户感觉到他们完全控制了数字空间中发生的事件。 当你设计的系统的行为像他们所期望的那样,你就赢得了他们的信任。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

减少短期记忆负载

人的注意力是有限的,我们一次只能在短期记忆中记住五项内容左右。 因此,界面应尽可能简单,信息层次要适当,让用户去识别信息而不是去回忆。 识别事物总是比回忆容易,因为识别涉及找到线索,并进入我们广阔的记忆,允许相关的信息浮出水面。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

例如,我们经常发现多选题比问答题容易,因为它只需要我们识别答案,而不是从我们的记忆中回想起来。 被彭博“商业周刊”称为“全球最具影响力设计师”之一的用户倡导者Jakob Nielsen发明了包括启发式评估在内的多种可用性方法。 对回忆的认识是尼尔森用于界面设计的十种可用性启发式方法之一。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

了解苹果如何整合Shneiderman的8项黄金法则

一家北美大型科技公司——苹果公司就是一个很好的例子,它反映了Shneiderman的八项黄金法则的设计可以带来成功的产品。 从麦金塔到移动设备,该公司都取得了巨大的成功。 他们以自己一贯、直观、美观的设计感到自豪。 苹果的iOS人机界面指南在2014年年中公开分享,让人可以窥见到他们的设计团队是如何应用Shneiderman’s等的设计原则。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

1. 一致性

苹果Mac OS的设计融合了“一致性”和“感知稳定性”。 Mac OS菜单栏旨在包含一致的图形元素,无论是从1980年代还是2010年的版本。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

随着时间的推移,Mac OS的外观。 Mac OS菜单栏保持一致。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

2.快捷键

如前所述,Mac允许用户使用各种键盘快捷键,常用的例子包括复制和粘贴(Command-X和Command-V),并采取屏幕截图(Command-Shift-3)。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Mac允许用户通过提供键盘快捷键来取代鼠标点击。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

3. 有意义的反馈

当用户点击Mac桌面上的文件时,文件变得“突出显示”:这是一个很好的视觉反馈的例子。 另一个例子是,当用户在桌面上拖动一个文件夹时,他们可以看到当他们按住鼠标时被表示的物理文件夹被移动。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

用户单击Mac桌面上的文件夹时,“学习”文件夹就会变亮。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

当用户按住鼠标并在桌面上拖动文件夹时,该文件夹也相应地产生移动。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

4. 告知状态

当用户将软件安装到Mac OS时,信息屏幕会显示用户当前安装的步骤。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

当用户安装程序“Parallels Desktop 9”时,显示它正在“复制文件”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

5.错误处理

在软件安装过程中,如果发生错误,用户会收到一条提示信息。根据错误的严重程度,识别何时使用更小的、打扰更小的警报以及何时使用更大的警报来警告用户,这一点很重要。 但是,在出现错误时惩罚用户几乎是不可接受的,因此,在设计错误信息时要谨慎小心,选择正确的语气和正确的措辞。 所以不要简单地留下一个错误代码来“处理”错误!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

这是一个温和的错误信息,向用户解释正在发生的事情以及发生的原因。 它甚至进一步向用户解释,当前的状况是由用户自己的安全性偏好引起的,从而告知用户当前正处于用户的掌控中(参见下面第7条的“让用户有掌控感”)。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Windows的一个不好的例子是显示一个错误消息,使用“致命”和“终止”两个字。 这样的消极、不友好的话语肯定会吓跑大多数用户!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

6. 允许轻松地进行撤销操作

当用户在安装过程中提供信息时出错时,可以回到上一步,而不必接受“惩罚”重新开始。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

用户可以快速轻松地撤销之前的操作。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

7. 让用户有掌控感

让用户有权选择是继续运行程序还是退出程序。 Mac的活动监视器允许用户在程序意外崩溃时“强制退出”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

如果程序崩溃,用户可以退出或强制退出。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

8. 减少短期记忆负载

由于人类一次只能在我们的短期记忆中保留5个项目,苹果iPhone一直坚持只允许4个应用程序图标坐在屏幕底部的主菜单区域。 这个决定不仅涉及到内存负载的考虑,而且也考虑了一致性。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

Ben Shneiderman“界面设计的八项黄金法则”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

苹果在不同版本的iOS上显示相同的底部菜单,是实现一致性规则(第1条规则)的很好例子。 这也是苹果如何减少短期内存负荷的一个很好的例子(第8条规则)。 由于人类一次只能在我们的短期记忆中保留5个项目,苹果iPhone一直坚持只允许4个应用程序图标坐在屏幕底部的主菜单区域,不管它是否是iOS 4 或iOS 7。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/2704.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/ui/2704.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定