用户界面设计的基本原则分享

 

与我们作为网页设计师所做的一切一样，UI设计原则都围绕着用户，使视觉元素和产品更加用户友好。作为UI设计师，我们的目标是创建尽可能简化的体验，以便人们可以享受网站并轻松浏览它。 

 

良好的用户界面对于良好的用户体验至关重要。如果界面不允许人们轻松使用网站或应用程序，他们将不会使用该产品，或者他们将用成本压倒技术支持，不断膨胀的成本。

 

UI具有真实、切实的业务影响，它对企业的成功至关重要。 

 

其中许多原则归结为“让用户的生活更轻松”。 

 

这 14 条用户界面设计原则将提高用户的可用性，让他们在使用产品的同时享受产品。 

 

1、将用户置于中心

 

与往常一样，第一个UI设计原则是关注人（或者，我们都说的“用户”）。一个好的用户界面使用起来简单自然，避免混淆用户，并满足用户的需求。 

您需要了解您的用户是谁以及他们想要做什么。他们是专家吗？最好的方法是与他们交谈。创建和组织采访超出了本文的范围，采访你的客户，了解他们是谁，并为他们开发UI设计。了解以人为本的设计将帮助您获得最佳界面的正确心态，并首先关注用户，然后才是设计。

 

2、力求清晰

 

用户界面的目的是允许用户与网站或应用程序（或者，在更广泛的设计中，任何产品）进行交互。避免任何让人们感到困惑或无助于他们互动的事情。 

 

3、最小化每个屏幕的操作和步骤

 

简化任务和操作，以便它们可以通过尽可能少的步骤完成。每个屏幕都应该有一个主要焦点。例如，此博客的目的是让您阅读并希望能够享受它并从中学习。不是在平台上分享它或给同事发电子邮件（尽管如果你觉得它有足够的价值可以分享，请这样做）。 

将主要动作保持在前面和中心，并将次要动作移到页面的更深处，或者赋予它们更轻的视觉重量和正确的排版。  

 

4、简单

 

经典的存在是有原因的；它们是永恒的，永远不会过时，尽管它们确实受益于现代风格。想想黑色小礼服或燕尾服；每个都是时尚风格的主食。它们简单、优雅，为佩戴者增添了一丝优雅。  

 

用户界面应该简单而优雅。 

 

5、始终如一 

 

一致性创造熟悉感，熟悉的界面自然更有用。坐在汽车的方向盘后面，刹车在右边，油门在左边，这有多令人沮丧？或者使用红色的“提交”按钮和绿色的“删除”按钮填写 Web 表单。 

一致的设计减少了用户的摩擦。一致的设计是可以预测的。可预测的设计意味着很容易理解如何在没有指导的情况下使用功能。UI设计不仅应该在内部保持一致，而且在外部也是如此。工作方式相同或几乎相同的网站和应用程序的通用约定使您的网站易于导航和使用。Apple 的人机界面指南提供了跨应用程序一致性的绝佳示例。该指南详细说明了功能应如何跨应用程序和在所有 Apple 设备上运行，以便任何 Apple 产品的用户可以选择任何其他产品并轻松使用它。 

 

这也意味着不要发明或重新发明常见的模式。对于设计问题已经存在许多模式（模式也减少了认知负荷，下面的原则 9，因为用户已经知道他们是如何工作的）。将搜索栏放在页面底部不会对设计产生革命性影响，只会令人困惑。 

 

设计系统是确保UI设计一致性的好方法。 

 

6、你的目标：让你的用户界面设计不可见

 

不要提请注意您的用户界面。出色的UI可以让人们毫无摩擦地使用产品，而不是花时间弄清楚如何与产品交互。 

 

 

7、提供有用的反馈

 

反馈可以是视觉的、音频的（新消息警报的叮当声）或触觉（在游戏中很有用，或者当您的手机设置为“静音”时，新电子邮件或电话的“嗡嗡声”警报）。每个动作都应该有反馈来表明该动作是否成功。 

 

反馈有助于回答四个方面的问题： 

1.地点：你在这里。

2.状态：发生了什么事？它还在继续吗？

3.未来状态：下一步是什么？

4.结果和结果：嘿，发生了什么？

将鼠标悬停在导航项上然后改变颜色表示该项是可点击的。按钮应该看起来像按钮。反馈让用户知道他们是否在做正确的事情（或错误的事情）。  

 

8、减少认知负荷

 

许多这些UI设计原则有助于减少用户的认知负担。基本上，不要让用户思考（这也是一个有用的 UX 设计原则）。有一些常见的方法可以减少认知负荷并使您的网站或应用程序的使用更加轻松：

 

块动作和信息——大多数人在处理信息时可以处理七加或减两块信息。例如，以通常的 3-3-4 方式而不是 10 位数字序列来分解电话号码会导致更少的错误。 

 

记住 3-click 规则 - 查找任何信息不应该超过 3 次点击

 

最大限度地减少回忆以利于识别——上下文中的常见图像和图标帮助用户识别功能，想想垃圾桶和铃铛图标（通常用于通知）以及其他触发预先存在的记忆的常用图标。这也意味着不要拿一个大多数人都理解的常用图标然后用它来代表其他东西，你只会让人们感到困惑。 

 

9、使其可访问

 

UI设计需要考虑可访问性问题。在线上，这通常意味着确保有视觉障碍的人可以访问和使用产品。不要忘记色盲。大约每 12 名男性中有 1 人（大约 8%）和每 200 名女性中就有 1 人（大约 0.5%）在某种程度上存在色盲。使用颜色来强调和强调，但不要完全依靠颜色来传达信息。 

 

10、在UI中包含用户反馈

 

不要在真空中设计。通过收集用户反馈来测试和验证UI选择。观察用户尝试使用您的设计（无需指导他们）。他们感到困惑吗？他们能轻易达到预期的结果吗？在设计过程中执行此操作，并在发布后持续评估（热图是跟踪UI有效性的一种方法）。 

 

11、灵活性

 

创建一个可以在多个平台上工作并且看起来很棒的 UI。当然，它可能需要根据设备的外形尺寸及其操作系统（例如 Android 和 iOS）进行调整，但它应该足够灵活，可以在任何情况下工作。 

 

12、视觉结构

 

保持一致的视觉结构，让用户有宾至如归的感觉，从而营造熟悉感并缓解用户焦虑。需要重点关注的一些元素包括视觉层次结构，其中最重要的事情显而易见、配色方案、一致的导航、重用元素以及使用网格创建视觉顺序。

13、对话框应该导致关闭

 

动作应该有开始、中间和结束（每一步都有反馈）。例如，在进行在线购买时，我们从浏览和产品选择转移到结帐，然后最终确认购买完成。 

 

14、提供明确的下一步

 

包括用户在交互后可以采取的明确下一步。这可能就像在长博客文章末尾单击“返回顶部”或指向更多信息一样简单。帮助用户在下一步中实现他们的目标。 

 

在设计用户界面时要记住的最后一个想法是，您永远不会成功地吸引所有人。您可以尽最大努力吸引大多数人。您还可以根据角色和明确定义的用户尽最大努力进行个性化。即便如此，你也永远无法安抚所有人。但是，在您决定在用户界面设计中包含和排除哪些内容时，牢记所有这 14 条UI设计原则将有助于您在决策制定中始终将用户放在首位。