UI 设计很重要，因为它管理互联网用户与您的网站以及您的产品或服务的交互。最好的用户界面允许用户忘记您网站的技术细节，并继续他们想要完成的任务。虽然这听起来像是 Web 设计的基本原则，但设计页面和设计界面的过程却截然不同，UX、UI、Web 设计和 Web 开发之间存在重大差异。在本文中，我们将定义什么是用户界面设计、什么是好的 UI 设计以及帮助您创建好的 UI 设计的四个规则。

什么是用户界面设计？

用户界面设计是数字界面美学体验的设计，特别是按钮、导航菜单、图标和排版等视觉接触点。重点是界面的外观和感觉，以及用户在使用和视觉外观上是否有流畅和愉快的体验。简而言之，UI 设计是设计师和开发人员创建用户友好界面的过程，这些界面将您的客户与您的产品或服务联系起来。

最常见的 UI 设计形式是：

图形用户界面——这些是按钮、菜单或控制面板的视觉表示，基本上是用户将与之交互的任何东西。这方面的一个例子是您的计算机桌面或您的手机界面。

语音控制界面——听起来，这些界面需要语音来启动动作。这些天这些变得越来越流行。一些例子是苹果的 Siri、亚马逊的 Alexa 或谷歌的 Bixby。

基于手势的界面——这些界面中用户的手势会影响产品的动作。这方面的一个例子是虚拟现实游戏。

这些设计模式中的每一种都对设计师施加了一组不同的限制，并且必须仔细研究每一种，以允许用户获得尽可能无缝的体验。

如何定义好的 UI 设计？

与任何设计过程一样，产生一个好的 UI 设计的关键是仔细考虑你想要实现的目标。通常，定义您想要制作的网站或应用程序的类型比定义一组到达那里的规则更容易。

定义好的 UI 设计的特征是相对简单的。这里还有一些要记住：

为用户提供愉快的体验，同时也使他们能够快速轻松地完成所需的任务。

它考虑了不同用户的不同需求，句话说，它是可访问的。

界面简单且美观，但不会过度紧张或分散注意力。用户应该能够看到如何轻松完成特定任务。

重点是您的产品或服务，并充当客户访问它的桥梁。

它允许人们以他们选择的方式进行导航和互动，但随时准备在需要时加入并提供帮助或提供帮助。

当所有这些元素组合在一起时，您最终会得到一个既简单又强大的 UI 设计：它允许用户快速实现他们想要的东西，而无需在多个页面中搜索必要的信息。

良好 UI 设计的重要规则

尽管每个网站和应用程序都不同，但几乎所有出色的 UI 设计都有一组核心功能。

1. 良好的 UI 设计在整个网站中保持一致

也许优秀的 UI 设计中最重要的元素是一致性。理想情况下，您网站的每个元素都应该向您的用户指明它们的确切位置，尽管不会妨碍他们对您网站的体验。这意味着开发高质量网站的第一步是为文本和配色方案制定品牌指南，因此您的用户永远不会怀疑他们是否仍在同一个网站上。

像这样的颜色和品牌方案也可用于向您的用户指示如何使用您的网站。颜色可以让用户轻松识别您网站的重要功能。例如，“请求更多信息”按钮应该看起来类似于“请求演示”，这样用户只需快速扫描网站即可轻松找到他们正在寻找的类似操作。

为网站上的每个操作创建不同的颜色、按钮和字体会使时间紧迫的用户更难快速找到他们正在寻找的链接。同样，为两个完全不同的操作创建一个具有相同字体、大小和颜色的按钮可能会导致混淆。例如，您永远不会希望“取消”和“提交”按钮的颜色相同。

2. 好的 UI 设计避免让用户使用太辛苦

最好的网站使用户可以轻松完成复杂的任务，您可以通过从中删除尽可能多的工作来实现这一点。最好的 UI 网站使用各种各样的技术来做到这一点，从使文本更易于阅读到构建内容和页面以实现最大效率的更复杂过程。要开始减少对用户的工作，请考虑以下事项：

视觉清晰度

您可以在此处排列网页上的元素以显示它们的重要性。例如，更大、色彩更丰富的按钮或链接会吸引某人的注意力，从而表明它们更重要。

