以用户为中心的设计:两个人

作者:Hindy  

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

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


前言

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

随着移动 app 的崛起,用户体验一词开始被广泛使用。其中最绕不开的一个思想就是「以用户为中心的设计」。我在这篇文章中将向大家介绍两位重要的人物。一位是率先将人体工程学应用到设计中,20 世纪工业设计先驱之一的亨利 · 德雷夫斯。另一位当然就是提出了「以用户为中心的设计」的唐纳德 · 诺曼。


人体工程学

UI 设计进阶 3-1:以用户为中心的设计:两个人.002.jpeg

根据 IEA 的定义,人体工程学或人机工程学(Ergonomics)或人因(Human factors)是关于理解人与一个系统内其他要素之间相互影响的学科,以及运用理论、数据、方法进行设计以造福人类和整个系统的专业。

人体工程学研究人、任务、工作、产品、环境和系统,以使其适应人的需求、能力和局限。

但我为什么要从人体工程学开始讲起呢?是因为「以用户为中心的设计」本质上就是为人而设计,在某种程度上人体工程学算得上是其前身。

而对人的研究自古就有,如被称为「医学之父」的古希腊人希波克拉底的研究,如(可能)成书于西汉的《黄帝内经》。但更广为人知的还是文艺复兴时期的莱奥纳尔多 · 达 · 芬奇(Leonardo da Vinci)。我们都知道他不只是一名艺术家,也对数学、工程学、解剖学、植物学等等领域都有所研究,诸多草图与笔记被收藏进了各种博物馆。

UI 设计进阶 3-1:以用户为中心的设计:两个人.003.jpeg

说回现代。现代人体工程学的崛起还得从 20 世纪开始算。工业生产的成熟、世界大战的爆发,这些都引发了对武器设计的需求,也都刺激了人体工程学的研究。但直到二战结束后,人体工程学的设计才从军用大范围转移到到日常民用上。我们首先要介绍的 Henry Dreyfuss,就是身处这个时代的设计师。(终于交代完背景了,趴……)


Henry Dreyfuss

设计师简介

UI 设计进阶 3-1:以用户为中心的设计:两个人.005.jpeg

亨利 · 德雷夫斯(Henry Dreyfuss, 1903-1972)的职业背景是舞台设计,于 1929 年建立了自己的事务所开始进行舞台和工业设计活动。就像雷蒙德 · 罗维(Raymond Loewy)一样,德雷夫斯在许多领域都做过设计:火车、农耕机器、吸成器、冰箱、电话、洗衣机等等,对美国乃至全球的生活产生了深刻的影响。

他不仅是美国工业设计的先驱之一,也是人体工程学专家,为人体工程学在工业设计中的应用做了开拓性的工作。他率先从工业设计的角度对人体尺寸进行研究,科学的考虑了人们的舒适性和工作效率,帮助建立了设计界基础的人体工程学体系。他在 1937 年至 1964 年间与贝尔电话合作设计的一系列电话更是人体工程学设计的典范。

1965 年,美国工业设计师协会(IDSA)成立,德雷夫斯成为其第一任主席。


贝尔电话

德雷夫斯的一生都与贝尔电话公司有密切的关系,是影响现代电话形式的最重要设计师。并且由于贝尔、西电垄断了市场,我们在时间跨度大约 70 年间,各个领域(印刷、电视、电影等)都能看到他们的产品。

UI 设计进阶 3-1:以用户为中心的设计:两个人.006.jpeg

合作的起点是 1929 年,德雷夫斯赢得了贝尔实验室的「未来电话」竞赛,并于 1930 年开始与贝尔员工合作。其结果就是 300 系列的电话,将传统的「灯芯」样式改为厚实的「摇篮式」底座,并且是第一个将振铃器放入的电话。它于 1937 年推出,一直生产到 1950 年。

UI 设计进阶 3-1:以用户为中心的设计:两个人.007.jpegUI 设计进阶 3-1:以用户为中心的设计:两个人.008.jpeg

下面这款 Model 500 则是战后的第一款电话,同样由德雷夫斯设计,并成为了代表美国电话的标志。

UI 设计进阶 3-1:以用户为中心的设计:两个人.009.jpeg

另外还有 Princess phone、Trimline phone 也是德雷夫斯及其事务所设计的电话。

UI 设计进阶 3-1:以用户为中心的设计:两个人.010.jpegUI 设计进阶 3-1:以用户为中心的设计:两个人.011.jpeg

上述这些电话,00 后们可能比较少用过了,但之前的人们一定对这些电话非常熟悉,几乎家家户户都有几台这样的家用电话。请大家回忆一下,是否拿起、挂断电话的动作非常流畅;是否电话机的把手握起来非常舒服,与今天的直板手机握感不可同日而语……而这些舒适的体验,很大程度上就离不开德雷夫斯的设计。

致敬。


人体测量

1955 年,德雷夫斯出版了《Designing for People》,在书中分享了自己的经历与设计理念。比如介绍了是如何设计 Model 500 电话的。在第二章「Joe And Josephine」中,他设计了一个一家三口的模型,并且详细给出了测量数据,指出以数据为基础的科学设计。其本质就是人体工程学的应用。

UI 设计进阶 3-1:以用户为中心的设计:两个人.012.jpegUI 设计进阶 3-1:以用户为中心的设计:两个人.013.jpeg

到了 1959 年,德雷夫斯又出版了《The Measure of Man and Woman: Human Factors in Design》。在这本书中,更加丰富地描绘、测量了人们在各种行为、场景下的数据。

