购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

第3章

情感化设计

产品必须是吸引人的,有效的,可理解的,令人快乐和有趣的。

——唐纳德·诺曼

在生活中,我们每天都会使用形形色色的产品。无论硬件还是软件,在使用的过程中都离不开用户体验,说白了就是“好不好用”。而一句简单的“好不好用”,看似是对产品在功能设计层面的要求,实质上是对用户内心情感层面的要求乃至人性的把控。

说到产品,每个人对它的期待都不相同:有的人追求新奇,产品要新鲜好玩有逼格;有的人追求实用,产品要面向实际问题,解决需求;有的人则是“外貌协会”,产品漂亮的设计足以让他们把玩很久。

进行产品设计时,往往关注的是用户的需求,用户的痛点及其产生的环境等因素会决定产品本身的形态。在作者的眼中,“需求”往往处于整个问题链的第二层。它既不表象,又不够深入(但需求本身是产品设计的切入点),仅仅着眼于这一方面,也会让产品变得机械、复杂、不易用。

就像引力波(爱)可以穿越空间、时间一样,贯穿产品所有层次的是产品与用户之间的情感。

有的产品是“表情感型”(工具类)的,它解决了某一个具体的痛点,比如打车、外卖和闹钟——对应着出行、饮食和提醒。出行是一种情感上的需求,是对跨越空间的欲望;饮食早已不仅是生理需要,更是对味觉、视觉和心理的满足;提醒则是解决了对时间把控的焦虑以及自我约束的渴望。

有的产品是“里情感型”(社交、媒体等)的,它直接迎合了用户社交的需要、对信息及媒体的渴望、对新鲜有趣事物的向往。这类产品在设计时更加注重情感的维系,如何激发用户分享的诉求、如何准确提供用户期待的信息、如何创造出好玩的内容,这些都是设计师们绞尽脑汁思考的问题。

3.1 情感化设计

“情感化设计(Emotional Design)”一词由Donald Norman在其同名著作当中提出。而在Designing for Emotion一书中,作者Aarron Walter将情感化设计与马斯洛的人类需求层次理论联系了起来。正如人类的生理、安全、爱与归属、自尊和自我实现这五个层次的需求,产品特质也可以被划分为功能性、可依赖性、可用性和愉悦性这四个从低到高的层面,而情感化设计则处于最上层的“愉悦性”层面当中。见图3.1。

图3.1 Aarron Walter将情感化设计与马斯

艺术可以让你为所欲为,但设计必须考虑其他人的感受——吉斯利。如今电脑、网络、手机、平板电脑等科技产品的普及,为设计与人互动提供了完美的平台,人们可以更加直接地去体验并感受设计。

而设计师也已经升级到不仅仅是沉醉在酷炫的视觉效果,更多的要去思考怎样通过设计来拉近人们与冰冷设备的距离,从而获得更多的用户群体。要想了解怎样能使人对产品产生情感互动,就要先了解人们的情感。通过对人类情感的认知来考虑设计的产品对用户情感的影响,从而达到理想的效果。见图3.2。

图3.2 情感化设计

3.1.1 情感化设计的组成要素

情感化设计的目标是在人格层面与用户建立关联,使用户在与产品互动的过程中产生积极正面的情绪。这种情绪会逐步使用户产生愉悦的记忆,从而更加乐于使用你的产品。另外在正面情绪的作用下,用户会处于相对愉悦与放松的状态,从而对使用过程中遇到的小困难与细节问题的容忍能力也变得更强。

情感化设计大致由以下这些关键的要素所组成,我们可以从这些关键点出发,在产品中融入更多的正面情感元素。诚然,用户最终会产生的反应还将取决于他们各自的生活背景、知识技能等方面的因素,但是我们所抽象出的这些组成要素是具有普遍适用性的。

(1)积极性
(2)惊喜

提供一些用户想不到的东西。

(3)独特性

与其他的同类产品形成差异化。

(4)注意力

提供鼓励、引导与帮助。

(5)吸引力

在某些方面有吸引力的人总是受欢迎的,产品也一样。

(6)建立预期

向用户透露一些接下来将要发生的事情。

(7)专享

向某个群体的用户提供一些额外的东西。

(8)响应性

对用户的行为进行积极的响应。

3.1.2 情感化设计的作用

原研哉在他的《设计中的设计》中介绍过这样一个案例:日本机场原来是用一个圆圈和一个方块表示出入的区别,形式简单并且好用,设计师佐藤雅彦却用一个更“温暖”的方式来重新设计了出入境的印章:入境章是一架向左的飞机,出境章则是一架向右的飞机。见图3.3。

图3.3 佐藤雅彦重新设计的出入境印章

