您需要了解的10项基本UI设计原则

有效的用户界面设计就是从用户体验中消除尽可能多的障碍、瓶颈、绊脚石和潜在的混乱原因。最重要的是,目标是创造一个环境,让所有用户都找到流畅和直观的导航:允许他们以最小的大惊小怪来实现他们的目标。

当然,每个 UI 设计项目都不同。特别是当涉及到更精细的细节。例如,适用于移动应用的不一定是桌面软件或网站的正确解决方案。然而,良好的 UI 设计的一般原则在所有平台和项目中保持一致。

接下来是一系列基本的 UI 设计原则,这些原则确实应该应用于您从事的几乎每一个 UI 设计项目。

 

1. 保持UI设计的简单性

UI 设计过程通常很有趣。所以应该是这样。但是,保持目标的可见性很重要,设计师的个人满意度应该始终排在列表的底部。

也许所有主要的 UI 设计原则中最重要的就是不要忘记您为谁设计,以及为什么。好的UI设计是实用的:从不装饰。自我放纵或过于形式主义的设计只会制造不必要的噪音:分散对与用户真正相关的元素的注意力。

如果您的 UI 设计的一部分对用户没有实际用途,则它不应该存在。

将您的设计重新修剪回最基本的要素。所有多余的增长都应该被切断,只留下那些绝对必要的因素。如果您的 UI 设计的一部分对用户没有实际用途,但只满足您自己的创意花哨,它不应该存在。

 

2. 预测和抢占

但是你怎么知道什么是与用户相关的呢?嗯,首先要采取的 UI 设计步骤之一是确保您完全了解您的用户及其需求。一旦你做到了这一点,你就可以预测用户接下来想要做什么。

现在,您可以准确地为用户提供他们需要的工具、信息和资源。而正是在他们需要它们的时候。或者,如果这与您希望用户做的事情不一致,您可以通过更改设计的早期部分来抢占他们的行为,以便从一开始就将他们引导到完全不同的方向。

 

3. 将用户放在驾驶座上

用户应该感到完全处于控制之中——无论他们是否真的处于控制之中。这意味着让 UI 淡入背景。当然,当用户需要它时,它应该总是在那里。也正是他们期望的地方。但是没有人会觉得界面在强迫他们采取某种行动或为他们做出决定。即使在某些情况下,这可能正是正在发生的事情。

 

4. 有条不紊、始终如一

要掌握的最基本的 UI 设计概念之一就是始终如一。不仅在内部,即跨越自己的平台,而且与其他地方采用的行业标准。好的 UI 设计项目不会重新发明车轮;他们改进了它。我们都支持创新,必要时。但正如他们所说,"如果它没有坏,不要修复它"。

事实上,即使它被打破,你可能不想修复它反正。考虑这一点:你的想法可能客观上"更好",即更合乎逻辑的——但如果这不是用户所期待的,它只会混淆他们。实际上,这一点也不"好"。

此规则适用于从模式到术语的所有内容。如果有疑问,请按照最广为人知的内容去处理。

话虽如此,当引入新的或不寻常的功能时,将其与之前的功能区分开来同样重要。也许实现这个目标的最佳方式实际上是打破我们神圣的UI设计原则之一:将不一致作为使重要和新颖的特点脱颖而出的一种方式。不过,请记住,故意的不一致与草率或不稳定的行为大不相同。

 

5. 避免 UI 设计中不必要的复杂性

瞄准尽可能少的步骤和屏幕。使用底部表和模态窗口等覆盖物来压缩数据并减少应用的占用。

同时,一定要以合乎逻辑、自主和自足的方式组织信息。事实上,UI 设计的黄金法则之一是始终将任务和子任务组合在一起,不仅在主题上,而且以完全实用的方式。

最重要的是,不要把子任务隐藏在没人愿意寻找的页面上。没有人期望在厨房里找到淋浴,在浴室里找到电视,或者在院子里找到壁橱。根据清晰和合乎逻辑的分类法组织屏幕及其内容。

瞄准尽可能少的步骤和屏幕。

同样,始终将完成任务所需的步骤数减少到绝对最低。当只有一个或两个操作可以完成时,不要通过繁琐的单击障碍过程发送用户。最实用的UI设计原则之一,三键规则,规定用户应该能够实现任何行动或访问任何他们需要的信息,点击不超过三次从应用程序内的任何地方。

