什么是用户界面和体验设计?

本文译自 Mikos Philips 的 UI vs UX  —  A Guide to UI Design

因为发现仍然有小伙伴跑来问我比较基础的专业划分问题,所以翻译了这篇科普文。

——

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

什么是用户界面设计?

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

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

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

1981 年的 Xerox 8010 信息系统(图片来源:DigiBarn,图片有裁剪)

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

B2B 仪表板用户界面设计

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

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

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

  • 输入:让用户可以进行选择或输入信息,包括复选框、单选框、下拉框和文本域等交互组件等。
  • 导航:用于选择目的地和筛选信息的组件,包括下拉菜单、滚动条、面包屑、页签和分页等。
  • 信息:向用户提供反馈的交互元素,包括图标、文字、媒体、进度条和提示等。

图片来源:Thrive

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

  • 统一的界面元素能让用户快速熟悉并掌握使用方式
  • 清晰的元素层级和页面结构能让用户一眼看到最重要的内容
  • 用颜色和字体等样式来向用户暗示元素的优先级以及作用
  • 发送系统状态变更、错误以及用户操作时,提供反馈信息,以便用户了解进程并进行下一步决策
  • 了解用户喜好和需求优先级,让操作过程更顺畅自然
  • 利用留白及合理布局让界面更加清晰易懂

植物浇水App,图片来源:Tubik

用户界面设计和体验设计的差别

用户界面设计和用户体验设计很容易混淆。虽然二者有重合之处,但是各自有截然不同的技能需求。

用户体验设计注重产品的全局架构和功能,以及用户使用感受。相较于界面设计师来说,体验设计师的工作集中在通过信息架构来组织内容;通过用户调研、任务测试和商业分析进行方案决策。以电子商务的账号创建和下单流程为例,体验设计师使用用户流程、体验地图、低保真线框图和交互原型等方法,并通过用户测试来验证和优化设计理念。

Apple Watch 原型动画,图片来源:Alex Dovhyi

用户界面设计与体验设计的对比

界面并不是产品的真正解决方案。界面设计通常在体验设计师的工作中占重头戏,但并不是全部。你可以这样理解:如果说用户体验是消耗品的话,那么用户界面就是工具(使用消耗品的工具)。

用户体验设计是包含很多个步骤的设计策略流程,其目标是创造产品具有吸引力、方便使用、易于理解的产品。通过用户体验设计这个流程,我们可以获得正确的用户界面解决方案。

用户体验(UX)与用户体验(UI),图片来源:Shane Rounce

用户界面设计师做什么?

用户界面设计师在用户体验设计师提供的线框图的基础上,创造更加接近最终形式的产品界面方案。他们需要遵循体验线框图所表达的信息层级和优先级,并将合理统一的视觉和交互规则运用于整个产品。

电商界面概念设计,图片来源:Remco Bakker

用户界面设计师的职责范围包括视觉层级、构图、间距、对其、标题和文字的视觉比重、组件使用规则(按钮、表单等)以及配色规范和Logo。

由于现如今用户界面越来越多的涉及到动态交互及过渡,而不限于简单的静态页面,界面设计师也会需要与动效和交互设计师合作,并优化用户体验设计师所提供的基本交互理念。

用户界面设计也包含数据可视化和信息设计的工作,这些能通过简单的信息展示帮助用户快速理解复杂的数据。

珠宝电商概念设计,图片来源:Tubik

用户界面设计师提供最终的页面高保真原型给程序开发人员。上文提到用户界面设计有时与用户体验设计有重合之处,其实它也可以涉及到前端开发,尤其可能参与建立前端组件库、和页面模板。

为了提高用户体验优化效率,我们的工作方式正在变得越来越成熟。因为当今世界的数字化进程,用户界面设计扮演的角色愈发重要。在接下来的数十年里,用户界面设计将突破二维屏幕,朝着3D和VR(虚拟现实)、AR(增强现实)和MR(混合现实)的方向演化。

无论技术、屏幕、场所和环境如何,界面设计的点都会坚持聚焦于人机交互与体验的高效性。

Medium

译文地址:知乎

作者:Mikos Philips

译者:Z Yuhan

(0)

相关推荐

  • 2018年12条移动端用户体验设计趋势

    在移动应用领域,事物正飞速发展.要想在用户体验设计领域获得成功,设计师必须有远见,并为即将到来的新挑战做好准备. 为了简化这个任务,我列出了2018年最重要.最有影响力的趋势,而且很有可能远不止如此. ...

  • 【只言片语04】体验设计杂谈

    <只言片语>致力于通过简短聚焦的知识和,让大家加深对设计的理解,以及从更多的角度看待"设计".我更希望大家从设计师的身份中脱离出来,更多的设计对象.以一个侦探的角色对对 ...

  • IXDC国际体验设计大会将于7月在北京隆重举行

    由国际体验设计协会(IXDC)主办的2015国际体验设计大会将于7月16-19日的北京·国家会议中心隆重举行,此次大会的主题为"重新定义用户体验(REDEFINE THE UX)" ...

  • 用户体验设计发展简史你知道吗?

    小编:用户体验在产品设计中有着举足轻重的地位.那么你知道它为什么这么重要吗?让我们一起去了解下用户体验设计的发展史吗? 在聊用户体验之前,先回忆一下上一次去餐馆吃饭的经历吧. 是什么让你选择这家餐馆? ...

  • 服务体验设计 sx Summit

    小编:@Razer_YjJjJ  之前参加了一场由唐硕在上海主办的服务体验设计峰会,感触颇深.但是考虑到受众以及一些内容的实用性,总结了两位嘉宾演讲内容与大家分享,都是比较贴近我们这些底层设计师的.应 ...

  • 7个基础的用户体验设计细节

    优秀产品的用户体验设计是贯穿整个设计过程的,从最早的设计阶段便已经开始.所以,完成产品所有的部分之后再想办法为其补做"用户体验设计"是不可能的--你需要打一开始就就将其放在心上. ...

  • Adobe 体验设计团队 LOGO 设计经验分享

    小编:今天Adobe 体验设计团队带来了他们logo新改版的思考进展过程以及品牌建立考虑的方面.一起去学习下吧. 我们为什么需要改变 过去十几年,我们的团队被称为"Adobe体验设计&quo ...

  • 腾讯设计师:互联网金融体验设计方法总结

    前言:在2017国际体验设计大会中,来自"互联网银行用户体验联合实验室"的Ray和Louie在工作坊里为大家介绍了互联网金融的通用设计流程(参考链接).后续我们把在工作坊里面提到设 ...

  • 从买家差异看B类&C类电商体验设计创新(文略长,慎点!)

    [前言] @舒舟2017年,回顾我的职业生涯,已积累了超过10年的企业(To Business,以下简称B类)产品服务经历.从早期的企业产品数据管理(Product Data Management)软 ...