什么是使用者界面设计,UI/UX体验设计。

2019年11月11日 标签: 界面设计 ui ux

使用者界面(UI,User Interface)设计是设计软体产品所涉及到的几个交叉学科之一。不论是客户体验(UX,User Experience)、交互设计(ID,Interaction Design),还是视觉/图形设计(Visual / Graphic Design),都能牵扯到使用者界面设计。

 

一、什么是使用者界面设计?
广泛来讲,使用者界面是人与机器交流的媒介。使用者向机器发出指令,机器随即开始一段进程,回覆资讯,并给出回馈。使用者可以根据使用者回馈进行下一步操作的决策。
人机交互(HCI,Human Computer Interaciton)所关注的主要是数位界面,即过去的打卡机、命令列,直至今天的图形界面(GUI,Graphic Design)。
使用者界面设计对于数码产品来说主要关注的是布局、资讯结构,以及界面元素在显示幕和各种终端平台上的展示。电子游戏和电视界面也包括其中。

界面设计

Xerox 8010 Information System in 1981 ( DigiBarn , used under CC BY ; cropped from original)

maxresdefault.jpg

图片来源:https://www.youtube.com/watch?v=YXE6HjN8heg

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

网站设计.png

B2B 仪表板使用者界面设计(B2B dashboard UI design)

优秀的使用者界面设计利用清晰、统一的视觉层次和内容结构来引导使用者完成任务,并减少非必要的博中网投诚信者app内容和元素。

出色的使用者界面通过逼真世界的符号隐喻传达资讯,例如按钮、声量滑块、日历、软碟样式的保存图示等。

使用者界面的组成元素主要包括:
o输入:让使用者可以进行选择或输入资讯,包括核取方块、单选框、下拉清单和文本域等交互元件等。
o选单/导航:用于选择目的地和筛选资讯的元件,包括下拉式功能表、卷轴、toast、页签和分页等。
o信息:向使用者提供回馈的交互元素,包括图示、文字、媒体、进度条和提示等。

0 YbkX1wj39X0CqS3L

iOS app UI design, by Thrive

高效的设计师会参考优秀设计案例、设计惯例、标准以及可用性原则来确保界面方案适合使用者必需。其中最重要的设计原则包括:
o统一的界面元素能让使用者快速熟悉并掌握使用办法;
o清晰的元素层级和页面结构能让使用者一眼看到最重要的博中网投诚信者app内容;
o用颜色和字体等样式来向使用者暗示元素的优先顺序以及作用;
o发送系统状态变更、错误以及使用者操作时,提供回馈资讯,以便使用者知晓进程并进行下一步决策;
o知晓客户喜好和需求优先顺序,让操作过程更顺畅自然;
o利用留白及合理布局让界面更加清晰易懂。

UI design for a plant watering mobile app, by Tubik

二、使用者界面设计和体验设计的差别
使用者界面设计和使用者体验设计很容易混淆。虽然二者有重合之处,但是各自有截然不同的技能需求。
使用者体验设计注重产品的全域架构和功能,以及客户使用感受。相较于界面设计师来说,体验设计师的工作集中在通过资讯架构来组织内容通过使用者调研、任务测试和商业分析进行方案决策。以电子商务的帐号创建和下单流程为例,体验设计师使用使用者流程、体验地图、低保真线框图和交互原型等办法,并通过客户测试来验证和优化设计理念。

Apple Watch wireframe animation (UX design by Alex Dovhyi )

三、使用者界面设计与体验设计的对比
界面并不是产品的真正解决方案。界面设计通常在体验设计师的工作中占重头戏,但并不是全部。你可以这样理解:假如说使用者体验是消耗品的话,那么使用者界面就是工具(使用消耗品的工具)。
使用者体验设计是包含很多个步骤的设计策略流程,其目标是创造产品具有吸引力、方便使用、易于理解的产品。通过使用者体验设计这个流程,我们可以获得正确的使用者界面解决方案。

0 NpuGcXHzmO2L6xVp

The difference between UI and UX (Illustration by Shane Rounce )

四、使用者界面设计师做什么?
使用者界面设计师在使用者体验设计师提供的线框图的基础上,创造更加接近最终形式的产品界面方案。他们必需遵循体验线框图所表达的资讯层级和优先顺序,并将合理统一的视觉和交互规则运用于整个产品。

eCommerce UI design store concept, by Remco Bakker

使用者界面设计师的职责范围包括视觉层级、构图、间距、对齐、标题和文字的视觉比重、元件使用规则(按钮、表单等)以及配色规范和Logo。
由于现如今使用者界面越来越多的涉及到动态交互及过渡,而不限于简单的静态页面,界面设计师也会必需与动效和交互设计师合作,并优化客户体验设计师所提供的基本交互理念。
使用者界面设计也包含资料视觉化和资讯设计的工作,这些能通过简单的资讯展示说明使用者快速理解复杂的资料。

Jewelry store eCommerce UI design concept, by Tubik

使用者界面设计师提供最终的页面高保真原型给程式开发人员。上文提到使用者界面设计有时与使用者体验设计有重合之处,本来它也可以涉及到前端开发,尤其或许参与建立前端元件库和页面范本。
为了提高使用者体验优化效率,我们的工作方式正在变得越来越成熟。因为当今世界的数位化进程,使用者界面设计扮演的角色愈发重要。在接下来的数十年里,使用者界面设计将突破二维萤幕,朝着3D和VR(虚拟实境)、AR(增强现实)和MR(混合现实)的方向演化。
无论技术、萤幕、场所和环境如何,界面设计的关注点都会坚持聚焦于人机交互与体验的高效性。


原文连结:《UI vs UX — A Guide to UI Design》 Mikos Philips
注译者的微信公众号:「交互进阶」


? 本文链接地址:/design/4887.html ? 转载请注明出处,谢谢。