当今工作的大多数UI设计原则都围绕着简单的导航和基本的联系表单；另一方面，设计界正变得越来越富有新标准和技术，这意味着设计师将创造更多定制和动态体验。

写在前面

什么是UI设计？

每当你告诉非设计人员你的工作是什么，就会出现这个问题。

当今工作的大多数UI设计原则都围绕着简单的导航和基本的联系表单。另一方面，设计界正变得越来越富有新标准和技术，这意味着设计师将创造更多定制和动态体验。

什么是用户界面设计？

该术语包含为机器和软件创建的所有界面设计，例如网站和移动应用程序的外观，以及它们的方向和易用性。一些界面设计师还将UI设计定义为创建图形界面的艺术，不包括用户语音和自然界面。

由于软件是无形的，因此GUI设计在用户与应用程序或网站的交互方式中起着至关重要的作用，这意味着唯一良好的UI设计是实现简化和无缝体验的设计。

因此，两个主要的设计基础是效率和可用性，因此界面将使用户能够完成他们的任务，甚至没有注意到设计如何工作。

基本上，最好的用户界面设计示例是那些“隐形”的，并且它们如此有效地描绘现实，以至于用户不会认为是他生成了屏幕上发生的变化。

然而，有了这么多优秀的UI设计，依靠效率来创建功能性产品已经不够了，界面也应该是美观和愉快的，就像聊天应用和游戏一样。

大多数时候，UI界面设计出现在服务上，用户需要进行交互才能完成任务，并且应该包括执行所需操作所需的所有工具和按钮。GUI设计决定了用户对软件和硬件的方法，并通过使这些操作尽可能无摩擦来提高可用性。

UI设计者需要满足用户的功能和美学期望。他可以使用纸和笔，使用任何专用的可视化程序进行草图绘制，甚至可以使用任何材料直接构建他的设计。他还可以创建模拟界面，以在发布之前测试其最终产品的效果。

重要的是区分用户体验设计和用户界面设计 – 它们既复杂又多面，但具有不同的作用。创建用户界面设计是为了将产品的布局，内容甚至开发转换为用户愉快和有效的体验。因此，它代表了严格的数字化任务。

UI设计师的主要职责如下：外观，感觉，市场和客户分析，研究，图形开发，品牌推广，导航指南，故事情节，响应性，交互性，原型设计，动画。

二、适用于所有设备和不同的屏幕尺寸

1. Web开发实施和调整

创建良好的用户界面意味着任何交互式设计的世界，它通常定义最终客户如何看待和欣赏品牌。设计师显然不是唯一负责品牌推广的人，但将品牌转化为产品将是他的责任。

要创建一个可靠的用户体验体验不需要编码，但设计人员也应该了解当前趋势和技术。

通过这种方式，用户体验设计对每个有兴趣创建优秀产品的人都很重要，而且还要了解客户真正想要的东西。

另一方面，如果您进入界面设计，您应该对数字设计的基本原则更感兴趣，并考虑向用户呈现产品的方式，包括输入反应性和显示质量。

三、UI设计基础

1. 知道你在为谁创造

你不会总是喜欢你正在设计的东西，但是你必须与这个想法和平相处。你应始终将目标与客户的目标保持一致，并全面了解他们需要什么以及他们想要什么。

从他们喜欢的界面中学习，并与趋势和调整保持一致。是的 – 模仿竞争对手的趋势设计无助于您实现这些目标！

2. 小心模式

让用户有宾至如归的感觉！您的界面不会是客户第一次遇到此类设计，特别是现在人们使用各种网络和移动应用程序时。

因此，您不需要重新发明轮子，而是简化这些过程，并解决问题而不是创建问题。出于此目的，尝试坚持常见和熟悉的模式，您的用户将不会有任何问题了解您的工作。

3. 一致性很重要

保持工作一致。当用户了解如何在您的设计中执行某些操作时，他们希望再次执行相同的操作。一致性对布局和语言都很重要，并且仅适用于在所有实例上必须保持相同的少数主要元素。这样，您和您的客户都会更有效率。

4. 以可视层次结构排列元素

不要浪费财产来向客户解释什么是重要的，而是使用界面设计来告知订单。元素的位置，大小和颜色可以帮助您创建可视层次结构，并为用户提供明确的跟踪路径。请注意：成功显示的层次结构也会使您的设计不那么复杂。

5. 给予反馈

接口都是关于交互的，这意味着您应该与用户保持联系，让他们知道他们正在做的是对还是错。使用消息和可视提示来评估操作，通知更改并建议解决方案，您的用户将很容易理解您的工作。

6. 期待错误

对于某些人来说，即使真正为他们服务，技术也是一种负担。这告诉我们的是UI设计应该容忍错误和误解，并且总是想出一种方法让用户撤消他们的行为（你是否因为出生日期错误而开始填写应用程序？）。同时，用户应该确切地知道他们搞砸了哪里，这样他们就不会再让它发生了。

7. 为用户转移电源

