用户界面(UI)设计是设计师用来在软件或计算机化设备中构建界面的过程，重点是外观或风格。设计师的目标是创造用户觉得容易使用和愉快的界面。UI设计指的是图形用户界面和其他形式。语音控制界面。

在这个视频中，用户体验咨询公司Hype4的联合创始人兼首席执行官Michal Malewicz分享了用户界面设计的精髓。

为用户设计用户界面

用户界面是用户与设计交互的入口。它们有三种形式:

1. 图形用户界面-用户与数字控制面板上的可视化表示进行交互。计算机的桌面是一个图形用户界面。

2. 语音控制接口(VUIs) -用户通过声音与这些设备进行交互。大多数聪明的助手。iPhone上的Siri和亚马逊设备上的Alexa都是vui。

3. 抓取界面-用户通过身体动作参与3D设计空间:例如，在虚拟现实(VR)游戏。

为了设计最好的ui，你应该考虑:

• 用户对设计的判断很快，也很关心可用性和亲和力。

  • 他们不关心你的设计，但大约完成任务很容易，用最少的努力。

  • 因此，你的设计应该是“隐形的”:用户不应该专注于它，而应该专注于完成任务:例如，在Domino的Zero Click应用程序上订购披萨。

  • 因此，了解你的用户的上下文和任务流程(你可以从，例如，客户旅程地图)，以优化最好、最直观的ui，从而提供无缝的体验。

• ui也应该是令人愉快的(或者至少是令人满意和没有挫败感的)。

  • 当你的设计预测到用户的需求时，他们可以享受更个性化和沉浸式的体验。取悦他们，他们就会不断回来。

  • 在适当的地方，元素游戏化可以让你的设计更有趣。

• ui应该传达品牌价值，加强用户信任。

  • 好的设计是情感设计．用户将良好的感觉与品牌联系在一起，这些品牌在各个层面上与他们对话，并保持愉快、无缝体验的魔力。

Airbnb简单、诱人的布局让用户快速、轻松、愉快地满足他们的旅行需求。

UI与用户体验(UX)设计

常与用户体验设计， UI设计更受关注设计的表面和整体感觉．UI设计是一门手艺，设计师在其中构建用户体验的重要部分。用户体验设计包括整个频谱用户体验。一个类比是把UX设计描绘成一辆汽车，UI设计是驾驶控制台。

“接口是障碍。我不想把精力集中在一个界面上。我想专注于工作。”

——Don Norman, UX设计领域的老前辈

如何制作优秀的ui

学习用户界面设计的基本原则。

要交付令人印象深刻的gui，请记住-用户也是人，他们需要舒适和限制他们的心智能力．你应该遵循以下准则:

1. 制作按钮和其他常用元素执行可以预见(包括捏缩放等响应)所以用户可以无意识地在任何地方使用它们．形式应该遵循功能。

2. 保持高曝光率．清楚地标记图标，并包括良好的指示意:例如，按钮的阴影。

3. 保持界面简单(只有有助于服务的元素)用户的目的)，创造一种“隐形”的感觉．

4. 尊重用户的眼睛和注意力关于布局．关注层次结构和可读性:

   1. 使用正确的对齐方式。通常选择边缘(高于中心)对齐。

   2. 注意关键功能的使用：

      • 颜色、亮度和对比度。避免过多地使用颜色或按钮。

      • 文本通过字体大小，粗体/权重，斜体，大写字母和字母之间的距离。用户应该通过浏览来获取含义。

5. 尽量减少执行任务的动作数量，但每页只关注一个主要功能．通过指示首选操作引导用户。通过使用渐进披露来简化复杂的任务。

6. 将控件放在用户想要控制的对象附近．例如，提交表单的按钮应该在表单附近。

7. 通过反馈让用户了解系统响应/操作．

8. 使用适当的UI设计模式帮助引导用户，减轻用户负担(例如，预先填写表格)。小心使用黑暗模式，包括难以看到的预先填充的选择加入/选择退出复选框，以及将物品偷偷放入用户购物车。

9. 保持品牌一致性．

10. 始终提供用户可以推断的下一步步骤自然，无论他们的背景如何．

在我们的课程网页上，颜色、亮度和对比度吸引了人们的注意力。

因为最好的界面是没有界面，你应该为用户提供最直接、最易访问、最舒适的控制(和最佳体验)，让他们忘记自己在哪里使用你的设计。因此，不断问自己“我能让事情更简单吗?”

了解更多关于UI设计的知识

参加我们的UI设计课程://www.antonrmt.com/courses/ui-design-patterns-for-successful-software

以下是一篇详细阐述UI-UX差异的文章:https://premium.wpmudev.org/blog/ux-ui-wordpress/

阅读一些关于开发UI设计方法的有用建议:https://www.smashingmagazine.com/2018/02/comprehensive-guide-ui-design/

看看如何避免常见的UI设计错误:https://hackernoon.com/6-bad-ui-design-examples-common-errors-of-ui-designers-e498e657b0c4