这 10 个交互设计原则，你最好永远不要打破总有些不成文的规矩是不能触

文章图片

在工作和生活中，总有些不成文的规矩是不能触碰的，否则就要付出惨烈的代价。在用户界面设计的过程中，也有这么一些规矩。了解它们、以这些规则为指导设计界面，可以有效提升用户的体验。在这篇文章中，作者将为大家介绍一些用户界面设计的原则，希望它可以帮助你设计出更人性化、体验更流畅的界面。

文章图片

图片来自Medium
今天为大家介绍的原则来自全球知名的UX公司诺曼·尼尔森集团，这些原则也被称为“尼尔森十大可用性原则” 。诺曼·尼尔森集团由美国著名的多恩·诺曼（DonNorman）创办，他是国际知名的心理学家和当代认知心理学的应用先驱，著有《设计心理学》一书。
一.系统可见性原则（VisibilityofSystemStatus）这个原则是说，系统需要及时告知用户现在发生了什么，帮助用户了解当下的情况，及时反馈。

文章图片

图片来自Medium
要持续不断地为你的用户提供信息，告诉他们现在走到了哪一步，让他们了解自己在系统中所处的位置，从而给用户一种“掌控感” 。
比如，我刚刚把这个物品成功加进购物车了吗？我的订单状态怎么样了？我刚才修改的文件保存好了吗？这个下载项目进行到哪里了？现在发生了什么事？
给用户明确的反馈，让他们可以直观地看见过程和结果，而不是让用户在黑暗中猜疑，这是一个基本原则。
二.将真实世界与系统匹配你所设计的系统必须要讲用户可以听懂的语言，要尽量使用用户可以听懂的单词、句子和概念，而不是把系统术语摆在页面上，造成理解上的困难。当你想要呈现出某些信息时，要让信息以自然且符合人的认知的方式出现。

文章图片

图片来自Medium
图片左边显示一个文件夹里有三份文件，而右边是纯粹的系统术语｜图片来自Medium
使用用户熟悉的语言和图标，不要把问题复杂化。用户的语言和图标也要尽量简洁易懂，直奔主题，让受众可以更迅速地理解。另外，还可以参考心理学模型，作出可以让用户心理更容易接受的设计。
将图标引入用户页面设计可以说是交互设计界的重大的突破之一。在GUI（图形用户界面）出现之前，计算机只能将用户的命令转化成复杂的系统术语再执行。每次用户想要重新下命令，就要再经过一轮系统术语的转化。
图标的引入改变了这一切。用户不必去理解复杂的系统术语，只要看文件夹、文件和手形图标，就能够理解所有含义而无须解释。在上图所示的图标中，我们其实就引用了现实世界中的心理模型。
三.一致性原则界面的语言、图标、情景等保持一致。用户不需要考虑这些不同的文字、情景或者操作是否指的是一件事或导致同样的结果。

文章图片

图片来自Medium
一致性其实有两种类型，一种是内部一致，一种是外部一致。
内部一致性指的是网站或者应用的模式要保持不变。举个例子，网站或者应用里的链接应该保持大小、颜色一致，每个操作对应的图标也应该是一致的。
外部的一致是指你的网页或应用应该和人们熟悉的语言、系统保持一致。比如“购物车”这个概念。大多数人都知道购物车在应用里面是什么意思，你不需要再创造出一个新的名词去代替它，否则就会让用户感到混乱。尽量和人们的习惯保持一致，标新立异不总是会有好的结果。
四.用户的自由控制原则用户经常会在系统中出现“反悔”心理，想要退出当前的操作，这时候应该为用户提供一个“紧急出口” ，即提供撤销和重做功能。

文章图片

图片来自Medium
永远给用户提供一个简单易寻的“出口” 。不要让用户在误操作的情况下陷入某种僵局之中。举个例子，当你在设计一个应用的支付界面时，应该保证用户可以退出来继续购物。如果他们想在应用上执行某个操作，应该给他们提供撤回功能，让他们即使到了最后一分钟也可以改主意。
五.防错原则比起在出现错误时及时弹出错误信息，我们更应该把精力放在用心设计、防止错误发生上面。在用户开始操作之前，就应该防止用户混淆选择、作出错误的选择。
图片来自Medium
当用户在进行一项非常重要的操作时，比如删除一个文件，或者给1000个人群发邮件，请确保用户能够收到相关提示，知道他们正在完成一项重要的操作。这种提示可以是一个确认步骤，也可以是一个对话框提醒风险。有了这么一项提示功能，可以防止用户因为误操作犯下重大错误。
六.识别比回忆更好在界面设计中，应该尽可能地减少用户的记忆负担。所有的操作、提示、选项应该直观地展示在页面上。用户无需记住所有页面的所有信息。在一些情况下，系统还应该为用户提供检索功能。

文章图片

