情感化设计

标签: 情感 设计 | 发表时间:2014-03-20 14:06 | 作者:舒小曼
出处:http://select.yeeyan.org

译者: 舒小曼 原文地址: boxesandarrows.com

作为用户体验专业人员,我们力图设计吸引人的体验。这些体验有助于在我们创造的产品和使用这些产品的用户之间建立良好关系。无论你是在设计一个网站还是一个物品,关系的建立取决于我们体验到的有用(useful)、可用(usable)和令人愉悦(pleasurable)的程度。归根结底,我们会基于与他人建立关系的同样的理由而与产品和服务建立关系。

  • 令人愉悦的产品是有魅力的,并会让我们感觉良好。有魅力的人具有同样的效应。
  • 可用的产品易于交互、容易理解。健谈者亦如是。
  • 有用的产品满足我们的需求,并在长期内让我们获得情感上的满足。长期的关系可以满足生理上、心理上、情感上和精神上的需求。

我之前在“Boxes and Arrows”上的一篇文章(Design for Emotion and Flow)讲到平衡用户的情感状态以控制注意和创造流(flow)体验的重要性。流体验是指用户的全部注意都集中在当前活动上的心理和情绪状态。全然地投入流体验是一种高度沉浸其中的状态,并有助于用户忠诚度。在交互过程中的流体验可以看做是形成持久关系的基础。

在这篇分两个部分的文章中,我将在这一部分讨论情绪如何控制注意。然后,我们将深入研究设计可以怎样引起和传达情绪和人格给用户。情绪导致能够控制注意的愉悦或痛苦的体验。情绪的不同维度能够影响行为的不同方面,并能随着时间的推移传达人格。在第2部分,我们将介绍一个描述人们和他们使用的产品间建立关系的框架。

情感化设计的定义

一段时间前,我搭乘朋友的车下班回家。我钻进她的SUV并坐下来,等待开车。几分钟后,一种恼人的嘟嘟声开始响起。“哦,”她说,“你要系好安全带,这样这令人抓狂的声音才会停止。”我勉为其难地系好安全带,声音停止了。嘟嘟声完成了它的使命;我系好了安全带。

这是情感化设计(affective design)的一个例子。情感化设计是指旨在抓住用户注意、诱发情绪反应(有意识的或无意识的)以提高执行特定行为的可能性的设计。情绪反应可以是有意识的或无意识的。例如,通过影响唤醒水平(即生理刺激),一个有着明亮色彩的按钮能够无意识地抓住用户的注意。而随后的行为可以是任何动作,比如点击按钮、注册内部通讯、或进行网上购买。

为了让我朋友SUV里的令人不舒适的声音停止,我必须做出特定的行为。在这个例子中,令人不愉悦的嘟嘟声是刺激,它引起了我的厌烦并让我系紧我的安全带。而对于你最近的网络应用,刺激很可能是视觉性的而不是听觉的,但它控制的能量都是一样的。这些刺激的一个共同点就是它们需要并控制你的注意。

注意

注意被描述为一种心理能量。就像传统意义的能量一样,没有它就没法工作,而工作就会消耗它。Csikszentmihalyi (1990)将我们的注意力完全集中在当前活动上的心理和情绪状态命名为“流(flow)”。流是一种高度投入的体验,强烈的情绪投入需要并窄化用户的注意。为了让用户完成他们的认为并达到流,我们需要通过影响他们情绪体验的设计来抓住并保持他们的注意。

我们设计的产品需要利用它们的外观和声音来吸引用户,(通过他们的体验到的感受)说服他们趋近或回避。它们同样需要与用户交流。这些产品的交互方式应该说服用户以预定的次序采取特定行动,同时给予用户一种控制感。如果我们做了正确的事,用户就会投入我们的系统并和它达成交易;他们点击按钮、订阅通讯、进行购买或订机票。