只要用户了解如何使用您的设计，就可以将力量转移到他们的手中。让他们独立工作，将他们的行动切割成消耗单位，这样他们就不会在途中分心。完成任务的抽象方法也应该是该过程的一部分，例如使用键盘快捷键。

8. 保持对话基调

即使在最好的界面中，文案也很常见，因为设计师并没有试图引起轰动。相反，他们用简洁明了的标签和说明走在他们的用户的脚下。用户喜欢这样，即使它不是花哨的，因为它感觉不像是在听别人而是自己。

9. 简单一点

许多人无法回答“什么是UI设计”的问题，并且有充分的理由。他们中的大多数甚至都没有看到界面，因为它是一个向前移动的静音引擎，但仍然可以脱颖而出。在对设计进行任何更改之前，请估计用户是否真的需要它以及他们是否能够使用它。这是对你来说唯一重要的事情。

10. 保持下去

开发接口不是一次性任务，而是需要频繁迭代的持续过程。错误会发生，但不要让他们劝阻你！学习和练习，并尝试创建用户甚至不会注意到的无缝界面。

11. 最佳用户界面设计实践

什么是UI设计？

在了解更多信息时，您的第一课应该是了解您的用户，并清楚地估算他们能做什么或不能做什么。您还需要发现他们的兴趣，偏好，倾向和技能。

以下是最重要的用户界面设计实践：

• 少即是多；界面越不可见，它就越成功。因此，摆脱无用的元素，并使用清晰的标签和消息。
• 保持一致性并仅使用熟悉的元素和模式；这样做可以提高您网站的舒适度和信心，并帮助用户在不到一时的时间内完成工作。一致性是指布局，语言和许多其他设计元素，最好的方法是教会用户如何优化设计的功能。
• 通过排版提高清晰度；做出智能型决策，明智地使用字体，大小和文本排列。这样，您的文本将更易于阅读和理解。

四、您必须遵守的用户界面设计法

1. 清晰的法则

导致混淆和误解的所有因素都会留在阴影中，这个规则也不例外！

您是Gmail用户吗？

如果是这样，您会记得Google更改顶部的导航面板，您可以在其中轻松访问云端硬盘、日历、表格或其他服务。

然而，该公司提出了这样的想法：他们可以通过将所有这些元素隐藏在抽象图标后来简化导航，因此许多Gmail用户无法找到它的方式。后果是什么？问Google的支持团队！

忽略您不理解的内容绝对是人类，因此请确保您的界面不会导致此问题。

2. 背景法则

如果您邀请用户控制设计中的某个对象，请将界面控件尽可能靠近它。用户希望看到接口控件靠近他想要控制的对象。

这种尝试的成功在LinkedIn上显而易见，您可以通过单击旁边的小铅笔轻松更改所需的所有数据（以及您的名字！）。另一方面，Facebook允许你这样做，它有一个非常漫长而复杂的过程。

UI设计中的上下文要求让人联想到现实生活中的背景 – 准备爆米花，将其放入微波炉并打开设备。

如果您被要求跑到电箱并切换按钮使其工作，您是否仍然会被鼓励这样做？可能不是，这也是大多数用户改变他们的Facebook名称的原因。

用户希望操作流畅简单，让他们成功！

3. 指示行为的法则

大多数用户因为被要求而在网站上执行操作。原因很明显，因为每个人都感到害怕采取了一步他没有任何线索。

为了了解我们所说的内容，想想LinkedIn – 因为他们引入了Endorsements功能，他们并不依赖于用户会知道它是什么的假设。

相反，他们在个人资料页面上提出了大型号召性用语横幅，并将该功能转变为最佳更新之一。

规则很简单：如果他们需要做某事，请他们去做。

4. 及时反馈的法律

为了让用户感到自信，请给予他持续而明确的反馈。您可以按照Gmail的示例 – 您在此处执行的每项操作都会收到通知，并且人们会觉得他们完全可以控制服务。

5. 简化法则

用于完成复杂任务的Web设计应分为几个可管理的操作。没有人喜欢复杂和冗长的形式，因为它们是压倒性的，并且总是必须仔细检查插入的信息是否正确。

然而，如果你采用这种形式并将其分成更小的步骤（理想情况下有进度条），人们就不会觉得它很无聊。

这就是所谓的简化和宽松法则，它告诉我们人们宁愿经历5个简单步骤而不是单个大步骤。你恐吓他们越少，他们就越有能力完成他们追求的任务。

写在最后

UI设计可以通过许多不同的方式进行解释，因为它可以组合动作的融合，帮助创建者在功能和形式上优化其服务。

简而言之，UI设计决定了用户如何与产品/服务进行交互，以及他们对产品/服务的感受。现在您可以获得什么是UI设计问题的答案。

作者：Bogdan Sandu链接：https://www.designyourway.net/blog/author/bogdanel/

翻译：Tzw_n，原作者已经授权。

本文由 @Tzw_n 翻译发布于人人都是产品经理，未经许可，禁止转载。

题图来自 Unsplash，基于CC0协议。