最重要的是,切勿要求用户重新输入已提供的信息。如果您曾经有过这样一种体验:一个表格删除了您的所有信息,并仅仅因为您在一个字段中提供了不正确的输入而让您重新开始,您就会知道,没有什么比用户将设备扔到墙上而完全烦恼地放弃的可能性更大了。

 

6. 提供清晰的路标

我们最重要的 UI 设计原则的第六项涉及直观的布局和清晰的信息标记。导航您的应用程序不应该以任何方式恐吓或混淆,即使是第一次用户。相反,对界面的探索应该是有趣的,并且几乎在不知不觉中发生。

确保页面架构简单、逻辑且标明路标。用户不应该怀疑他们在软件中的位置,也不应该怀疑他们需要做什么才能到达他们可能想去的任何地方。

但是,不要把负担的用户期待他们记住他们是如何到达他们目前的位置。相反,在必要时为导航提供视觉线索。这样,小红帽可以很容易地找到她的方式回到森林-而不必担心遇到大坏狼。

 

7. 容忍错误

错误会发生。用户改变了主意。事实上,如果他们是新的应用程序,他们可能还没有完全确定自己的行动摆在首位。

不要反对用户:通过实施快速和宽容的撤消/重做功能,在必要时轻松回溯。这不仅有助于避免丢失数据和浪费时间的挫折感,而且使用户有信心在不担心负面后果的情况下探索您的应用并做出更改。

 

8. 提供相关反馈

让用户了解他们的进度。承认他们的行为已经收到。让他们知道事情正在按他们应有的的方式进行。大、重要和/或罕见的行动需要大量和重要的反馈形式。同时,规模较小、频率更频繁的行动值得较小的承认形式。

让用户了解他们的进度,并确认他们的行为已收到。

我们已经强调,最重要的 UI 设计基本原理之一就是将信息减少到最低限度。但没有什么比状态信息更重要,所以不要强迫用户查找它。状态信息应始终易于访问和完全准确。

用户应该知道究竟发生了什么在任何时候,而不必故意寻找这些信息或留下怀疑,如果应用程序已经变得无响应。

当然,错误偶尔会发生。当他们这样做时,用户应该以清晰易懂的方式被告知他们。读取"错误代码"的消息,以及不透明的严重数字不符合此描述。

相反,解释问题出在哪里:告知用户他们需要做什么:在编写错误消息时,不排除错误是由系统故障而不是用户的任何故障引起的的可能性。

 

9. 优先处理功能

未能创建清晰的层次结构是阻止人们设计真正最小和流线型 UI 的最常见障碍之一。

正如我们已经强调的,每个屏幕上的每一个项目都应该是用户体验的绝对必要的,在原型阶段,所有多余的东西都被剥离出来。然而,即使在这些基本物品中,有些也不可避免地比其他物品更重要。我们的 UI 设计原则中的第九项指出,这种层次结构应清楚地反映在 UI 设计中。

也许你已经知道你的用户会最想做X?也许你想鼓励他们也做 Y?简单:使这两个功能比 Z 更突出。这可能很简单,就像更改按钮、文本或其他元素的大小一样。

 

10. 为辅助功能设计UI

不要假设所有用户都与您和您认识的人一样。这适用于从技术知识和能力到世界观的方方面面。

应用程序被来自截然不同的文化背景的人们使用。虽然实际上不能指望你解释社会和文化习俗中每一种可能的变化,但不要自动假设你做事的方式是唯一合乎逻辑的做事方式。例如,在世界上的许多地方,人们是从右到左阅读的,因此从左到右放置对象不一定会导致所有用户都从左到右遇到它们。设计时要考虑问题,而不是答案。

即使是非常简单的事情,比如你使用的颜色,不同的人也会有不同的看法。这也不仅仅是主观或文化差异的情况;毕竟,世界人口中有很大一部分是色盲。

事实上,虽然颜色是区分 UI 设计元素和功能的有效方法,但您永远不应仅依靠颜色来实现这一点。相反,将颜色与形式或其他一些变量结合起来,以对所有用户都有效的方式帮助区分重要的功能。

来源:dribbble      作者:Asha 

本页面最后更新于 2021年09月08日 10:29