这些事件标志着用户和产品或应用之间关系的建立。和公司产品或服务的每次经验都塑造着用户与公司品牌之间的关系。为建立积极的品牌关系,公司需要有效地管理用户每次与公司产品或服务相遇时的情绪反应。正如我们即将看到的,人们会将特定情感的持续表达直觉为人格特质,而我们我们的人格特质则决定了我们建立的关系。

情绪维度

为理解情绪表达如何成为人格,我们首先需要理解情绪本身。我们可以用两个潜在的维度来描述所有的情绪或情感状态,即价值(value)和唤醒度(arousal)。价值判断是指对事物好坏的判断。我们通常会根据事物是否令我们感到愉悦来形成这些有意识的判断。

唤醒度是指身体、大脑或特定行为的无意识激活。人们使用焦虑(anxiety)对无聊(boredom)的水平来定义它;我们可以通过心跳速率、呼吸、血压和皮肤电来测量它。简言之,你可以将唤醒度看作是刺激或激活的水平。我们将情绪的两个维度(也就是,意识/认知和无意识/生理)结合,就得到情绪的环状模型。

Figure 1

图1:情感的环状模型(Van Gorp, 2006 adapted from Russell, 1980)

由于唤醒很大程度是无意识的,它为设计者提供了尤为强大的方法来控制注意、影响行为。例如,大尺寸的图片、明亮饱和的色彩和高对比度都能够提高唤醒水平。增大图片的尺寸,让画面中的元素更靠近都能够提高唤醒水平。但唤醒水平提高,注意的范围就会变窄,并会指向任何引起注意的物体。一个极佳的例子就是停车标志,在街道复杂的视觉环境中,明亮的红色能够很好地抓住我们的注意。

在产品研发过程中,经常会因为这样的理由而导致设计、营销和可用性的脱节。视觉设计师和营销人员通常会通过诱发情绪的注意(明亮的色彩和大尺寸图片的影响)来提高唤醒水平,而可用性分析师则通过保证任务完成来控制唤醒水平、减少消极情绪。

行为维度

情绪的不同维度会影响行为的不同方面。价值维度会影响我们是趋近(即愉悦)还是回避(即痛苦)某一物体,而唤醒纬度会影响我们做事情的动机。令人愉悦和不令人愉悦的物体和经验都能提高我们的唤醒水平。例如,恐惧和兴奋都是高唤醒度的情绪。唤醒水平也能影响我们体验特定情绪的强烈程度,情绪越强烈,越需要更多的注意力。唤醒水平也能够影响动机水平。低焦虑或无聊导致低动机,更高的焦虑导致更高的动机。焦虑水平会增加到最佳水平(即流),在这之后,动机和绩效又会较低,同时焦虑增加。

图2:行为和动机的环状模型(改编自Russell, 19803 ; van Gorp, 20064)

对于我朋友SUV的恼人声响,它的价值纬度是消极的(即不令人愉悦)。这种不愉悦的感受会产生回避的冲动。如果声音音量增大,或者嘟嘟声的频率提高,我的唤醒水平会无意识地提高,从而进一步提高我想要回避该声音或让它停止的动机。

这是一个处在汽车这种相对受控的环境中的很简单的例子,但在更多层级或更复杂的环境中会发生什么呢?对于视觉设计和交互设计会发生什么呢?正如我们即将看到的,这时人们会把这种简单的情绪表达知觉为人格。

情绪和人格

人类是这样的社会性动物,我们能够从任何事物中知觉到情绪表达,包括产品、物体和网站。由于产品通常是一样的,随着时间的推移这种知觉到的情绪会变成知觉到的人格特质。我们初次遇见的看起来情绪低落或闷闷不乐的人在表达悲伤的情绪。当你在接下来的20次中遇到他时仍然看起来悲伤,你很可能会认为他是“抑郁的”。对于产品和网站,我们可以将人格看作是特定情绪的长期表达。

