Shneiderman 八条黄金法则:助你设计出更优秀的界面

今天跟随作者来学习下Ben Shneiderman的“界面设计的八项黄金法则”。

如果你想设计出色的、高效的、无挫折的用户界面,请遵循Ben Shneiderman的“界面设计的八项黄金法则”。

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

界面设计的八条黄金法则

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

一致性

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

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

随着使用频率的增加,用户需要更快的方法以完成任务。 例如,Windows和Mac都为用户提供了用于复制和粘贴的键盘快捷方式,因此随着用户变得更有经验,他们可以更快速和轻松地导航和操作用户界面。

提供有意义的反馈

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

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

告知状态

不要让你的用户猜测。 告诉他们他们的行为把他们导向了哪里。 例如,用户在完成在线购买后,会很喜欢“感谢购买”这样的提示以及购买收据的证明。

提供简单的错误处理

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

允许轻松地进行撤销操作

设计师应该为用户提供明显的方式来扭转他们的行为。 不管是单一行动、数据输入还是整个行动序列,都应允许这些逆转。 正如Shneiderman在他的书中所述:

这个功能减轻了焦虑,因为用户知道错误可以被撤销; 因此这鼓励了用户探索不熟悉的功能。

让用户有掌控感

让你的用户成为行动的发起者。 让用户感觉到他们完全控制了数字空间中发生的事件。 当你设计的系统的行为像他们所期望的那样,你就赢得了他们的信任。

减少短期记忆负载

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

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

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

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

1. 一致性

苹果Mac OS的设计融合了“一致性”和“感知稳定性”。 Mac OS菜单栏旨在包含一致的图形元素,无论是从1980年代还是2010年的版本。

随着时间的推移,Mac OS的外观。 Mac OS菜单栏保持一致。

2.快捷键

如前所述,Mac允许用户使用各种键盘快捷键,常用的例子包括复制和粘贴(Command-X和Command-V),并采取屏幕截图(Command-Shift-3)。

Mac允许用户通过提供键盘快捷键来取代鼠标点击。

3. 有意义的反馈

当用户点击Mac桌面上的文件时,文件变得“突出显示”:这是一个很好的视觉反馈的例子。 另一个例子是,当用户在桌面上拖动一个文件夹时,他们可以看到当他们按住鼠标时被表示的物理文件夹被移动。

用户单击Mac桌面上的文件夹时,“学习”文件夹就会变亮。

当用户按住鼠标并在桌面上拖动文件夹时,该文件夹也相应地产生移动。

4. 告知状态

当用户将软件安装到Mac OS时,信息屏幕会显示用户当前安装的步骤。

当用户安装程序“Parallels Desktop 9”时,显示它正在“复制文件”。

5.错误处理

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

这是一个温和的错误信息,向用户解释正在发生的事情以及发生的原因。 它甚至进一步向用户解释,当前的状况是由用户自己的安全性偏好引起的,从而告知用户当前正处于用户的掌控中(参见下面第7条的“让用户有掌控感”)。

Windows的一个不好的例子是显示一个错误消息,使用“致命”和“终止”两个字。 这样的消极、不友好的话语肯定会吓跑大多数用户!

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

当用户在安装过程中提供信息时出错时,可以回到上一步,而不必接受“惩罚”重新开始。

用户可以快速轻松地撤销之前的操作。

7. 让用户有掌控感

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

如果程序崩溃,用户可以退出或强制退出。

8. 减少短期记忆负载

由于人类一次只能在我们的短期记忆中保留5个项目,苹果iPhone一直坚持只允许4个应用程序图标坐在屏幕底部的主菜单区域。 这个决定不仅涉及到内存负载的考虑,而且也考虑了一致性。

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

#专栏作家#

新设计青年(微信公众号:新设计青年),人人都是产品经理专栏作家,2017年度作家评选最佳人气奖。爱奇艺高级交互设计师。留德海龟,曾任职腾讯微生活、网易、宜信。5年交互设计经验,专注设计领域。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自PEXELS,基于CC0协议

给作者打赏,鼓励TA抓紧创作!
6人打赏
评论
欢迎留言讨论~!