情感化在产品中的设计体现(案例篇)章三疯

情感化设计是一种设计方法,用于创建可为用户带来良好且积极的产品体验。我们设计师使用这种设计方法来设计创意界面,以达到触发用户积极的情感共鸣。

产品产生的情绪可能会对用户对产品的感知产生很大影响。积极的经历会引起人们的好奇心和喜好,而消极的经历会保护我们避免重复犯错...

谁推导了情感化设计?

那我们就来先来介绍一下

情感化设计的先行者

一位享誉全球的认知心理学家,认知心理学学科创始人,工业设计界领袖。加州大学圣地亚哥分校教授,《大英百科全书》编委,为惠普、摩托罗拉等公司提供过咨询服务,担任过苹果公司先进技术部门的副总裁。《设计心理学》、《情感化设计》等著作至今都是设计专业必读书目。他所阐明的以人为本的设计原则已深入人心。

在他的《情感化设计》一书中,一开始他用他收藏的三个茶壶来举例:

而每一个代表着不同的含义和作用。

一个是代表他的过去-对缺少实用性的产品的抗议

另一个是代表了他的未来-我对美的不懈追求

最后一个则代表了实用性和魅力的完美结合

...

这则茶壶的故事,间接阐述了产品设计的三个组成要素:可用性(或缺乏美学)、美学、和实用性。

情感化设计的细分

同时在书中他将情感化分为三层

即:本能层行为层反思层