作为人类,我们会根据物体、界面和网站运行的方式和它们对我们感官的吸引力来赋予它们人格。尽管我们的理智告诉我们电脑和媒体没有生命和感觉,当我们浏览、和它们互动和评价它们时,我们仍然会以社会性和自动化地方式做出反应。我们已经表明,产品应该被看作是“人们与其建立关系的有生命的物体。”通过使用产品时建立的关系,人们可能会感到快乐或悲伤、愤怒或消极、放松或紧张、骄傲或羞辱、有动力或无动力。

人格特质和关系

与感知情绪类似,我们对人格的第一印象也是基于通过感官(即视觉、嗅觉、听觉、味觉和触觉)接收到的信息。这些印象的形成是快速的和无意识的。对于网站和应用,人们会从构成设计正式属性的语言、用户提示语、声音、导航、比例、布局、对比、颜色、图像和字体中推断出来。实际上,对人格的感知是如此地自动和无意识,不管感知者是否认为它们是合适的,它们也会发生。此外,更多的关于人格的有意识的判断是基于长期内我们与之互动的物体如何表现。

在人际关系中,人格特质是吸引力和对话的重要组成部分。它们通过影响我们喜欢的人和我们期望从遇见的人那里得到什么来塑造我们的关系。它们也影响我们与他人相处的好坏。从这个角度来说,这与我们从产品和网站中知觉到的人格并无二致。然而,与我们不同,产品的人格可以存在于虚拟的世界,并被设计者所掌控,这样它们就出现在特定的时间和地点。相比于真实的人格,它们可以更简单、一致和易于识别,从而降低不确定性、建立信任。

人格的维度

尽管人类的人格特质是复杂的,心理学家将产品人格划分为少量的具有类似特点的类别。它们将准备赋予产品、电脑和界面的人格划分为两个主要的维度:支配对顺从(dominant vs. submissive),友好对不友好(friendly vs.unfriendly)。

Figure 4

图4:人格的环状模型(改编自Reeves & Nass, 19985; van Gorp, 2006)

观察下面的两个简单物体。它们在表达情绪吗?作为静态的物体,它们表达的任何情绪都不会随着时间的推移而改变。如果人格的主要维度是友好性和支配性,你觉得哪个物体更友好?哪个更具有支配性?看看人们在照片下面留下的评论。快乐与友好的神态、愉悦和趋近行为相关,而悲伤则与不友好、痛苦和回避行为相关。

图5:表现人格的物体

设计人格:支配或顺从?

支配性的视觉特点可以描述为有棱有角的、直接的、冷酷的、暗色的、银色的、黑色的...并有一个厚重的基底。顺从的视觉特点可以描述为圆的、温暖的、明亮而清晰简明的、柔软而精美的、金色的。如果一种人格没有表现出明显的支配性的视觉或交互特征,人们倾向于认为它是更顺从的。图6的两个网站中,哪个网站更具支配性,哪个更加顺从?哪个是友好的,哪个不够友好?

图6: Martha Steward和WWE——顺从的和支配性的设计

注意你会更自然地被上面的两个网站中的哪一个吸引。你会觉得哪个更迫使人趋近或回避?哪个更自然地抓住更多的注意?这些网站在多大程度上与他们的目标受众的人格相匹配?一般来讲,你可以通过呈现一个与用户人格类似的视觉人格来吸引用户。对于吸引来说,我们会被那些与我们或我们喜欢的看待自我的方式看起来类似的事物所吸引。

友好还是不友好?

友好的视觉特征可以描述为积极的,而不友好的视觉特征可以描述为消极的。友好不仅取决于所说的话,也取决于说话的方式(即谈话的语调)。我们基于对话来确定和描述人格的倾向可以在下面的例子中很容易地发现。这个例子使用对比、视觉重量、颜色值、大小和排版样式来改变语言所传达的意义。内容传达信息,但外观和感觉改变了信息被解释的方式,从而改变了意义。

