UI vs. UX –重要的UI设计指南

本文概述

• 什么是UI设计？
• UI和UX之间的区别
• 用户界面与用户体验
• UI设计师做什么？

用户界面(UI)设计是负责创建用户与数字产品进行交互的界面的几种重叠学科之一。 UI设计具有用户体验(UX)设计, 交互设计(IXD)以及视觉或图形设计的范围。

什么是UI设计？

在最广泛的定义中, 用户界面是人与机器交互的空间。人们向机器发出指令, 然后机器开始一个过程, 以信息做出响应, 并提供反馈信息, 这些信息可以帮助人们做出决定并实现进一步的交互。人机交互(HCI)领域特别涉及数字接口, 数字接口已从打孔卡和命令行文本输入发展到当今复杂的图形用户界面(GUI)。

1981年的Xerox 8010信息系统(DigiBarn, 由CC BY使用；从原始图像中裁剪)

数字产品的用户界面设计主要与软件程序, 网站和移动应用程序的单个屏幕上的布局, 信息层次结构以及界面元素的外观有关, 但也可以包括视频游戏或电视界面。

通过遵循以用户为中心的设计(UCD)的原理, UI设计人员可以创建结构化和面向用户的界面, 以满足用户的需求, 而不是简单地促进技术解决方案。 UI设计人员通常需要妥协的要素, 使功能需求与用户需求和美观(由品牌和视觉设计决定)之间达到平衡。

Miklos Philips的B2B仪表板UI设计

良好的用户界面设计通过清晰, 一致的视觉布局和内容结构来支持可用性, 并提供线索(指示符)来帮助用户完成任务, 同时最大程度地减少不必要的内容或设计元素造成的干扰。

精心设计的数字用户界面利用了常见的指示符和视觉隐喻, 它们具有真实的对应物, 例如按钮, 音量滑块, 计算器, 用于”保存”动作的光盘图标等。

用户界面由不同类型的元素组成, 包括：

• 输入控件是用户界面中的交互式组件, 范围从复选框和单选按钮到下拉列表和文本字段：这些控件使用户可以从显示的选项之一中进行选择并输入文本。
• 导航控件, 用户可以在其中选择目的地或更改其屏幕上显示的数据。 UI元素包括下拉菜单, 滑块和滚动条, 面包屑, 选项卡和分页控件。
• 信息元素, 向用户提供反馈。 UI元素可以包括图标, 文本和视觉内容, 进度条以及其他通知。

iOS应用程式使用者介面设计(由Thrive提供)

有效的UI设计人员遵循最佳实践, 约定, 标准和基本可用性原则, 以确保他们创建的用户界面符合用户需求。其中最重要的原则是：

• 通用接口元素的使用和重用方面的一致性, 以便用户熟悉和熟悉该接口。
• 页面或屏幕结构具有清晰的元素层次结构, 因此优先级最高的项目对于用户而言最为突出。
• 使用颜色和版式来强调优先级较高的元素, 从而为用户提供清晰度。
• 良好的沟通和反馈可以通知用户状态变化, 错误或对用户操作的确认, 从而使用户能够看到系统如何响应输入并更轻松地做出决策。
• 了解用户的偏好和优先级, 以便最轻松地完成最常见的任务或目标, 并通过定制默认行为来简化常见任务。
• 通过设计有效利用空白并且尽可能简单直观的界面来减少用户的认知负担。

Tubik的植物浇水建议移动应用程序的UI设计

UI和UX之间的区别

用户界面设计通常与用户体验设计相混淆。尽管可能有很多重叠之处, 但它们是不同的领域, 每个角色需要不同的技能。用户体验设计师专注于网站或应用程序的整体结构和功能, 以及产品对用户的感觉和工作方式。

UX设计师与(或作为)信息架构师一起组织内容；他们参考用户研究并执行详细的任务和业务分析, 以确定用于复杂操作(例如电子商务结帐和帐户创建过程)的最佳工作流程。 UX设计人员然后创建用户流程, 客户旅程图, 低保真线框图和交互式原型, 以通过用户测试来测试, 验证和完善其概念。

Apple Watch线框动画(UX设计, Alex Dovhyi)

用户界面与用户体验

接口不是解决方案。 UI设计通常在UX设计器的工作中起着重要作用, 但这不是唯一的部分。这样想：UX设计是消耗品, UI是工具(使用它)。

UX设计是一个多步骤战略设计过程, 旨在创建吸引客户/用户, 易于使用并快速理解的产品或站点。通过UX设计过程, 我们得出了正确的用户界面解决方案。

UI和UX之间的区别(Shane Rounce的插图)

UI设计师做什么？

用户界面设计人员基于UX设计提供的框架, 使数字产品更接近其最终形式。他们遵循UX线框来确定每个屏幕上元素的层次结构和优先级, 然后应用视觉设计准则以及交互设计最佳实践, 以确保整个体验的一致性。

Remco Bakker设计的电子商务UI设计商店概念

UI设计人员负责屏幕上的视觉层次结构, 布局, 间距和对齐方式, 标题和排版的视觉重量, 正确使用标准化的界面元素(例如按钮和表单域)以及遵守颜色处理和徽标的品牌准则。

鉴于现代用户界面不仅是静态屏幕, 还包括具有动态行为和动画过渡的交互式体验, UI设计人员还将与运动设计人员或交互设计人员合作, 完善由UX设计人员开发的基本交互概念。

用户界面设计还可以包括数据可视化和信息设计工作, 这可以通过在”表示层”上简化此信息的显示来帮助用户理解高度复杂的数据。

Tubik的珠宝店电子商务UI设计概念

用户界面设计人员将提供每个网页或应用程序屏幕的最终可视化模型, 开发人员将根据这些模型或产品来生产最终产品。正如UI设计有时与UX设计重叠一样, UI设计也可以与数字产品的实际前端开发重叠, 特别是在使用定义明确的屏幕模板和组件库时。

为了提高效率和用户体验, 交互方法变得越来越复杂。在当今世界, 随着我们周围的世界变得越来越数字化, 用户界面设计变得至关重要。在未来的几十年中, UI设计将朝着从二维屏幕转移到VR(虚拟现实), AR(增强现实)和MR(混合现实)的3D世界发展。

无论采用何种技术, 屏幕, 空间或环境, UI设计都将继续致力于尽可能以最有效的方式促进用户在”人与机器”之间的交互和体验。