UI交互设计必须遵守的10条原则

UI 2020-07-21 57 次浏览 0 条评论

生活中,有某些规则是你不能违背的。同样,在用户界面设计中,也存在一些规则,它们被称为原则。它们是经过反复测试的可重复模式,可帮助用户导航界面。

设计师精心设计的界面将始终考虑以下原则,而设计不当的界面肯定会缺少这些原则中的一项或多项。

如果你是 UI 设计师,违反这些规则之一,将会让用户感到头疼。接下来,让我们来看看有哪些原则:

1.系统状态的可见性

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

始终为您的用户提供适当的信息,提示和上下文,以便他们始终知道他们在系统中的位置。这使用户可以掌控一切,并知道下一步该怎么做。

该商品是否已添加到购物车?修改是否保存?此过程需要多长时间?我的订单状态如何?现在发生了什么?

始终为用户回答此类问题,切勿让他们猜测或在黑暗中。

2.系统与现实世界之间的匹配

系统应该使用用户熟悉的单词,短语和概念来讲用户的语言,而不是面向系统的术语。遵循现实世界的惯例,使信息以自然和逻辑的顺序出现。

使用熟悉的单词和语言。不要使用户的用语过于复杂。屏幕上的单词或图标的含义应清晰易懂,便于目标受众理解。人们还带有心理模型和经验,使他们能够解释模式。

当引入图形用户界面时,技术上的最大进步之一就出现了。在 GUI 之前,计算机屏幕仅限于模糊的文本命令以记住并在每次想要执行操作时重复,屏幕上几乎没有显示文件夹和文件以及手形光标的图像这些让人们立即理解的视觉符号。这些让用户在使用时对操作的理解需要耗费大量精力。

3.一致性和标准

用户不必怀疑不同的词语,情况或动作是否意味着同一件事。

有两种类型的一致性:内部外部

内部一致性是指网站或应用内的模式。这可以很简单,例如在所有页面上使链接保持相同的颜色,或对同一概念使用相同的图标表示相同的概念,例如 HOME。

外部一致性是指大多数人使用的其他软件和系统中使用的约定,例如购物车。大多数人都熟悉购物车的工作方式。你无需重新发明轮子。如果这样做,可能会使用户更难了解购物车的工作方式。保持一致并避免用户不必要的混乱。

4.用户控制与自由

用户通常会错误地选择系统功能,并且需要明确标记的“紧急出口”以离开不需要的状态,而无需进行长时间的对话才能支持撤消和重做。

始终提供出路,切勿强迫用户执行不需要的功能或使他们陷入困境。

例如,如果你正在设计结帐流程,请让用户根据需要继续购物。如果他们尝试在应用上执行操作,请让不确定的用户取消操作,直到最后一分钟。

5.错误预防

消除容易出错的条件,或者检查条件,并在用户执行操作之前向其提供确认选项。

当系统操作很关键时,例如删除文件或向 1,000 个收件人发送电子邮件活动,请确保用户知道他们将做一些重要的事情。向他们显示确认对话或提供其他信息,以明确定义在执行该操作之前将要发生的情况。如果不确定自己的行动,这将阻止他们走得更远。

6.识别而非回忆

用户不必记住从对话的一部分到另一部分的信息。在适当的情况下,系统使用说明应清晰可见或易于检索。

作为 UI 设计师,我们的目标之一是减少用户的认知负担。心理记忆是一项巨大的资源消耗。记忆以两种方式起作用:识别和记忆。

识别是你立即熟悉的。像一个人的脸。你看着朋友的脸,就知道自己曾经见过他们。

回忆的方式则有所不同,你必须从记忆中检索的东西,例如一个人的名字。回忆通常会花费更多的时间和工作,因为您的大脑必须处理更多的信息才能解读其内容。另一方面,识别是即时的,我们希望在用户界面中获得更多认可,并减少回忆。

一个很好的 UI 例子就是使用该功能的通用按钮和图标,例如用于编辑的铅笔。而且,如果你必须设计大多数人以前从未见过的新图标,请使用文本描述符来阐明和减轻认知负担。

7.灵活性和使用效率

在你的应用程序或系统中一遍又一遍地重复某些任务时,你可能希望使用户的交互更加有效。例如,使用滑动手势在移动应用程序上的列表中保存或删除项目。删除项目的通常方法是打开一个项目,然后按 Delete 键。专家方式(更高效的方式)是只需滑动并立即从列表中删除和项目。

8.极简设计与美学

对话中不应包含无关紧要或很少需要的信息。对话中每增加一个信息单元都会与相关信息单元竞争,从而降低其相对可见度。

为艺术而设计时,我们是否要在屏幕上填充纹理和图像都没关系。但是在设计交互时,我们的目标是降低信噪比。这样做使我们的界面更易于用户理解。您可以通过简单地将显示在屏幕上的内容(图像或文本)减少到最低限度来应用此原理,从而使用户可以专注于手头的任务而不会分散注意力。

9.帮助用户识别,诊断和从错误中恢复

错误消息应使用简单的语言(无代码)表示,准确指示问题并建设性地提出解决方案。

错误会发生。那是不可避免的。用户遇到错误后发生的事情是 UI 设计者的责任,因此,通过设计易于理解的错误页面和警报并为问题提供选项或解决方案,可以帮助用户。例如,让我们检查无处不在的 404 页面。作为设计人员,我们知道 404 错误页面的含义,但用户通常不会。为了帮助用户,我们必须通过添加一些副本来将 404 转换为简单的英语,以便清楚地说明发生了什么,例如“对不起,但我们找不到您要查找的页面,这是内容相似的网页的一些建议……”。

10.帮助和文档

即使可以在没有文档的情况下使用系统会更好,但可能仍需要提供帮助和文档。任何此类信息都应该易于搜索,着眼于用户的任务,列出要执行的具体步骤,并且不要太大。

始终明确获得帮助,并将其放在顶部栏或主导航区域中,当用户遇到问题并且无法轻松找到解决方案时,必须将他们定向到可以找到的部分。这可以采用常见问题解答页面的形式,带有一个提供可能建议和答案的搜索框。如果没有可用答案,则系统必须可以选择通过支持票务系统或直接电子邮件或电话直接与支持人员联系以获得更多帮助。

本文来源:Cristian Bosch / 翻译:learn-3(微信公众号 ID)
文章源自网友分享,版权归原作者所有,如有侵权请联系删除。
广告
广告

发表评论

电子邮件地址不会被公开。 必填项已用*标注