你更愿意与下面的哪个表述进行对话?你会觉得哪个更迫使人趋近或回避?哪个更自然地抓住更多的注意?对于对话,有些人喜欢主导,而异性相吸。

图7:人格和意义

相似性和互补性?

相似性理论是指,相比于有着不同人格的个体,人们更容易被与自己有着相似人格的个体所吸引。互补性理论是指人们更容易被那些与他们自己的支配或顺从水平相匹配的个体所吸引(Markey 20079; Personality Research10)。这又回到了一个老问题,相同的人或不同人的人在一起更容易相处吗?答案是肯定的。

说到人格,在关系的不同阶段不同的东西更能刺激我们的情绪。研究发现,在关系的早期,相似性会占据上风,在最初的吸引中发挥关键的作用。当关系随着时间的推移而深入时,互补性变得更加重要。在长期关系中,当伙伴或多或少比自己更具支配性时,人们会更加满足。两个支配性的人由于都想当领导可能会发生冲突,而两个顺从的人可能会缺乏主动性,因为他们都不想当领导(Markey 20079; Wikipedia 2009)。

一般来讲,用户和系统之间的交互应该是互补的,其中用户占据主导地位,而产品、界面或服务占据服从的地位。在有导游的游览中,或者在一个由系统指明步骤或有权威气息的应用中,用户和系统的地位可能会互换。

结论

在第一部分,我们了解到情绪能够控制注意。我们也了解到情感化设计这一术语是指旨在有意识地抓住用户注意、诱发情绪反应从而提高用户做出预期行为的可能性的设计。

情绪的价值维度能够影响我们的行为(即,趋近还是回避),而唤醒维度则影响我们做事情的动机。情绪影响行为的不同方面,而随着时间的推移人们会将情绪的表达知觉为不同的人格方面。价值影响友好性的知觉,唤醒则影响支配性的知觉。

Emotions, Behavior & Motivation and Personality

图8:情绪、行为/动机和人格

最后,我们了解到,客户会被那些他们觉得与自己有着类似人格的事物所吸引。然而随着时间的推移,他们喜欢和那些与自己互补的事物互动。

有用、可用和愉悦的体验有利于关系的形成。在第2部分,我们将看到人们体验爱情的不同方式,从而更好地理解关系是如何形成的。然后,我将提供一个如何以对形成关系非常必要的不同方式来系统地创造体验的新框架。


作者简介:

本文作者Trevor van Gorp是《为情感而设计(Design for Emotion)》一书的共同作者。这本书讲述了如何设计情感和人格。他同时也是情感化设计股份有限公司(Affective Design Inc.)(一家用户体验咨询公司)的创立者和合伙人。你可以通过 http://designforemotion.com 或  http://affectivedesign.com 找到他,或者在Twitter上关注他:@trevvg 或 @affectivedesign。他的另一篇文章“为情感和流而设计(Design for Emotion and Flow)”已在译言网上被Fung翻译: http://www.yeeyan.org/articles/view/Fung/14681 


相关 [情感 设计] 推荐:

情感化设计

- - 译言最新精选
译者: 舒小曼 原文地址: boxesandarrows.com. 作为用户体验专业人员,我们力图设计吸引人的体验. 这些体验有助于在我们创造的产品和使用这些产品的用户之间建立良好关系. 无论你是在设计一个网站还是一个物品,关系的建立取决于我们体验到的有用(useful)、可用(usable)和令人愉悦(pleasurable)的程度.

情感化设计-氛围

- - 猪窝_产品设计
在去东南亚旅行回来后,我去了檀香山. 同场,在一次时间很长,旅途很远,跨越时区很多的旅行之后,我都会去檀香山休养生息. 当我沿着坏基基的一条主干道散步的时候,我在一家艺术画廊前驻足,看到了一副描绘太空风景的画. JS&A公司是以销售太空时代的产品而出名的,我觉得这幅画很适合放在我的办公室里. 我走进画廊,注意到这家画廊看上去非常优雅,所有的画都整齐的陈列在墙上.

