【最新】用户体验情感化设计

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
人类是这样的社会性动物,我们能够从任何事物(包括产品、物体和网站)中知觉到情绪表达,会感到快乐或 悲伤、愤怒或消极、放松或紧张、骄傲或羞辱、有动力或无动力由于产品通常是一样的,随着时间的推移这种知 觉到的情绪会变成知觉到的人格特质。对人格和产品人格的第一印象形成是快速的和无意识的,长期情绪形成人 格特质。
2021/2/2 图: Martha Steward 和 WWE——顺从的和支配性的设计
8
情绪、行为、人格维度
情绪的价值维度能够影响我们的行为(即,趋近还是回避),而唤醒维度则影响我们 做事情的动机。情绪影响行为的不同方面,而随着时间的推移人们会将情绪的表达知觉为 不同的人格方面。价值影响友好性的知觉,唤醒则影响支配性的知觉。
价值
行为
友好
唤醒度
动机
支配性
趋近 回避
焦虑 无聊
支配 顺从
客户会被那些他们觉得与自己有着类似人格的事物所吸引。然而随着时间的推移,他 们喜欢和那些与自己互补的事物互动。有用、可用和愉悦的体验有利于关系的形成。
2021/2/2
9
色彩情感1
它由12种基本的颜色组成。包含三原 色,即红、黄、蓝,原色混合产生了二次 色,即橙、绿、紫,二次色混合产生了三 次色。
图:表现人格的物体
7
设计人格:支配或顺从?友好还是不友好? 相似性和互补性?
支配或顺从? 支配性的视觉特点可以描述为有棱有角的、直接的、冷酷的、暗色的、银色的、黑色的…并有一个厚
重的基底。 顺从的视觉特点可以描述为圆的、温暖的、明亮而清晰简明的、柔软而精美的、金色的。
如果一种人格没有表现出明显的支配性的视觉或交互特征,人们倾向于认为它是更顺从的。一般来 讲,你可以通过呈现一个与用户人格类似的视觉人格来吸引用户。对于吸引来说,我们会被那些与我们
感官:即视 觉、嗅觉、 听觉、味觉 和触觉。
形成

对 他 人 的 印 象
长期 人对
他人 的人 格印 象
构成设计正式属性的语 形成
言、用户提示语、声音、 导航、比例、布局、对 比、颜色、图像和字体

对 长期 用户

对产

品人

格印


真实人格
产品人格
在人际关系和产品与人关系中,人格特质是吸引力和对话的重要组成部分。它们通过影响我们喜欢的人和我 们期望从遇见的人那里得到什么来塑造我们的关系。它们也影响我们与他人相处的好坏。
交互情感2
1、人脸表情交互
人脸表情交互是情感交互的一个重要方向,交互模型为:识别人脸表情既而感知人的情感和意图,再生成 与之对应的表情与人进行交互。现在对于识别人脸表情既而感知人的情感和意图的技术已经有诸多的人脸表情 数据库及表情特征提取技术供设计参照。人脸表情的自然生成也在向着智能化的方向发展,将通过社交环境、 上下文语境的来智能生成。现阶段人脸表情交互在移动应用产品设计中应用举例:
用户体验
情感化设计
集团客服运营支撑中心
用户体验管理部
2014.5.1
王立芳
2021/2/2
1
目录
情绪、行为、人格维度

色彩情感