图片来自Medium
用户体验设计师的核心目标之一就是减少用户在认知上的负担。科学研究显示，记忆是一种消耗巨大的活动。
广义上的记忆通常以两种方式存在：识别和回顾。
识别就是看到某件事情，立马知道是什么，比如看到朋友的脸，立刻知道这位朋友是谁。而回忆则不同，回忆需要你从记忆中找到某一个事物的相关信息，比如一个人的名字。这通常是最耗时耗力的过程，因为人的大脑需要组合多种信息才能真正找到想要的内容。
我们希望交互界面可以减少用户“回忆”的成分，增加“识别”的比例。比如，我们现在会用一个小房间的图标表示主页，用一个铅笔的图标表示编辑。这些图标是大家通用的，也就减少了额外需要记忆的内容，减少了用户的负担。
七.灵活高效的原则有经验的用户通常可以在人机交互的过程中迅速掌握系统，新手用户则不行。要设计出完善的系统，同时满足有经验的用户和经验不足的新手，保持灵活高效。

文章图片

图片来自Medium
如果用户在应用中不得不重复某些操作，他们一定会希望这些操作可以简化一下，变得更有效率。
举个例子，一些应用经过改版后，只要在列表上向左划就能删掉某个项目，而在传统的应用中必须点开、弹出一个对话框、点击确认删除才能删掉某个项目。要考虑到新手用户的使用情况，需要有足够的提示教他们适应新操作方法，同时满足老用户对灵活高效的追求。
八.极简设计的美学原则在对话框里不要插入无关紧要的信息。每增加一个单位的信息，都会相应地弱化其他信息的可见度。

文章图片

图片来自Medium
当我们讲到设计要有艺术性，我们并不是说要在界面上摆满巴洛克风格的艺术元素。在这里我们的重点不在于使用什么纹理或者图像，而是要“降噪” ，即简化信息、突出重点。
我们的首要追求是制作出用户容易理解的界面。通过简化内容（无论是图像还是文本），我们可以帮助用户集中注意力，同时接收最重要的信息。
九.帮助用户识别、诊断问题，并从错误中恢复即使出现错误的信息，也应该尽量用语言（而不是系统术语，如“404”）来表达。要帮助用户识别错误、诊断问题，提出解决方案，将损失降到最低。

文章图片

图片来自Medium
用户遇到错误不可避免。在出现错误之后如何引导用户，这是用户体验设计师必须要考虑的问题。比较理想的方式是在显示错误的页面上为用户提供问题描述、不同的选项或解决方案。
现在让我们以404页面为例。作为设计师，我们都知道404页面的含义是什么，但是用户可能会感到困惑。现在，我们可以在错误页面上添加一些内容，将它转化为文字描述，比如“对不起，我们无法跳转至您查找的网页” ，同时为用户提供一些主题相似的网页。这样以来，即使用户跳转到了错误的页面，也不会有太多消极的感受。
十.人性化帮助原则一个系统不需要帮助自然是最好的。但是在实际的操作中，我们还是需要为用户提供文档帮助：信息要容易搜索，要专注于用户的任务，要能列出具体步骤来执行，并且步骤还不能太长。

文章图片

图片来自Medium
为用户提供的帮助要清晰可见。可以把Help图标放在页面顶端或者主菜单里。当用户遇到了自己无法解决的问题，他们一定会从帮助窗口找答案。可以再设定一个可以提供建议、搜索答案的搜索框。如果没有现成的答案，那么就要给用户提供电子邮箱、客服电话等，让用户有渠道和工作人员联系，及时获得帮助。
译者：Michiko
【这 10 个交互设计原则，你最好永远不要打破】36氪编译组出品

这 10 个交互设计原则，你最好永远不要打破

推荐阅读

理发店都有那些潜规则，咋坑人

醋泡洋葱的正确做法

健康@山东：对各类生产生活场所和重点场所进行环境整治

小鱼看汽车|90万出头，厦门黑色宝马x7提车作业：对比奔驰GLS

养生科张医师|坚持吃4种食物，排毒抗衰，增强抵抗力，会吃的人最健康

默罕默德|什叶派和逊尼派，到底谁才是真正的代表伊斯兰教？

|他凭借一张嘴，就拿下七十多座城池，立功后被扔进锅里活活煮死

黑驴聊王者|王者荣耀黑驴：夏洛特的七星剑很难？这9套帅气连招你值得拥有！

冬天如何防静电

运势|该生肖牛，有玄学缘分

「石油」美元如何“剪羊毛”深度剖析！

娱乐兽独角而他因事坐牢被遗忘，还记得黄磊四位得意门生吗？前三位成一线

[东方金钰]市值从300亿跌到20亿，守着百亿存货，东方金钰家里有矿？

游戏狂追|后有粉丝骂水子哥家人，这是粉丝？，先有IG粉丝疑似下药TES

球场十二人巴媒：马竞后卫洛迪确诊感染新冠病毒

『讲好娱乐事』就请做好你的分内事就行了，林志玲替身演员有心机？作为一个替身

驱动之家|PC二季度出货量复苏：联想居第一

小雪的来历和风俗小雪有哪些传统习俗

担心|美女穿汉服过“刷码机”，担心袖子被夹住，“母仪天下”姿势火了

道梵老师|效果不容小觑，祛湿通络、利水消肿！，三阴交穴的4种穴位配伍套路