漫谈情感化设计

- - 标点符
情感是人对外界事物作用于自身时的一种生理的反应. 当这种需求和期望得到满足时会产生愉快、喜爱的情感,反之,苦恼、厌恶. 人类情感基本上分类为很多种,最早期心理以二分法将情绪分为正向情绪与负向情绪,其中最著名的就是心理学家Robert Plutchik的情感轮盘(Plutchlt),这个理论主要是情绪表现在不同的强度,甚至情绪可以与他人情绪之间会互相影响产生不同的情感,建立新的情绪状态.

浅谈情感化设计

- - UX 一淘体验中心
上个月在淘宝UED奶茶会分享的主题. 情感是人对外界事物作用于自身时的一种生理的反应. 当这种需求和期望得到满足时会产生愉快、喜爱的情感,反之,苦恼、厌恶. 情感化的设计只是一种创意工具,表达和发挥设计师的思想和设计目的,随着时代的发展,这种创意工具将变得日益锐利. 在《情感化设计》一书中从知觉心理学的角度揭示了人的本性3个特征层次:“即本能的、行为的、反思的,提出了情感和情绪对于日常生活做决策的重要性.

产品的情感化设计

- - 百度MUX
人之所以能成为万物之灵,很多时候是因为情感. 对于很多人、很多事的判断,情感也通常起到至关重要的作用. 香甜的味道、悦耳的音乐、爱抚、微笑的面孔、漂亮的人们、对称或者圆润平滑的物体、温暖舒适的地方等等,相信都能带给大家正向的情感. 相反的:高处、太冷或者太热的环境、黑暗、拥挤的人群、畸形的人体等等,都会带给大家负向的情感.

情感化设计的组成要素及实践案例

- - 所有文章 - UCD大社区
周末的娱乐活动无非就是这些,做做博客,看看书,捣鼓点儿小代码,玩玩琴. 我的微博)以及素材段子,接下来也许会出些demo;蛮久没像样的折腾这些了. 说正经的,眼下这篇文章是最近为数不多的让我感到多次触动的东西. 之前在微博上说了,“全文读下来我有种…五体投地的感觉. 一个个在情感化设计方面具有代表性的产品罗列在一起,看着这些又开始有那种感动的感觉”.

产品情感化设计的两个层面

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  用户之所以选择一款产品,首要的一点在于说产品的功能满足了用户或是产品的内容是用户想要的. 在产品设计的工作内容中很重要的一点就是功能设计,我们希望通过产品的功能能够在时间、经济、人力等方面成本上来给用户带来利益. 随着产品的发展,我们发现同类型的产品基础功能都大致相同,产品之间的竞争越来越难在功能层面拉开差距.

情感化设计对互联网产品的启发

- - 百度商业用户体验部
“产品具有好的功能是重要的;产品让人易学会用也是重要的;但更重要的是,这个产品要能使人感到愉悦. 美国认知心理学家Donald Norman在2002年提出产品设计的”情感化“理念,随着“体验经济时代”来临,“情感化”业已成为当前互联网产品主要的设计趋势之一. 从心理学角度分析,情感是人格的核心,产品真正的价值在于满足人们情感需求,带给人们内心愉悦的审美体验.

产品细节中的情感化设计

- - 腾讯ISUX - 社交用户体验设计 - Better Experience Through Design
原研哉在他的《设计中的设计》中有介绍过这样一个案例:日本机场原来是用一个圆圈和一个方块表示出入的区别,形式简单并且好用,但设计师佐藤雅彦却用一个更“温暖”的方式来重新设计了出入境的印章:入境章是一架向左的飞机,出境章则是个向右的飞机. 通过一次次的盖章,将这种“温暖”的情绪传递给每一位进关的旅行者们.

hey与情感

- NOir - Initiative