新手科普文！什么是用户界面和体验设计？

Z Yuhan：用户界面（UI，User Interface）设计是设计软件产品所涉及到的几个交叉学科之一。不论是用户体验（UX，User Experience）、交互设计（ID，Interaction Design），还是视觉/图形设计（Visual / Graphic Design），都能牵扯到用户界面设计。

一、什么是用户界面设计？

广泛来讲，用户界面是人与机器交流的媒介。用户向机器发出指令，机器随即开始一段进程，回复信息，并给出反馈。用户可以根据用户反馈进行下一步操作的决策。

人机交互（HCI，Human Computer Interaciton）所关注的主要是数字界面，即过去的打孔机、命令行，直至今天的图形界面（GUI，Graphic Design）。

用户界面设计对于数码产品来说主要关注的是布局、信息结构，以及界面元素在显示屏和各种终端平台上的展示。电子游戏和电视界面也包括其中。

△ 1981 年的 Xerox 8010 信息系统（图片来源：DigiBarn）

用户界面设计师根据设计原则来创作符合用户需求的设计，而不是单纯地提供技术解决方案。在这过程中往往需要在平衡取舍用户功能需求和展示效果（由品牌定位和视觉设计决定）。

△ B2B 仪表板用户界面设计

优秀的用户界面设计利用清晰、统一的视觉层次和内容结构来引导用户完成任务，并减少非必要的内容和元素。

出色的用户界面通过真实世界的符号隐喻传达信息，例如按钮、声量滑块、日历、软盘样式的保存图标等。

用户界面的组成元素主要包括：

• 输入：让用户可以进行选择或输入信息，包括复选框、单选框、下拉框和文本域等交互组件等。

• 导航：用于选择目的地和筛选信息的组件，包括下拉菜单、滚动条、toast、页签和分页等。

• 信息：向用户提供反馈的交互元素，包括图标、文字、媒体、进度条和提示等。

△ 图片来源：Thrive

高效的设计师会参考优秀设计案例、设计惯例、标准以及可用性原则来确保界面方案符合用户需要。其中最重要的设计原则包括：

• 统一的界面元素能让用户快速熟悉并掌握使用方法；

• 清晰的元素层级和页面结构能让用户一眼看到最重要的内容；

• 用颜色和字体等样式来向用户暗示元素的优先级以及作用；

• 发送系统状态变更、错误以及用户操作时，提供反馈信息，以便用户了解进程并进行下一步决策；

• 了解用户喜好和需求优先级，让操作过程更顺畅自然；

• 利用留白及合理布局让界面更加清晰易懂。

△ 植物浇水App，图片来源：Tubik