带你全面认识 UI、UX、IxD、HCI 等术语

作者:Hindy  

原文地址:uicircle.club/a/138

转载无限欢迎,但请注明「作者」和「原文地址」。感谢您对作者版权的尊重。


前言

本文是 UI 设计进阶系列的第 1-1 篇,系列目录uicircle.club/a/128

很多人总以为 UI 就是做视觉的,交互就是画线框的。这样片面地概括,虽然能很简单地介绍一个职位,但不知不觉间,连设计师们自身也开始以为这便是 UI/UX 设计了。针对这个问题,我将一一给大家理清到底什么是界面、交互、用户体验设计。搞清楚这些,相信大家能对自己的职业有更清晰的认识和规划。


UX

让我们先从 UX 讲起。UX 是 User Experience 的缩写,也就是「用户体验」。我们有时也会看到用 UE 缩写,但 UX 更常规。

UI 设计进阶 1-1:带你全面认识 UI、UX、IxD、HCI 等术语.003.jpeg

在 2010 年,国际标准 ISO 9241-210 中对 UX 的定义是:

a person's perceptions and responses that result from the use or anticipated use of a product, system or service.

一个人对某个产品或系统或服务在使用前、使用时(或使用后)产生的感受和反响。

用户体验一词本身非常主观,重点在于用户心理的变化。它不光取决于你的产品或服务,也取决于用户本身和使用情况,而用户和使用情况是不能被设计的。因此我们其实不能设计用户体验(Designing UX),但是我们可以为用户体验做设计(Designing for UX)。理解这点至关重要。

在 20 世纪 90 年代个人电脑逐渐普及,唐纳德 · 诺曼(Donald Norman)率先将「用户体验」作为术语提出,并将其拓展到更大范围。

UI 设计进阶 1-1:带你全面认识 UI、UX、IxD、HCI 等术语.004.jpeg

I invented the term because I thought human interface and usability were too narrow. I wanted to cover all aspects of the person's experience with the system including industrial design graphics, the interface, the physical interaction and the manual. Since then the term has spread widely, so much so that it is starting to lose its meaning.

我创造这个词是因为我认为人机界面和可用性太狭隘了。我想涵盖关于人们体验的的所有方面,包括工业设计、界面、物理交互和手工产品。从那时起,这个词开始广泛传播,以至于它开始失去原有的含义。

— Donald Norman

2002 年 Jesse James Garrett 的《用户体验要素》出版,这本书具有超强的实践性。他将用户体验分作 5 个层次,并将系统设计分为任务和内容两大部分。

UI 设计进阶 1-1:带你全面认识 UI、UX、IxD、HCI 等术语.005.jpeg

在今天,用户体验一词最常出现在手机 app 设计、人机交互领域。尤其是前些年移动 app、互联网公司刚开始爆发的时候,谈用户体验几乎是业内人士的职业病。但由于其宽泛的定义,它也逐渐成了各个设计领域内大家共同会探讨的话题。

而说到「用户体验」,当然也要提下「以用户为中心的设计」(User-centered design)。它也是由诺曼提出,并在 1986 年发布了名为《User-Centered System Design: New Perspectives on Human-Computer Interaction》的书。从此「以用户为中心的设计」理念开始广为人知。我也会在后面的系列文章中具体介绍这个理念。


UI

UI 是 User Interface 的缩写,也就是我们所熟知的「用户界面」。

但将 interface 译成「界面」其实是非常不妥的。因为「界」这个字是边界、范围的意思,可视意味非常强,它总让我们误以为界面就是关于图形的。而实际上当然不只是图形界面(GUI,Graphic user interface),还有语音界面(Voice user interface)、命令行界面(Command-line interface)等等。

UI 设计进阶 1-1:带你全面认识 UI、UX、IxD、HCI 等术语.007.jpeg

看到这就可以介绍下到底什么是 interface 了。Interface 其实就是人机交互过程中的中介。什么是交互——人进行操作(输入,input),如用键盘打字、用触控笔绘画,然后计算机作出反应(输出,output),显示文字、显示你的画,这人与计算机一来一回的互动就被我们称作人机交互。而用来接收人的各种输入,执行计算机的反馈的系统才是真正的 interface。

其实我们对 interface 还有另外一个更好的翻译,那就是「接口」,我们称作「人机交互接口」。但也许是因为这个词过于「工科」,太不接地气了,便在时间流逝下被人们渐渐淡忘。

而与「界面」相反,台湾的译名「介面」则要准确很多。这个「介」有介于两者之间的意思,与 interface 更相近,而且也不会像「界」那样造成其就是视觉设计的假象。

