购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.3  Shneiderman 界面设计八大黄金法则

从Mac到PC,从移动设备到虚拟现实,以及未来可能出现的任何互动科技,只要涉及到人与界面之间的交互设计,就不得不提及Ben Shneiderman的八大黄金法则。苹果,谷歌和微软设计的产品都反映了Shneiderman的法则,这些行业巨头制定的用户界面指南都包含Shneiderman黄金法则中的特征,而这些公司的热门界面设计则是法则的视觉体现。

2.3.1 八大黄金法则

用户界面交互设计的八项黄金法则是1998年由Ben Shneiderman提出的。Ben Shneiderman(本·施耐德曼),现任马里兰大学学院公园分校计算机科学系教授,是人机交互实验室的创建者,同时也是该校高级计算机研究所(UMIACS)及系统研究所(ISR)成员。他是ACM (美国计算机学会)和AAAS(美国科学促进协会)的特别会员,获得了ACM CHI(美国计算机学会计算机人机交互)的终身成就奖。

(1)力求一致性

当在设计类似的功能和操作时,可以利用熟悉的图标、颜色、菜单的层次结构、行为召唤、用户流程图来实现一致性。规范信息表现的方式可以减少用户认知负担,用户体验易懂流畅。一致性通过帮助用户快速熟悉产品的数字化环境从而更轻松地实现其目标。

(2)允许频繁使用快捷键

随着使用次数的增加,用户需要有更快地完成任务的方法。例如,Windows和Mac为用户提供了用于复制和粘贴的键盘快捷方式,随着用户更有经验,他们可以更快速、轻松地浏览和操作用户界面。

(3)提供明确的反馈

用户每完成一个操作,需要系统给出反馈,然后用户才能感知并进入下一步操作。反馈有很多类型,例如声音提示、触摸感、语言提示,以及各种类型的组合。对于用户的每一个动作,应该在合理的时间内提供适当的、人性化的反馈。如设计多页问卷时应该告诉用户进行到哪个步骤,要保证让用户在尽量少受干扰的情况下得到最有价值的信息。体验不佳的错误消息通常会只显示错误代码,对用户来说这毫无意义。作为一名好的设计师,应该始终给用户以可读和有意义的反馈。如图2-48所示。

图2-48 提供用户明确的反馈

(4)设计对话,告诉用户任务已完成

不要用户猜来猜去,应告诉他们其操作会引导他们到哪个步骤。例如,用户在完成在线购买后看到“谢谢购买”消息提示和支付凭证后会感到满足和安心。

(5)提供错误预防和简单的纠错功能

用户不喜欢被告知其操作错误。设计时应该尽量考虑如何减少用户犯错误的机会,但如果用户操作时发生不可避免的错误,不能只报错而不提供解决方案,请确保为用户提供简单、直观的分步说明,以引导他们轻松快速地解决问题。例如,用户在填写在线表单忘记填写某个输入框时,可以标记这个输入框以提醒用户。

(6)应该方便用户取消某个操作

设计人员应为用户提供明显的方式来让用户恢复之前的操作,无论是单次动作、数据输入还是整个动作序列后都应允许进行返回操作,正如Shneiderman在他的书中所说:“这个功能减轻了焦虑,因为用户知道即便操作失误,之前的操作也可以被撤销,鼓励用户去大胆放手探索。”

(7)用户应掌握控制权

设计时应考虑如何让用户主动去使用,而不是被动接受,要让用户感觉他们对数字空间中一系列操作了如指掌,在设计时按照他们预期的方式来获得他们的信任。

(8)减轻用户记忆负担

人的记忆力是有限的,我们的短时记忆每次最多只能记住五个东西。因此,界面设计应当尽可能简洁,保持适当的信息层次结构,让用户去再认信息而不是去回忆。再认信息总是比回忆更容易,因为再认通过感知线索让相关信息重现。例如,我们经常发现选择题比简答题更容易,因为选择题只需要我们对正确答案再认,而不是从我们的记忆中提取。被《彭博商业周刊》称为“世界上最具影响力的设计师之一”的Jakob Nielsen发明了几种可用性研究方法,包括启发式评估。信息再认而非回忆就是Nielsen界面设计10种可用性启发式原则之一。

2.3.2 Shneiderman 8大黄金法则在苹果UI设计上的应用

苹果整合Shneiderman的八项黄金法设计出成功的产品,他们从Mac到移动设备设计都取得了巨大的成功,他们以产品设计的一致性、直观而美丽为荣。苹果的iOS人机界面指南也告诉我们他们的设计团队如何应用Shneiderman的设计原则。

(1)一致性

“一致性”和“感知的稳定性”在Mac OS的设计中体现得淋漓尽致。不管是20世纪80年代的版本,还是现在的版本,Mac OS菜单栏设计都包含一致的图形元素。如图2-49所示。

图2-49 Mac OS设计的一致性

(2)快捷操作

Mac允许用户使用各种键盘快捷键,使用频率高的包括复制和粘贴(Command-X和Command-V)以及截图(Command-Shift-3),实现通常需要鼠标、触控板或其他输入设备才能完成的操作。如图2-50所示。

图2-50 Mac允许用户使用各种键盘快捷键

(3)有用信息反馈

当用户点击Mac桌面上的文件时,该文件会“突出显示”,这是视觉反馈的一个很好的示例。另外,当用户拖动桌面上的文件夹时,他们可以看到在按住鼠标时,文件夹显示被移动的状态。如图2-51所示。

图2-51 当用户点击Mac桌面上的文件

(4)操作流程的设计

当用户将软件安装到Mac OS时,提示信息的屏幕显示用户当前的安装步骤。如图2-52所示。

图2-52 提示信息的屏幕显示用户当前的

(5)错误操作的解决方案

在软件安装过程中,如果发生错误,用户将收到友好的提示信息。提供复杂的解决方案,或用户难以理解的解决方案,或只报错不提供解决方案,都是极大影响用户体验、使用户沮丧的关键原因。根据错误操作的严重程度,区分何时使用小的、不会影响用户操作的提醒,以及何时使用大的、侵入式提醒。但当错误操作发生时,请谨慎选择正确的语气和正确的语言提醒用户操作错误。

如图2-53所示,Mac OS通过显示一个温和的提示消息向用户解释出现了什么错误操作及其原因。另外,解释这是由于自己的安全偏好选择,进一步向用户保证,告诉他们一切在掌控范围内。

图2-53 Mac OS通过显示一个温和

(6)允许撤销操作

当用户在安装过程中提供信息时发生错误,允许他们重新回到上一步,而不必重新开始(图2-54)。

图2-54 允许撤销操作

(7)给用户掌控感

让用户有权选择是继续运行程序还是退出程序,Mac的活动监视器允许用户在程序意外崩溃时“强制退出”。如图2-55所示。

图2-55 给用户掌控感

(8)减少短时记忆负荷

由于人类短时记忆每次只能记住5个东西,因此苹果iPhone屏幕底部的主菜单区域中只能放置4个及以下的应用程序图标,这个设计不仅涉及对记忆负荷的考虑,还考虑了不同版本一致性问题。如图2-56所示。

图2-56 减少短时记忆负荷 iABtSp6q1iMHp9kQUMEQiAbhDFncbIvuo2pLJSkx/S+uQ20ECCgILpUbHXmWlW+e

点击中间区域
呼出菜单
上一章
目录
下一章
×