通过一次次的盖章,将这种“温暖”的情绪传递给每一位进关的旅行者。在他们的视线与印章相交的那一刻,会将这种温暖转化为小小的惊喜,而不由自主且充满善意地“啊哈”一下。一千一万次的“啊哈”就会伴随着这一千一万次对旅行者的善意与好客,这便是产品中的细节与用户直接情感化传递的结果。一兰拉面是在日本非常受欢迎的拉面店,在顾客吃完面并把汤喝完会看到碗底有这样几个字“この一滴が最高喜びです(你最后一口是对我们最大的肯定)”。他们用这种简单的细节打通了产品与顾客感情的传递,顾客喝完最后一口面汤是对店主的肯定,并因为对店主的肯定而获得了店主的感谢。产品中情感化的细节经常会成为产品与用户之间情感传递的桥梁,这种传递情感的细节不仅可以增加用户对产品的好感度,更可以让产品更加深入人心,从而利于产品口碑的传播。有时候可能仅仅一句话、一个动画、一个彩蛋都可以打动用户,使他们与产品产生情感上的共鸣,这便是产品细节中情感化设计的作用。

(1)情感化设计可以加强用户对产品气质的定位

Timehop是一款让你回顾那年今日的App,可以帮你把去年今日写过的Twitter、Facebook状态和拍过的Instagram照片翻出来,帮你回顾过去的自己。Timehop为自己的产品塑造了一个蓝色小恐龙的吉祥物形象(图3.4)。许多小恐龙贯穿于界面之中,用吉祥物+幽默文案的方式来将品牌形象的性格特点和产品气质传达出来。用户在打开App时就能感受到小恐龙的存在,闪屏中一个小恐龙坐在地上说了句“Let’s time travel”,立马将用户从情感上带入了App的主题——时间之旅。

图3.4

有趣的地方还有很多,比如图3.5在默认情况下是露出一半的恐龙在向你招手,小恐龙边上是一句不明意义的文案“My mom buys my underwear(我妈妈给我买了内衣)”。当你继续向上拖动时,会发现一只穿着内裤的恐龙,用户就会马上明白上面这句幽默文案的含义。

图3.5 Timehop有趣的界面设计(一)

还有图3.6,在设置页面顶部向下拖动会有一只摇动的小恐龙。用户顺着他的引导不断下拉,拉到头就会发现这是一个对话的气泡,蓝色的小恐龙说了句“You made it to the top!(你拉到了最顶端!)”产品“诙谐有趣”的气质便从这些隐秘于界面细节之中的设计传递给了用户。

图3.6 Timehop有趣的界面设计(二)

一个产品要想获得用户的青睐,不仅要有强烈的需求、优秀的体验,更主要的是让产品与用户之间有情感上的交流。有时对细节的巧妙设计将会极大地加强用户对产品气质的定位,使产品不再是一个由代码组成的冷冰冰的应用程序,从而拉近与用户的情感距离。

(2)情感化设计帮助用户化解负面情绪

情感化设计的目标是让产品与用户在情感上产生交流,从而产生积极的情绪。这种积极的情绪可以加强用户对产品的认同感,甚至还可以提高用户对使用产品困难时的容忍能力。注册和登录是让用户很头疼的流程,它的出现让用户不能直接使用产品,所以很容易造成用户的流失。而巧妙地运用情感化设计,可以缓解用户的负面情绪。

在Betterment的注册流程中,用户输入完出生年月日后会在时间下面显示下次生日的日期,一个小小的关怀马上就让枯燥的注册流程有了惊喜。见图3.7。

图3.7 显示下一次生日日期

在Readme的登录页面上,当你输入密码时,上面萌萌的猫头鹰会遮住自己的眼睛,给用户传递了一种安全感。让这个阻挡用户直接体验产品的“墙”变得更有关怀感,用“卖萌”的形象来减轻用户在登录时的负面情绪。见图3.8。

图3.8 Readme的“卖萌”形象设计

Virgin America的注册流程非常“拟人化”,在你输入First name以后会收到“Hey There”的打招呼,在你输入Middle name后又会出现“Nice name”的提示,好像有一个人在指示你完成注册步骤一样。亲切友好的文案相比于冷冰冰的话语更能得到用户的好感与共鸣,使人机对话变得更加情感化。见图3.9。

图3.9 亲切友好的文案

Basecamp则运用了一个更拟人的情感化方式在注册之中,当你在表单中输入的文字正确时,边上的卡通人物会开心地指着输入内容;当表单中输入的名字错误时,小人的脸将呈现出惊讶状。见图3.10。

图3.10

注册和登录对于一个互联网产品来说都是相当烦琐但又缺失不了的部分,且阻碍着用户不能直接使用产品。这对用户来说便是在使用产品时的“墙”,在这些枯燥的流程中赋予情感化的元素,将大大减轻“墙”给用户带来的负面情绪;同时加强用户对产品的认同感,并感受到产品给用户传递的善意与友好。

(3)情感化设计可以帮助产品引导用户的情绪

在产品的一些流程中,使用一些情感化的表现形式能对用户的操作提供鼓励、引导与帮助。进而用这些情感化设计抓住用户的注意,诱发那些有意识或者无意识的行为。在Turntable.fm中的订阅模式中有一个滑块,你付多少钱决定了猴子欣喜若狂的程度。在涉及真金白银的操作中,给用户卖个萌也许有奇效。见图3.11。

图3.11 Turntable.fm卖萌的猴子