情感化设计的三层其实在广义上的比较接近(除了划分不一)与马斯洛人类需求五层次理论(Maslow'sHierarchyofNeeds),都是从基础本能/生理需求,到反思/自我实现的同一方向。

所以,基于两个理论,我们在做好一款产品的体验和可用性时,产品必须为用户提供价值。它需要功能,可用和好用。好的设计是“锦上添花”的,其中功能方面是处于优先级,但是为了提供给用户在使用过产品过程中的满足感,也必须考虑情感方面。

我们分别来说说三个层面的案例

A.本能层设计

本能层是基于我们最天生的情感,而做出自然的潜意识反应,

它通过外观和感觉以及感官参与来设计把控产品外在的优秀品质。

良好的本能层设计会让用户感到愉悦和兴奋。

生活中的范例:

当刺猬被其他动物攻击时,它们会本能的把自己卷曲起来防御外界将会带来的伤害,而婴儿看到奶嘴会本能的想去允吸,我们看到彩虹会觉得很漂亮...

互联网产品范例:

最右新版本的话题态度点赞

在最右新版本App上,话题板块的点赞做的很新颖,模拟思考用户在当前话题会产生的情绪,用动态emoji的方式,准确生动的表达情感含义,同时让产品更加活泼有趣,让人眼前一亮,符合产品独特的风格调性。

Yahoo天气应用的当前天气显示

像雅虎天气/苹果天气等其他软件的天气都会实时更新地区当前的天气情况并动态拟真的显示,这样从产品角度出发,用眼睛所看到的现实场景,产品更加真实的显示了目前的天气状况,比需要理解的icon更加有识别度。

百度搜索的小彩蛋之一

京东购物车微交互

首先呢,在现实生活中,我们会把商场里购买的商品放进购物车,我们不想要的,可以在购物车里拿出来放回去,而在互联网产品上呢?

购物车功能是在电商产品内一个很常见的功能,它需要视觉设计和标准语言。同时,试想我们把他当作一个现实中“容器”的概念模型,而这个“容器”,我们可以“放商品”进去“推车(购物车)里”,以及可以把商品从推车里“拿出来”。而我们可以在动作上花心思,让它可“动”,比如说京东在加入购物车的时候,会把商品缩小成一个“圆球”,然后会掉进购物车的按钮里,从而生动形象的完成了对商品的加入动作。而这种简单而有趣的交互,会加深用户对产品的体验好感和让人心情愉悦。

追波404页面设计

当我们在Dribbble上浏览作品的时候,当前作品突然出现故障,导致了404,追波就会在这个页面上把同颜色的一个个作品拼成404数字,让人眼前一亮,消除了用户不愉快的心情,引导用户查看其他作品。

google主页品牌logo的设计

你有没有注意到,偶尔在google的搜索主页上,它的logo不定期都会传达出各种各样的主题,同时进行个性化但不会脱离本身品牌logo插画设计,让公司一成不变的logo变得趣味性和企业形象有了重新的认识。

高德地图的天气提醒

Nomo相机让人惊喜的风格

nomo相机设计看起来像把手机变成了拍立得,设计就十分独特,另外也会模拟拍立得洗照片出来的等待时长,以拍立得的风格调性和微质感,满足人们对专业和仿真拍立得拍照体验的愉悦与渴望,也同时让人一眼就喜欢这款产品。

行为层设计区别本能层设计,不以外观为主要设计途径,重要的是功能的实现,同时注重易用性/易理解性的实践主义,经过行为层设计过的产品,结合产品内涵的主要原理带来不一样的真实感受。

登山冲锋衣的防水科技

无印良品雨伞把上设计的小凹槽可以提供挂东西和袋子

公共场所里的各类指示牌

一次性垃圾袋子上方便人们拎的提绳

......

互联网产品中的范例:

滴滴打车司机端的语音输入目的地

设想一下:当你下班打滴滴回家时,你中途要修改前往的地点,司机会问你路,然后你大概率在打车的时候观察到这样一个细节,他会对着应用来进行语音输入,然后带你前往目的地,是的,而我们在用软件打车的时候大部分都是手动输入地点或修改,而司机这边,由于处于一个驾驶状态,需要高度集中,所以语音输入位置相比于打字输入,减少了他对屏幕的操作步骤和避免驾驶途中分心的不安全感,从而高效便捷且安全的使用产品。

腾讯视频网页端封面的快速预览

同理之下,bbilibili视频下方的波动幅度条(高能进度条)也是类似的功能,B站的做法是波峰值越高,表示当前视频节点弹幕越多,也同样是让B站用户能够快速的看到“高能时刻”。这样的微交互,更方便的考虑用户的真实使用场景。

首先:点赞是一种现代社交网络孵化而出的一种社交行为当别人在公众号或者朋友圈等社交媒体上po出的社会发生故事新闻和自己的生活大家觉得好就会自发的点赞,出发点是没错的。

美团让用户填写外卖评价的文案细节

知乎App底部标签栏按钮按压时发出的声音反馈

当你手机是响铃模式下,知乎App的底部标签栏按钮,你按下按钮就会发出类似“dede或dudu”的声音反馈,这种声音首先会让人觉得很有趣,并且它的声音像是你在进行某种手工/文字创作的敲打声或制作声,会有一种很专业的感觉...

同样的,其他一些产品例如输入法的敲击键盘声、消息发送成功的反馈声、解锁屏幕的声音...等都是为了用户提出了声音和操作的同步反馈,也带来了更好的用户体验。

产品的贴心称呼

在爱彼迎的个人资料中,关于你的昵称资料,会只显示你的名字,而不会显示姓氏,这样的做法是信息的不准确性吗?

其实在我理解看来,首先我们要知道爱彼迎是一个在全世界范围内都有服务的产品,在中国或者很多国家,人们总是喜欢称呼亲切熟悉的人不会带上姓氏,会让人觉得很“见外”,而亲切的称呼你的名字,并且以介绍自己的语气,来展示自己的身份信息。在同类型的产品内,是拉近了产品与“我们”之间的距离,让人觉得格外亲切。这样的细节难免会让用户对产品产生温度和情感,让产品不再是冷冰冰的工具而已。

得物(毒)App的球鞋预览

让天猫精灵“放个屁”

其实谈到这个话题大家都会觉得很搞笑+有趣,是没错,即使你没有买过天猫精灵等同系列的产品,你也听过让“天猫精灵”放个屁的段子,是的,首先产品这个行为就足够搞有趣,我们在使用提出这个响应对话出于什么需求?有用吗?大部分可觉得没用,没用吗?不其实它带来的是对于语音交互产品的更加拟人化,更加去思考人的真实行为,让我们产生共情,也同时更加像和朋友同事之间的打趣一样,让人觉得很有笑点,发自内心的笑点。虽然目前做的还不够好一些诸如人机对话的僵硬感,对话回答不上来....,而当产品更加像人一样去对话,在AI技术还没很成熟的今天,一些小小的情感对话响应,也许这就是在进步。

C.反思层设计

反思层是我们在行为层和本能层上通过感官肢体产生的某种行为,而去反思思考意义所在,它可能是正向的也可能是相反的,可以增强你对自身行为(或产品)的肯定和升华其在后面隐藏的意义,或者是反作用抑制它。

因看了一些纪录片而脑海中时常想起画面

获得别很多人没有的东西而骄傲开心

坐过山车的刺激感而后带来的征服愉悦感

欣赏博物馆收藏的具有诸多历史/人文价值的作品并回到家反思...

星巴克的会员星级就是一个很好的例子,将会员等级拆分为数个级别,每次消费一杯就能提升半颗星,增加难度的同时,也抓住用户的心智,让用户乐于提升自己的星级(同类用户群体下的互相比较),同时还能享受其他单品的折扣等优惠活动,积极的带动了产品的消费,也满足的用户之间比较(Panbi)或是累积的心理需求。

每日故宫App

所以诸如此类的产品或网站都是体现出反思层设计的深层所在。

高考倒计时App的每日一句

利器-灵感生成器是一个在Chrome上的拓展程序(插件)你安装上了它,除了它的一些功能,还有每次新建网页都能够看一句很随心的话,这些话来自生活和工作乃至技术等方方面面,总有一条会让你产生共鸣而去联想思考为什么/怎样做...或者教会你一些你之前不懂的知识等...让你可能是愉悦、或者让你思考回味...

百度百科里搜索结果网页悼念逝者的黑白风格

我们总是在惋惜很多为人类社会做出贡献的逝者,有人会在家里哭泣,有些人会去街上聚齐起来进行吊唁...而在百度百科里,近期(近几天)逝去的人件,或者是一些较为严重的事故事件,搜索结果整个网页将都是黑白的(通过颜色来传达情绪),结合人们对于葬礼的黑白认知和严肃感,也传达出企业悼念逝者、尊重逝者的社会责任和引发人们反思共情的深度意味。

支付宝蚂蚁森林的种树功能

疫情地图/辟谣科普查询等

京东/支付宝等App的节日主题首页

京东和支付宝在正值传统节日的同时,首页从图标到背景颜色和插画都进行节日风格的创意设计,这样设计的出发点一方面纪念比较有意义的传统节日,其二就是让平时比较呆板的界面偶尔传播些有趣味性的设计,也能提升公司品牌形象的内涵,另外就是让用户感受到了节日的气氛,同时谨记我们中国文化的传统节日。

(启动页/节日海报等也类似)

以上三类的情感化设计的互联网产品十分多,大家可以自己去体验思考很多类似的。

这三个层次在很大程度上相互作用互相联系影响,并不会单单的存在一层里面。(起码是俩层以上)

举个生活上的例子来说:我们在买衣服的时候,不可能从一方面就考虑买下它,你第一眼觉得这衣服很好看,

但是你或许还是要看下它的价格、或它适合什么场合穿...等等,以上如果没有,也是需要看合适的尺码的。

举个产品的例子来说:我们常用的Emoji表情来说,本能层,第一眼,我们确实会被它的颜色和拟人化的表情所吸引,而在反思层呢?

我们发送给别人,其实是一种情绪的传达,各类表情表达开心、生气、无语等等,而收到的人就会反思,我做什么让她很开心/很生气。

所以,这三个层次都是互相紧密联系影响的。

划个重点,那我们应该怎么去做好情感化设计呢?

情感化设计现阶段并没有做到大范围使用在产品里,但它又是不可或缺的,而我们需要拿捏一个度,不能滥用它,因为过度情感化会让产品失去对用户,但也同时不能轻视它带来的积极作用。合理的利用用户的情感化情绪,使一些有价值的情绪带来产品上的一些成功,在实际挖掘当中,我们可以利用一些技术型+设计方法去进行,例如:眼睛跟踪(眼动测试)等技术,问卷调查反馈和前期数据分析等方法。

实际工作中个人的一些理解:

阐述我们为什么要这样做,这方面需要同公司团队一起探讨确认目标。

通过ROI(投入产出比)来商谈可实施的步骤,是全面进行推动,还是部分实验进行等。

定好对应的方案,做到团队内成员的互相配合、有序的实现这些目标,从而高效的产出优秀的方案,进而达成目标。

我们可以通过产品原本的数据反馈或调查问卷来得知用户反馈的数据,然后去分析,提炼用户的情感化诉求,更为准确的可以通过关键词去概括。

例如:感觉缺少品牌感、看上去没什么活力、感觉使用起来很僵硬...这些就可以归纳为关键字:品牌感、活泼、微交互...

当我们得到了很多情感化诉求的方向,我们着手一个出发点去实验推展。

然后可映射到其他点的功能文案,并以这种方式找到产品的全部可优化的方向面,逐个击破,完成全局的情感化设计。

验收这一步其实很重要,很多设计师即使做了前面的步骤,觉得我已经设计完了,应该就会达成预期目标。其实我们应该理性的看待各类方案,即使你认为好,但用户恰巧不是这样认为的...所以需要后期去跟进反馈的情况,是否还存在可优化的点。通过前期的数据埋点/后期的调查问卷(方法很多种定性or定量)去得知用户的转化情况,从而验证整体情感化设计方案是否能提升产品的各个层面。

荐书环节:

本书详细探讨情感元素的三个不同层面:包含本能的(产品的外观式样与质感)、行为的(产品的功能)和反思的(个人的感受与想法),并提出因应不同层面的设计原则;对目前越来越重视客制化与互动设计的服务产业来说,情感设计将是未来发展的关键。(摘自京东书籍介绍)

作者后记

如今的互联网产品公司,设计团队与公司都在谈用户体验,谈服务设计,谈创新设计...

确实,在如今社会的进步大环境下,互联网产品的迭代创新是十分迅速的,每个专业都不缺乏人才,

但近几年很多人都像找到了新的赚钱岗位一样,很多跨行业或者培训班入行产品设计行业,对于基本的设计理论却没有很了解。

THE END
1.走进交互设计——感受生活中的交互设计腾讯云开发者社区交互思维使美陈激活了人的五感,人进入商业空间本身就是一个感官的结合,通过一种沉浸式的体验全方位地刺激人的购买欲望,而不是单纯的拿出手机来拍照。 空间交互体验设计(案例) 《屯里的那点事儿》装置场景 《屯里的那点事儿》是我早期的一个作品,交互的方式非常简单,用户通过手机短信的方式,可以跟大屏幕进行互动https://cloud.tencent.com/developer/article/1082845
2.博物馆展示设计12篇(全文)一、博物馆展示设计的相关理论 在哥本哈根召开的第十届国际博物馆协会会议指出:“博物馆是一个不追求盈利, 为社会和社会发展服务的, 公开的永久性机构, 它以研究、教育和欣赏为目的, 对人类和人类环境的见证物进行收集, 保护, 研究, 传播和展览。”[1]从它的定义可以看出, 博物馆存在的意义主要是为了传播文化、https://www.99xueshu.com/w/ikeyw0tzgchp.html
3.网络中心该部分规定了职业教育中使用的三类数字资源的要求,包括课堂与实训室数字化教学资源(媒体素材、试题、试卷、课件、案例、文献资料、网络课程、教学工具软件APP、常见问题解答和资源目录索引等)、仿真实训资源(仿真实验软件、仿真实训软件和仿真实习软件等)、数字场馆资源(职业体验馆、数字博物馆、数字艺术馆、数字科技馆、http://www.xtzy.com/wlzx/detail.jsp?public_id=153330
4.传统无聊?小众生僻?看看交互装置如何把这些博物馆体验变得更加生库珀·休伊特国立设计博物馆则是一个代表性的案例,它将交互性变成系统化的存在,并且还能带动参观者参与艺术设计的过程,享受学习创作带来的乐趣和成就感。 库珀·休伊特国立设计博物馆的交互数字笔 数字笔可以查阅资料并且创造作品 看完概述大家是不是想要了解更多这些有趣的展览改造?这边我为大家精选了6 组展馆佳作,那https://www.d-arts.cn/article/article_info/key/MTIwMTg4NTg0ODaDz3WssJy4cw.html
5.上海自考数字媒体艺术概论(14265)自学考试大纲1.领会体验经济时代艺术与设计内涵的变迁,并能综合应用思维导图的方式画出图谱。 2.识记数字媒体艺术教材体系。 (八)数字媒体艺术的符号学 1.借鉴双层原则和元媒体的概念,通过符号学的方法领会数字媒体艺术的构成和表现特征。 2.领会数字媒体艺术的构成和表现特征的 3 个层面,并能简单应用举例说明。 https://www.zikaoben.cn/n/e-9719833081.html
6.“陌生化”理论指导下的博物馆交互体验研究体验的设计要素;通过对一些优秀博物馆设计案例的分析,从思维创意、感官感知、行为反馈、情感体验等多个纬度,寻找文化空间的本真性传达;分析探讨了博物馆交互体验设计中的“陌生化”特征、“陌生化”手法、“陌生化”的表现形式和“陌生化”的处理方法;并以反向思维和忧患意识,提出现代语境下,博物馆交互体验设计新思考https://wap.cnki.net/lunwen-1022748784.nh.html
7.体验展馆设计案例品鉴味觉博物馆设计案例品鉴行业新闻展馆设计以“味觉”为主题,设有“味觉实验室”、“味觉之路”、“味觉艺廊”三个展厅,可看、可闻、可嗅、可听。 与传统展览馆设计展品不同,味觉博物馆的展品是通过多媒体交互展览的形式,从味道出发,在历史与现实的交互中,创造一个奇幻、动感、创意的娱乐互动体验空间。 http://www.zhanguansheji.cn/hy/549.html
8.基于全景视角下的博物馆导览沉浸式体验设计研究——以苏州博物馆图3苏州博物馆全景导览 使用unity软件的交互互动,通过观者置于视觉、听觉虚拟数字环境,和展馆预设环境产生潜在关系,模拟畅游回应,完成仿真式体验,营造出的空间感建立了动作及多重感官体验的交流体系,构建了一种三维环境。图3由15级学生毕业设计团队案例式还原和重现贯穿,实现了动态信息全面、立体、多层次的传播与呈现。https://www.depthlink.com/news_279
9.玩家的电子博物馆:游戏图鉴系统的体验设计探索《集合吧!动物森友会》是一个做出沉浸式情景化图鉴设计的经典案例。它的特殊之处在于使用了步入式场景,步入式场景是场景化图鉴的一种特殊门类,玩家可以操作角色在被包装过的图鉴系统中移动和交互,一般出现在三维游戏中。《动森》将图鉴巧妙地包装成可以行走其中的博物馆,玩家可以将收集到的物品以展示陈列的形式展示https://www.gameres.com/906620.html
10.交互设计的沉浸式体验探析——以TEAMLABBORDERLESS数字艺术博物为探索交互设计的沉浸式体验,文章以Teamlab Borderless数字艺术博物馆为例,就其研究现状与相关产业发展趋势、艺术与科技、内容与主体、视觉与形式四个方面进行分析,总结了沉浸式交互设计作品多媒介和跨界融合的特点.交互艺术作品的沉浸式体验改变了传统媒介的展示形式,它强调参与者与作品、他人和空间的互动性.沉浸式的体http://www.yidu.edu.cn/246010/detail/article/61a86e8c617c7fe342291f96.html?org=246010&uorg=246010
11.人才培训中心业内新闻智慧城市空间设计,将以人工智能为代表的一系列新兴技术,与城市空间面临的新的交互需求进行对接,形成智能空间的方案,面向未来生产生活方式的变革,促进多元创新要素的创新融合:既促进各类信息化的新兴技术与景观、建筑、交通的融合,同时也搭载了各种设施、社会组织和新经济业态多元丰富的社会性内容,共同形成社会和技术同步变http://www.zjypxzx.com/c/2021-12-24/495376.shtml
12.微信小程序打造智能博物馆导览系统的设计与实践简介:本项目探讨了如何利用微信小程序技术实现一个智能博物馆导览系统,涵盖智能博物馆的概念、导览系统设计、数据集成与分析、交互设计、技术实现、安全与隐私保护、维护与更新以及用户教育与推广等方面。通过这一系统,博物馆可提供更丰富的参观体验,并推动文化遗产的数字化转型。 https://blog.csdn.net/weixin_42466857/article/details/142503792
13.gooood合辑:共享空间(20172019)内部街道式布局形成博物馆式的多层体验NICCA Innovation Center by Tetsuo Kobori Architects Interior street enables a museum-like multi-layered experience点击蓝色链接跳转到正文页面 7.Boitsfort共享办公楼,布鲁塞尔 / Going East倡议全新而高质量的工作生活方式Boitsfort Fosbury&Sons by Going East Introducing a https://www.gooood.cn/gooood-archive-co-working-space-2017-2019.htm
14.基于观众体验的博物馆展览交互设计研究中国国家博物馆中国国家博物馆网站全面及时介绍中国国家博物馆概况,藏品,展览,活动,学术研究,国际交流等各项内容,提供参观导览,门票预约,留言问答等多类服务,努力为公众了解国家博物馆,参观国家博物馆和享受国家博物馆提供的各类文化休闲服务提供支持https://www.chnmuseum.cn/yj/kyxm/202001/t20200106_187472_wap.shtml