交互情感
2021/2/2
情感设计
实操
2
情感化设计
情感化设计是指旨在抓住用户注意、诱发情绪反应(有意识的或无意识的)以提高执 行特定行为的可能性的设计。
注意被描述为一种心理能量。 一位著名的心理学家米哈里·契克森米哈 Mihaly Csikszentmihalyi1990年提出流 (flow)这个概念将我们的注意力完全集中在当前活动上的心理和情绪状态命名为“流 (flow)”,流是一种高度投入的体验,强烈的情绪投入需要并窄化用户的注意。 为了让用户完成他们的认为并达到流,我们需要通过影响他们外观、声音、交互三方 面情绪体验的设计,来进行情绪体验的设计,来抓住并保持他们的注意。
交互情感3
2、语音情感交互
1) 信息查询类产品
通过语音输入来查询信息的产品如交通票务查询、话费查询等,
是语音情感交互应用的重要领域。
2) 辅助教学类产品
一些朗读类或者表达技巧类的学习产品中可以应用语音情感交互。
3) 电子商务产品
利用语音情感交互可以让购物网站摒弃繁琐的用户问卷调查
4) 社交、娱乐
目前产品加入了语音输入功能,但也是淡出的录音传话,无法判
或我们喜欢的看待自我的方式看起来类似的事物所吸引。 友好还是不友好?
友好取决于所说的话,说话的方式(即谈话的语调)。 相似性和互补性?
研究发现,在关系的早期,相似性会占据上风,在最初的吸引中发挥关键的作用。当关系随着时间的 推移而深入时,互补性变得更加重要。
用户和系统之间的交互应该是互补的,其中用户占据主导地位,而产品、界面或服务占据服从的地位。 在有导游的游览中,或者在一个由系统指明步骤或有权威气息的应用中,用户和系统的地位可能会互换。
内,色彩的作用占到67 %,成为决定人们对商品 上完全一致,唯一不同的是按钮的颜色,在超过
好恶的重要因素,这就是20世纪80年代出现的” 2000人次的样本测试中,最终红色方案的点击率
色彩营销”的理论依据。
超过绿色方案的点击率足足21%。
色彩能够决定转化率的差距
因为红色具有刺激心血的紧迫感,常出现在清
蓝色系附近。因为橘红色带给人温暖、热情、主 男性和女性都比较讨厌橙色和褐色。而不同的是
动的活力感,而蓝色则具有可靠、专业的形象感, 男性喜欢黑色,而女性则讨厌灰色;女性则喜欢
可以说都是网路公司形象上致力想营造出的形象。 紫色,而男性则讨厌紫色。因而得知男性和女性
2021/2/2
对于色彩的喜好度是有所偏差的。
2021/2/2
1)“twika^o^”一款由Takuto Onishi开发的iOS应用程序 “twika^o^”,可以帮用户把人物面 部真实表情转化成“kaomoji”,即文 字符号表情。打开应用,用户可以通过 该应用读取自己或是朋友们的照片,或 者干脆通过手机直接对着某人的脸咔嚓 一张面部特写照,接下来它就能实时转 化为有趣的颜文字表情。再通过电邮、 推特或者信短信share给朋友们。
题,目前也取得了一定的研究成果。
来智能将电话簿中的人进行情感化分类:哪些是亲密好友、哪些是
2现021阶/2段/2语音情感交互在移动应用产品设 较为疏远的关系。结合通话频率可以分析出哪些亲密的好友1应5 该联
计中应用:
络了,可以发出提醒,提醒用户注重对好友的联络。
交交互情互感情4 感4
3、 肢体行为情感交互
11
色彩情感3
色彩能够在理解和决策阶段起到决定性作用
美国流行色彩研究中心的一项调查表明,人
们在挑选商品的时候存在一个”7秒钟定律”:面 美国数字营销公司Hubspot曾经做过一场A/B
对琳琅满目的商品,人们只需7秒钟就可以确定对 Testing,用于测试不同颜色对于用户点击转化造
这些商品是否感兴趣。在这短暂而关键的7秒钟 成的差异。 在上图中,左右两个测试页面在内容
仓场景,而橙色的呼叫意味浓厚,用于创建下订、
购买、出售的行动,所以红色和橙色一般用于购
物网站或App的购买和支付按钮。另外还会用于
一些错误提示页面,表示警示提醒你注意。
因为绿色代表着安全、通行、准许的意思,可
以让人感到轻松,缓解压力,所以绿色通常用于
2021/2/2
开始按钮和下载按钮,还有成功提示页面。 12
交互情感1
随着情感计算(affective computing)等技术的不断发展,情感交互成为高级信息时代人机交 互的主要发展趋势。(如图所示)情感交互就是使人机交互可以像人与人交互一样自然、亲切、生 动和富有情感。
人与人进行交流时,是通过人脸表情、语音情感、带有感情的肢体动作、文本情感信息等来感 知对方的感情。因此情感交互可以从人脸表情交互、语音情感交互、肢体行为情感交互、生理信号 情感识别、文本信息情感交互等方面进行探索。另外人与人的交流可以通过表情、语音、眼神、手 势等2方02式1/2进/2 行,而机器没有人脸和躯体,那么仿生代理(lifelike agent)将是实现情感交互的1重3 要 媒介。
应。wenku.baidu.com音情感交互就是通过语音情感识别技
术对人类的情感进行获取、识别和响应,可
以使用户在自然和谐的交互模式下高效地完
成任务。
语音情感交互的支撑技术是语音情感识
别和情感语音合成。1)语音情感识别必须以
一个高质量的情感语音数据库为基础,获取
情感语料,进行情感特征参数的提取。2)情
感语音合成是情感计算与语音合成的交叉课 案例:Emotion 电话本,根据分析通话人之间语音交流的情感信息,
断社交对象的情感。如果在这些产品的设计中应用语音情感交互
就能构筑更加拟人化的风格和更加逼真的场景,给用户更全面的
感官享受。
5) 虚拟人物对话
语音中的情感信息可以影响人们的交流 状态。所谓“听话听音”,说话人利用不同 情感表达某语句时,听者可能会有不同的反
虚拟人物对话如siri等产品已经开始尝试,但尚未加入情感因素。 由于大多数情况下是口语化的交流,因此虚拟的人物对话应该根 据用户的情感状态来调整产品本身的语音输出,以适应对话环境。
动机 高动机
低动机
图:行为和动机的环状模型(改编自Russell, 19803 ; van Gorp, 20064)
动机
2021/2/2
最佳水平(即流) 焦虑水平
焦虑水平会增加到最佳水 平(即流),在这之后, 动机和绩效又会较低,同 时焦虑增加。
5
情绪、人格、产品人格、人际关系和产品与人关系
产品应该被看作是“人们与其建立关系的有生命的物体。” 通过使用产品时建立的关系我们会根据物体, 界面和网站运行的方式和它们对我们感官的吸引力来赋予产品人格。
2021/2/2
3
情绪维度
我们可以用价值和唤醒度潜在的维度来描述所有的情绪或情感状态。也可以用无意识/生理,意 识/认知维度描述所有的情绪或情感状态。 无意识/生理,唤醒度(arousal),唤醒度是指身体、大脑或特定行为的无意识激活。人们使
用焦虑(anxiety)(令人愉悦和不令人愉悦)对无聊(boredom)的水平来定义它。大尺寸的 图片、明亮饱和的色彩、高对比度能够提高唤醒度。心跳速率、呼吸、血压等测试指标来测试 唤醒度的情况。 意识/认知,价值(value)价值判断是指对事物好坏的判断。我们通常会根据事物是否令我们 感到愉悦来形成这些有意识的判断。
vs. submissive),友好对不友好(friendly vs.unfriendly)。快乐与友好的神态、愉悦
和趋近行为相关,而悲伤则与不友好、痛苦和回避行为相关。 支配
不友好
友好
顺从 图:人格的环状模型(改编自Reeves & Nass, 19985; van Gorp, 2006)
2021/2/2
价值
唤醒度焦虑
情绪状态
痛苦
愉悦
无聊
图:情感的环状模型(Van Gorp, 2006 adapted from Russell, 1980)
2021/2/2
4
行行为为维维度度
情绪的不同维度会影响行为的不同方面。价值维度会影响我们是趋近(即愉悦)还是回避 (即痛苦)某一物体,而唤醒纬度会影响我们做事情的动机。低焦虑或无聊导致低动机,更高的 焦虑导致更高的动机。
特别说明一下,产品的人格可以存在于虚拟的世界,并被设计者所掌控,这样它们就出现在特定的时间和地
点。相20比21于/2/真2 实的人格,它们可以更简单、一致和易于识别,从而降低不确定性、建立信任。
6
人人格格维维度度
尽管人类的人格特质是复杂的,心理学家将产品人格划分为少量的具有类似特点的类别。
它们将准备赋予产品、电脑和界面的人格划分为两个主要的维度:支配对顺从(dominant
2)Avatar, 英特尔则紧跟时代潮流,与时俱进,研究出 “Avatar 人脸表情模拟”这一最新技术成果。当用户面对 摄像头的时候,可以看到用户的真实头像,通过Vedio算法, 可以将人脸表情抽象化,呈现出一个虚拟的头像,这项技 术对应的情感交互比如视频聊天的时候,某种时候不太想 让对方看到自己的真实长相,可以通过这项技术,更好的 保护隐私。联想K800手机应用了这项最新的Avata1r4技术。
红玫瑰象征炽热的爱情,黄色总是与 富丽20,21权/2/利2 地位相连,白色纯洁,蓝色优 雅平静,黑色肃穆,邪恶等。
红色
黄色
蓝色
10
色彩情感2
从一个客户网站分析公司KISSmetrics的调
这张是来自ColorLovers的整理,大部分网站 查报告图表中,我们清晰的看到,男性和女性都
以及互联网企业的商标色彩都分布在红色系以及 喜欢蓝色和绿色,或许这是自然中最常见的色彩;
相关文档
最新文档