然而我虽有诸多吐槽,但却深感约定俗成的力量之大。词是人创造的,我们在工作中也无需纠结到底哪个译名更准确,重要的是我们知道其含义即可。比如苹果公司偏偏喜欢用 human interface,你能拿它怎么办,我们心里明白就行。


IxD

IxD 就是 Interaction Design,也就是「交互设计」。值得注意的是千万不要将 IxD 简写成 ID,因为 ID 更多是 Industrial Design(工业设计)的缩写。

上面我已经用最简单的例子介绍了什么是「人机交互」。但「交互设计」是什么?

交互设计本身是一个相对较新的领域,仅仅作为学科(职业)存在几十年。因此关于它的定义还非常不统一,并且随时在变。而这也是为什么它经常与用户体验和用户界面设计混在一起的原因。

下面我摘录了两段其他组织对交互设计的定义,供大家参考。

UI 设计进阶 1-1:带你全面认识 UI、UX、IxD、HCI 等术语.011.jpeg

Interaction Design (IxD) defines the structure and behavior of interactive systems. Interaction Designers strive to create meaningful relationships between people and the products and services that they use, from computers to mobile devices to appliances and beyond.

交互设计定义了交互系统的结构和行为。交互设计师们努力地在人、产品以及他们使用的服务之间创造更有意义的联系,从计算机到移动设备,再到电器等等。

—Interaction Design Association(IxDA)

UI 设计进阶 1-1:带你全面认识 UI、UX、IxD、HCI 等术语.012.jpeg

Interaction Design is the study and craft of how people interact with products, systems and services. It is about shaping digital experiences for people’s use.

交互设计学习和研究人们如何与产品、系统、服务产生交互,它是关于塑造人们使用数字产品的体验。

—IxD | ACCD

对比上面两段,可以发现对于交互设计的定义中有几点是非常明确的,那就是:人(用户)、数字产品、系统和服务,以及人们的使用行为和体验。


HCI

HCI 就是 Human Computer Interaction,真正的「人机交互」一词在这。人机交互作为学科其实基本上就是交互设计,只是在偏向上它可能会更注重计算机技术,比如卡内基梅隆大学就是将其放在了计算机科学院。

UI 设计进阶 1-1:带你全面认识 UI、UX、IxD、HCI 等术语.015.jpeg

我们追溯历史,最早出现该词是在 1975 年,到了 1983 年的著作《人机交互心理学》(The Psychology of Human-Computer Interaction)才推广了该术语。而 CMU 的 HCII(Human-Computer Interaction Institute)甚至到了 1993 年才建立(它也是我的出生年)。所以距今还不过二十多年,实在是新,也令人感慨科技行业发展之迅猛。


Service Design

服务设计也是个非常新的术语,在 1991 年才首次出现。

我不能在这简单为其下个定义,抛出两个观点给大家参考,有兴趣的朋友可以查阅文章最后的参考资料阅读。

UI 设计进阶 1-1:带你全面认识 UI、UX、IxD、HCI 等术语.017.jpeg

第一个是在《这就是服务设计思考》(This is Service Design Thinking: Basics, Tools, Cases)一书中,提出的服务设计五大原则:

  1. 以用户为中心(user-centered)

  2. 共同创造(co-creative)

  3. 有序性(sequencing)

  4. 实体化的展示(evidencing)

  5. 整体性(holistic)

UI 设计进阶 1-1:带你全面认识 UI、UX、IxD、HCI 等术语.018.jpeg

第二个是来自米兰理工大学的课件,提出服务设计可以由 system、offering、interaction 和 interface 四点构成。


总结

所有上文这些定义其实并不需要刻意去记它或区分它。我分享出来,是因为作为一名设计师,对职业基础的了解我认为还是非常有必要的。但咬文嚼字划分界限则没必要,毕竟所有这些我们都统称到了 UI/UX 设计上。

共勉。


免费获取完整 PPT,请关注公众号 uicircle,回复「全面认识」即可。

本系列合集uicircle.club/a/128


如果你想提升设计能力,亦或充实自己的周末,欢迎加入我们的会员社区 👉点这报名


参考阅读


成为会员

UIcircle Member

Local Groups

UIcircle 会员

目前仅需 59 元即可加入我们

成为会员后,您可以

  • 加入所在城市的微信群
  • 免费参与各种线上活动、线下聚会
  • 其他会员福利,如周边礼物、软件折扣等

如有疑问,可以先 了解我们

加入我们