UI 设计进阶 3-1:以用户为中心的设计:两个人.014.jpegUI 设计进阶 3-1:以用户为中心的设计:两个人.015.jpeg


小结

工业设计涉及到人体工程学,这是不容置疑的,但两者还是有差别的。工业设计除了考虑人机因素外,还要融入更多的文化、心理学、市场等因素,这也是为什么在当今物质丰富的今天,每一种产品都会有千变万化的形式和解决方案。

用《Designing for People》中的一句话总结就是:

If people are more safer, more comfortable, more eager to purchase, more efficient – or just plain happier -by contact with the product, then the designer has succeeded.

如果使人们感到了更安全、更舒适、更愿意购买、更有工作效率,或者单纯地只是更幸福,那么设计师就成功了。


Donald Norman

介绍完工业设计中的人体工程学,接下来就是用户体验设计中的以用户为中心的设计思想了。

设计师简介

UI 设计进阶 3-1:以用户为中心的设计:两个人.017.jpeg

唐纳德 · 诺曼(Donald Norman)生于 1935 年,他专注于设计、可用性工程和认知科学领域,因他的著作而被人们所知。尤其是 “The Design of Everyday Things”(中译《设计心理学》)。

诺曼的学术背景较为复杂,但和今天的人机交互所关注的领域其实都密不可分。他于 1957 年院获得麻省理工学院电子工程学士学位,1959 年获宾夕法尼亚大学电子工程学士硕士学位。后来攻读心理学,在 1962 年获得宾夕法尼亚大学的数学心理学哲学博士学位。之后 4 年在哈佛大学成为一名博士后研究员和讲师。1966 年成为加州大学圣地亚哥分校(UCSD)的心理学教授,1974-1978 年间担任该校心理系主任,1988-1993 年建立了认知科学系并任教授及主任,1993 年成为该校荣誉退休教授。

在 UCSD 期间他出版了几本重要的书籍,其中一本就是 1986 年出版的 "User Centered System Design: New Perspectives on Human-Computer Interaction”,令「以用户为中心的设计」一词开始广为人知。

诺曼离开 UCSD 后加入了苹果公司,成为一名用户体验设计师(这是人们第一次使用「用户体验」一词作为职业名),之后担任了 Advanced Technology Group(这是苹果公司 1986 年至 1997 的内部实验室,也被称为 Apple Research Labs) 的副总裁。后来曾在惠普工作,又创立了 NN group。最近的 2014 年,他又回到 UCSD 担任加州电信与信息技术研究所新成立的设计实验室主任。


书籍推荐

下面是诺曼在设计领域的一些重要书籍:

  • User Centered System Design: New Perspectives on Human-Computer Interaction, 1986

  • The Design of Everyday Things, 1988

  • The Invisible Computer, 1999

  • Emotional Design, 2003

  • Living with Complexity, 2010

中译版推荐 2015 年中信出版社出版的《设计心理学》系列1—3:

UI 设计进阶 3-1:以用户为中心的设计:两个人.019.jpeg

这套系列术语翻译统一,诺曼在书中用了大量案例来阐述自己的各种观察与研究,可谓是「为人而设计」的一套必读书籍。


Affordance?Signifiers?

UI 设计进阶 3-1:以用户为中心的设计:两个人.021.jpeg

Affordance 是詹姆斯 · 杰罗姆 · 吉布森(James J. Gibson) 提出的一个概念,他的著作《The Ecological Approach To Visual Perception》的第八章就是专讲 Affordance 的。诺曼将其引入到设计。Affordance 通常被翻译成「可供性」或「示能」,个人更推荐「可供性」,可以简单理解为:人与环境之间可能的互动。

Signifiers 则是诺曼在后来引入的,被译为「意符」,用来解决引入 Affordance 导致词语乱用的问题。Signifiers 是一种提示,告诉用户可以采取什么行为。

UI 设计进阶 3-1:以用户为中心的设计:两个人.022.jpeg

举个最经典的例子:比如门上写的的「推」,就是一种意符,明确告诉用户该怎么做。门本身提供给人一种「可被推开」的认知,就是可供性。至于能不能打开,还要取决人的能力。也许你可以,但不代表一个婴儿也可以。

UI 设计进阶 3-1:以用户为中心的设计:两个人.023.jpeg

再比如 MUJI 的 CD 机,下垂的拉绳提供强烈的下拉意符,一个简单的下拉动作,音乐随即响起。

希望大家可以留心观察生活,在自己的工作中也注重表达这些细节,做出更自然的设计。


Nielsen Norman Group

UI 设计进阶 3-1:以用户为中心的设计:两个人.024.jpeg

最后介绍下 Nielsen Norman Group。这是由 Jakob Nielsen 和 Don Norman 在 1998 年创立的组织。当时的形态类似于咨询公司,现在发展为一个设计组织,提供设计咨询和教育培训。对于我们其实不用管太多,只要关注文章部分就行(见参考资料)。这里会由他们的设计师分享一些理论和研究结果,部分文章还是值得一读的。


免费获取完整 PPT,请关注公众号 uicircle,回复「两人」即可。

UI 设计进阶系列目录:uicircle.club/a/128


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


参考阅读


成为会员

UIcircle Member

Local Groups

UIcircle 会员

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

成为会员后,您可以

  • 加入内部的 Slack Channel 及微信群
  • 报名参与各种线下设计、聚会活动
  • 其他会员福利,如周边礼物、软件折扣等

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

加入我们