微信号:BestWebDesign

介绍:分享网页设计精选文章、案例、行业趋势、课程和书籍.

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

2018-02-11 11:49 网页设计精选

转自:新设计青年(ID:designer_youth)

译者:新设计青年



这是一篇译文。介绍了8条设计原则。设计是戴着镣铐起舞,好的原则可以指导你设计出好的方案。而这8条原则,都是很好的原则。👓


如果你想设计出色的、高效的、无挫折的用户界面,请遵循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。


关注网页设计精选』

看更多精选网页设计文章

↓↓

 
网页设计精选 更多文章 一套适用WEB与前端设计图标 魔镜魔镜快告诉我,谁才是最酷的设计趋势? 国外优秀WEB网页设计精选 这可能是有史以来最全的色彩对比教程 LOGO太丑,但是老板又不肯换,怎么办?
猜您喜欢 Google新一代智能验证码 当我们谈责任与保障的时候,我们谈什么? 漫画区块链,一文带你秒懂她! 个性化推荐系统从0到1 简单几步,让你的电脑恢复刚买时的速度