10条你绝对不能打破的交互设计规则

在生活中&＃xff0c;有一些规则是你绝对不能打破的&＃xff0c;如果你打破了&＃xff0c;将会付出惨痛的代价。在用户界面设计中&＃xff0c;也有一些必须遵守的规则。它们被称为“启发式”或提高用户界面可用性的一般原则。这些是经过了长时间测试的可重复的模式&＃xff0c;可以帮助用户更好地浏览界面。一个良好的设计一定会考虑到以下原则&＃xff0c;一个不那么好的设计总是会缺少其中的一个或多个原则&＃xff0c;那么作为一个UI设计师&＃xff0c;为什么要忽略这些原则让你的用户如此头疼呢&＃xff1f;

1.系统状态的可见性

该系统应在合理的时间内通过适当的反馈使用户了解正在发生的事情。

你要不断地给你的用户展示适当的信息、提示和背景&＃xff0c;使他们在任何时候都知道他们在系统中的位置。这可以让用户感觉自己处于控制之中&＃xff0c;知道下一步该做什么。这个项目被添加到购物车了吗&＃xff1f;编辑的内容被保存了吗&＃xff1f;这个过程需要多长时间&＃xff1f;我的订单的状态是什么&＃xff1f;现在正在发生什么&＃xff1f;不断地为用户回答这样的问题&＃xff0c;不要让他们猜测或蒙在鼓里。

2.将系统与现实世界相匹配

你设计的系统应该使用用户熟悉的语言&＃xff0c;使用用户熟悉的单词、短语和概念&＃xff0c;而不是使用专业地术语。你要遵循现实世界的惯例&＃xff0c;使信息以自然和逻辑的顺序出现。

使用熟悉的词语和语言&＃xff0c;不要让措辞过于复杂。屏幕上的单词或图标的含义应该对目标受众清晰易懂。人们还带有心理模型和经验&＃xff0c;可以让他们解释图标。

技术的最大进步之一是图形用户界面的出现。在图形用户界面之前&＃xff0c;计算机屏幕上只有晦涩难懂的文字命令&＃xff0c;每当你想执行一个动作时都要记住并重复。然后&＃xff0c;一切都改变了。屏幕上显示的是文件夹和文件的小图像以及一个手形光标。这些都是人们能够立即理解的视觉符号。不需要解释&＃xff0c;因为它引用了现实世界的心理模型。

3.一致性和标准

用户不应怀疑不同的词语、情况或行动是否意味着同样的事情。

有两种类型的一致性&＃xff1a;内部和外部。内部一致性是指你的网站或应用程序中的模式要一致。这很简单&＃xff0c;比如在所有的页面上保持相同颜色的链接&＃xff0c;或者在每个屏幕上对相同的概念使用相同的图标&＃xff0c;比如HOME。外部一致性是指大多数人使用的其他软件和系统中的惯例&＃xff0c;如购物车。大多数人都熟悉购物车的使用方式。你不需要重新发明什么东西。如果你这样做&＃xff0c;你可能会让你的用户更难学会你的购物车如何工作。保持一致&＃xff0c;为用户节省不必要的混乱。

4.用户控制&自由

用户经常会错误地选择系统功能&＃xff0c;并且需要一个明确的“紧急出口”提示才能离开不需要的状态&＃xff0c;并且无需通过扩展对话就能支持撤销和重做。

始终为用户提供一条出路。不要强迫用户执行他们不需要的功能&＃xff0c;或者把他们引向死胡同。例如&＃xff0c;如果你正在设计一个结账流程&＃xff0c;如果用户愿意&＃xff0c;就让他们继续购物。如果他们试图在一个应用程序上执行一个动作&＃xff0c;当他们在最后一刻不确定是否要继续时&＃xff0c;就让用户取消。

5. 错误预防

比起错误提示信息更好的是一个精心的设计&＃xff0c;它可以从一开始就防止问题的发生。要么消除容易出错的条件&＃xff0c;要么检查这些条件&＃xff0c;并在用户承诺行动之前向他们提供一个确认选项。

当系统操作到很关键的一步时&＃xff0c;如删除文件或向1000个收件人发送电子邮件&＃xff0c;要确保用户知道他们将做一些重大的事情。向他们展示确认对话或提供额外的信息&＃xff0c;清楚地定义在行动之后将发生什么。这将防止他们在不确定自己的行动时进一步行动。这也将为他们省去大量的遗憾。

6.利用识别而减少回忆