另一个技巧是为用户提供大量的视觉提示。您可以提供视觉辅助工具和参考点来帮助引导用户浏览您的界面。这个想法是使您的网站导航尽可能可预测。您永远不希望访问者想知道按钮或链接的用途或它们的位置。

文字和图像的平衡

另一个重要提示是减少网站上的文本量。网站访问者的注意力已经很短，强迫他们阅读长文本块不会让他们更轻松。用户应该能够浏览并轻松识别他们需要查找的部分和信息。

流程简单

您网站的大多数功能，无论是注册、购买还是请求更多信息，都应遵循三击规则。您希望确保您的用户只需点击三下鼠标即可到达目标。

3. 好的 UI 设计让用户处于控制之中

出色的 UI 设计使用户可以轻松地以他们想要的方式浏览您的网站，赋予他们权力并灌输一种控制感。您应该确保您的网站适合您的用户，而不是强迫他们学习复杂的用户界面以访问您的服务。

有很多方法可以做到这一点，以下是最常见的方法：

包括某种主菜单或带有常用页面链接的锚点，以便他们可以轻松浏览您的网站。

让网站访问者轻松回溯并返回到以前访问过的页面。这不仅使您的网站更易于使用，而且还鼓励用户浏览您的网站并允许他们控制他们的旅程。

当某个动作完成或动作的结果时，确认或提供反馈。例如，创建密码，让用户知道哪些满足要求，哪些缺失。

提供系统状态的实时更新，防止用户不耐烦（即当界面上的请求完成时，用户可以通过“处理”、“交付”、 ”“下载”等）。

提供视觉和文字标签。通过使用常用符号和清晰的标签，明确哪个选项卡用于哪个操作。

启用自动保存以避免用户在错误单击按钮时丢失以前的工作。

在同一主题上更进一步，应仔细制作错误消息以避免引起挫折。错误消息应包含指向可能有助于解决问题的页面的链接，例如重置密码的链接。

4. 良好的UI设计让用户感到舒适

良好的 UI 设计让每个用户都感到舒适，并让每个访问者都能实现他们想要的结果。这意味着确保您网站的所有访问者在您的网站上都感到舒适和自信。执行此操作的一些方法是：

避免行话

不要使用听众听不懂的语言。想想你的听众，并使用他们会知道和使用的术语和语言。例如，一些在服装行业工作的人可能会将“买一送一”的优惠称为 BOGO，但在您的网站上放置“BOGO free”以宣传该优惠对许多访问者来说没有意义。它可能会混淆并阻止客户访问您的网站。

包容

请记住，您网站的用户可能存在各种差异，例如弱视、听力障碍、认知障碍或运动障碍。通过确保您的网站可以迎合不同的人群，将确保您包括所有人。在设计用户界面时请记住这一点。

这可能意味着尽可能使用简单、高对比度的设计，并将视觉噪音降至最低。避免不必要的图形或链接到与您的产品或服务提供的内容不完全相关的页面。

一旦您开始查看一些出色的 UI 设计，您就会发现包容性的价值远不止为能力较差的用户提供出色的体验。通过确保您的页面或应用程序吸引尽可能多的人，您最终会得到一个更简单、更优雅、更易于使用的设计。

使用用户已经知道的提示

当您在数字世界中使用来自物理世界的视觉提示时，用户已经知道其含义。只需看看您的计算机，您就会看到看起来像文件夹的文件夹和用于丢弃文件和文档的垃圾箱。用户已经了解文件夹和垃圾箱的功能，并将在数字空间中以同样的方式使用它。

另一个例子是许多用户知道要退出屏幕，他们需要单击右上角的“x”（如果您是 PC 用户，则单击左上角）。您最不想做的是设计一个弹出窗口或屏幕，其中该功能位于屏幕底部。这肯定会让用户感到困惑，甚至可能会感到沮丧。

关于用户界面设计

最终，良好的用户界面设计的目标是让用户轻松愉快地浏览网站或应用程序。这会鼓励用户探索您的产品或服务，而不会觉得太困难或害怕失败。

最好的 UI 设计不仅限于此，它还是向世界展示您的品牌的一种方式。由于您的网站是您的品牌或产品的代言人，因此您应该考虑到您的客户，并确保他们拥有您希望他们拥有的体验。无论这意味着自己阅读 UI 设计技术还是聘请 UI 设计师，您的目标都应该是相同的，为每个人提供出色的体验（作者：Nahla Davies）。