在Chrome浏览器的Android版中,当你打开太多的标签卡时,标签卡图标上的数字会变成一个笑脸。这就是使用细微的变化,友善地对用户的操作进行引导。见图3.12。

图3.12 Chrome浏览器上的笑脸

在用户将要流失前,给予用户情感化的元素也许能挽留下一部分用户。当用户想取消订阅Spotify时,Spotify会在取消订阅的网页上为用户播放Jackson 5的“Want you back”。见图3.13。

图3.13 Spotify取消订阅的网页

有趣的文案有时比醒目的视觉元素更具有引导用户的作用,当你在使用In Vision切换到别的标签时,标题的标签会改成“Don’t forget to read this…”。见图3.14。

图3.14 In Vision有趣文案

人类是地球上最具情感的动物,人类的行为也常常受到情感的驱动。在界面上融入情感化元素,引导用户的情绪,以更有效地引发用户那些有意识或无意识的行为。这种情感化的引导比单纯地使用视觉引导会来得更有效果。

3.2 情感化设计与过度设计仅“一步之遥”

情感化设计和过度设计的边界在哪里?

这个问题让笔者回想起了工业设计史,包豪斯设计革命之前,装饰主义的设计十分盛行,复杂烦琐的装饰图案和造型元素远远大于产品功能本身。见图3.15。

图3.15 过度装饰的宫殿

而包豪斯形式遵循功能的设计革命将设计变得极其简约,不仅满足了工业化生产的需要,也换取了很多民众对简约美学的诉求。见图3.16。

图3.16 包豪斯遵循功能的设计

再后来,人们逐渐觉得极简风格的设计冷冰冰,缺乏情感,于是百花齐放的后现代主义来临了。如图3.17所示的中央电视台新大楼个性十足。

图3.17 中央电视台新大楼

设计的平衡,在于恰如其分地满足当下人们对某一类型产品功能层面和情感层面的诉求。当某一层面满足过分了,就会出现过度设计。而评判的标准在于人们对此时此景的感知。

当一个人渴的时候,你给他喝一杯水,他就会身心愉悦。但是如果他已经不渴了,你再给他水喝,他就没有任何感觉;如果你还强制进行,他可能还会很不爽地反抗。

同样的道理,情感化设计不是为了盲目地去满足用户的情感,这之间也是有一个模糊的界限。情感化设计也是带目的的设计,因为产品缺乏情感,无法获得用户认同,所以我们才加入情感,给予用户好感。如果产品在某个点上已经情感饱满,用户认同感强,我们再去做的情感化设计就会显得无用和多余,也就是过度设计了。

案例:The Coolest Clock

The Coolest Clock是维也纳团队à tout le Monde Studios开发的一款产品,与传统的挂式钟不同,它没有实体指针,也没有滴答的声响,而是一个投影时钟。见图3.18。

图3.18 Coolest Clock不同场景展示图

Coolest Clock的外观更像一个灯饰,安装在墙壁上,投影灯下面会根据不同场景,比如客厅、卧室、厨房等呈现出不同界面来展示时间、天气、社交网络信息、新闻订阅和消息提醒等内容。与大多数智能设备类似,Coolest Clock需要配合APP来设定投影在墙壁上的界面风格、时间显示方式、消息等内容。

Coolest Clock2015年2月开始在Indiegogo上众筹,截至目前其众筹金额已超过14.5万美元,远超其2万美元的众筹目标。

团队表示,他们打算将多余的资金用于开发更多的界面,或者添加音乐和收音机功能。

Coolest Clock这款众筹的产品,却走入了智能硬件的双重困境。

当这种轻智能产品,最佳也是唯一的出路,就是细分市场、细分人群,以简单、独特、个性定制来获得小众用户的关注。从这个层面来看,Coolest Clock的做法毫无疑问是对的。

尽管它还是很难对主流钟表市场产生影响,但对于创业小团队而言,能够切入一个细分市场并从边缘来分化主流市场,是目前智能产业的一种普遍打法。

但Coolest Clock错就错在,在功能上犯了大部分智能硬件创业者的通病,就是对一款产品寄予太多蓝图。在笔者看来,不能再做加法,就要做减法。既然它是个钟,购买者更看重的应该是其对于时间的另类表达形式,而不是一只迷你智能宠物。

许多雷同的功能随便在一款智能设备上都能找得到,所以Coolest Clock目前有的社交网络信息展示、新闻订阅功能以及后期欲添加的音乐和收音机功能等,必须砍掉。

原因很简单,其一社交需要私密性,这与钟表的时间展示属性冲突;其二这是个资讯过剩的时代,给本来难得清静的墙上再贴上新闻,除了收获讨厌还是讨厌。

可以说,Coolest Clock距离“歧途”仅一步之遥。但是,这种游走于“至简至尚”与“无所不能”的双重困境之间的状况,在笔者看来却是目前大部分轻智能硬件创业者的通病。 jFuCLSiELEfdOPj/J4T9q9q4zECk0RNlkKeSlJlDpCs5fILCStCdG+nUmRfn5OaZ

点击中间区域
呼出菜单
上一章
目录
下一章
×