通过使对象、行动和选项可见&＃xff0c;尽量减少用户的记忆负荷。用户不应该记住从对话的一个部分到另一个部分的信息。在适当的时候&＃xff0c;系统的使用说明应该是可见的或容易检索的。

作为UI设计师&＃xff0c;我们的目标之一是减少用户的认知负荷。记忆以两种方式工作&＃xff1a;识别和回忆。识别是指你立即熟悉的东西。比如一个人的脸。你看着一个朋友的脸&＃xff0c;你马上就知道你以前见过他们。回忆的作用则不同。它是你必须从记忆中检索出来的东西&＃xff0c;比如一个人的名字。回忆通常需要更多的时间和工作&＃xff0c;因为你的大脑必须处理更多的信息来破译它所看到的东西。

另一方面&＃xff0c;识别是即时的。我们希望在我们的用户界面上具有更多的识别&＃xff0c;而减少回忆。实践这个原则的一个很好的例子是使用普遍可识别的按钮和图标来表示功能&＃xff0c;例如用房子表示 “家”&＃xff0c;用铅笔表示 “编辑”。如果你必须为你的用户界面设计新的图标&＃xff0c;而大多数人以前从未见过这些图标&＃xff0c;那么请使用文本描述符来澄清并减少认知的负担。

7.使用的灵活性和效率

新手用户看不到的加速器通常可以加速深度用户的交互&＃xff0c;这样系统就可以同时满足没有经验和有经验的用户的需求。允许用户定制频繁的操作。

当某些任务在你的应用或系统中反复出现时&＃xff0c;你可能想让用户更有效地进行互动。例如&＃xff0c;使用滑动手势来保存或删除移动应用程序上列表中的项目。删除一个项目的正常方式是打开一个项目&＃xff0c;然后按下删除按钮。专业的方式&＃xff08;也是更有效的方式&＃xff09;是通过简单的滑动并立即从列表中删除项目。

8.极简主义的设计和审美

对话不应包含不相关或很少需要的信息。对话中每一个额外的信息单元都会与相关的信息单元竞争&＃xff0c;并降低它们的相对可见度。

当为艺术而设计时&＃xff0c;如果我们走巴洛克风格&＃xff0c;可以用人工制品、纹理和图像填满屏幕。但是当为交互而设计时&＃xff0c;我们的目标是降低信噪比。这样做会使我们的界面对用户来说更容易理解。你可以应用这个原则&＃xff0c;把屏幕上显示的内容减少到最低限度&＃xff0c;不管是图像还是文字&＃xff0c;这样用户就可以专注于手头的工作而不会分心。

9.帮助用户识别、诊断和恢复错误

错误信息应该用简单的语言表达&＃xff0c;精确地指出问题&＃xff0c;并建设性地提出解决方案。

错误会发生&＃xff0c;那是不可避免的。用户遇到错误后发生什么是UI设计师的责任。因此&＃xff0c;我们应设计可以理解的错误页面和提醒来帮助用户&＃xff0c;并提供解决问题的选项或方案。例如&＃xff0c;让我们来看看无处不在的404页面。作为设计者&＃xff0c;我们知道错误的404页面意味着什么&＃xff0c;但用户一般都不知道。为了帮助用户&＃xff0c;我们必须把404翻译成简单的语言&＃xff0c;加入一些文案&＃xff0c;使其清楚地知道刚刚发生了什么&＃xff0c;比如 “对不起&＃xff0c;我们找不到你要找的页面。这里有一些具有类似内容的页面建议…”。

10.帮助&说明

尽管系统不需要说明就能使用的话会更好&＃xff0c;但可能还是有必要提供帮助和说明。任何这样的信息都应该易于搜索&＃xff0c;集中在用户的任务上&＃xff0c;列出要执行的具体步骤&＃xff0c;而且不要太多。

要始终让人们能便捷地获得帮助&＃xff0c;把帮助放在顶栏或主导航区的显要位置。当用户遇到问题而不能轻易找到解决方案时&＃xff0c;他们必须被引导到一个可以解决问题的地方。这可以采取FAQ页面的形式&＃xff0c;用一个搜索框提供可能的建议和答案。在没有答案的情况下&＃xff0c;系统必须有一个选项&＃xff0c;可以通过支持在线询问或电子邮件或电话&＃xff0c;直接与支持部门联系以获得额外的帮助。

本文作者&＃xff1a;Cristian Bosch

点击此处&＃xff0c;查看原文。