情感化设计是一个很宽泛的概念,最早适用于日常生活中各种实物产品,自从互联网诞生以来,情感化设计也逐渐应用到互联网产品上,今天分享的主题介绍一些互联网产品在情感化设计上的应用实例,给大家提供一些灵感,后期可以更好地优化自己的产品。
一、什么是情感化设计?
什么是情感?
情感是人对外界事物作用于自身时的一种生理反应,是由需要和期望决定的。当这种需求和期望得到满足时会产生愉快、喜爱的情感,反之产生苦恼、厌恶。
什么是情感化设计?
情感化设计最早由唐纳德·诺曼在其同名书籍中提出,是一种着眼于人的内心情感需求和精神需求的设计理念,目标是在人格层面与用户建立关联,使用户在与产品互动的过程中产生积极正面的情绪。这种情绪会逐步使用户产生愉悦的记忆,从而更加乐于使用你的产品。
Aarron Walter将情感化设计与马斯洛需求层次理论联系起来,按照产品特质,将产品划分为功能性、可依赖性、可用性和愉悦性这四个层面,情感化设计则处于最顶层的“愉悦性”层面当中。但目前绝大部分产品都停留在可用性这个层级,很少有产品有精力去做到愉悦性,其中的原因可能与公司战略、目标有关系,也有可能是产品经理意识的缺失。
二、为什么做情感化设计?
当前市面上相同类型产品越做越像,彼此之间的区别也越来越小,同行业的产品用户感知不到区别,因此情感化设计可以是差异化的一个重要因素,但不是决定因素。
随着社会的进步,用户更注重情感诉求和心理诉求,尤其以90后、95后为主,更注重个性化、更注重个体主观感受,所以情感化设计更符合用户心理诉求。
三、情感化设计应用实例
调动用户情绪:又可以分为两方面,即带动用户情绪和转化用户情绪。
带动用户情绪:完成产品期望用户做的事情、例如产品希望用户体验新功能,此时就需要一些引导来帮助用户完成操作(例如产品的引导页,游戏的引导页)。
1、全民K歌-引导页
很多用户安装APP后根本不会看引导页,直接跳过引导页使用产品,产品在引导页上介绍的一些产品功能特性也就被忽略了。为了抓住用户的注意力,部分APP开始采用短视频来介绍产品特性,相比较于简单的文案+图片形式,视频更容易让用户接受,吸引力也更大。让用户在体验产品的第一步就能对产品产生好感。
此引导页是个视频,所以我截了张图让大家感受一下。
2. 哔哩哔哩APP-引导登录
登录本来是一件用户本身就不喜欢的事情,直接弹出登录窗口甚至会增加用户的进一步反感。(例如左图)
blibli引导登录时有趣的配图可以分散用户注意力,减轻反感情绪;文案又告诉用户两个信息,一是你没有登录,所以会出现提示你登录的页面;二是登录后可以打开新世界的大门,让用户产生一种好奇,新世界里有什么东西?让用户理解登录的目的。
3. 哔哩哔哩APP-新功能引导
采用和登录页相同的方法,有趣的配图+俏皮的文案,提高引导过程的趣味性。当然文案的风格要和目标受众的口味、喜好一致,如果哔哩哔哩的受众不是95后,而是大爷大妈,用此种风格的文案就不合适了。
转化用户情绪:转化用户在使用产品中出现的负面情绪(例如淡化加载失败时的沮丧、烦躁情绪或转化为喜欢、开心的正面情绪);
在用户使用产品的过程中,最容易出现负面的情绪的情况当然是加载失败、加载中、下拉刷新和空页面四个状态了。
(1)Chrome浏览器-加载失败
页面加载失败时出现一只恐龙,点击空格键就可以玩类似于超级马里奥的游戏(强烈建议大家尝试一下呦~),以此来分散用户注意力,转化沮丧、烦躁的负面情绪。我尝试过,等玩了几把游戏之后,完全忘记了之前加载失败的事情。可惜的是交互做的很委婉,很少有用户发现。
(2)美团外卖APP-加载失败
通过诙谐的图片和文案向用户解释加载失败的原因,获取用户理解,减轻焦虑感。
(3)去哪儿APP-加载失败、加载中
加载失败时,骆驼表现出沮丧的表情,正好也体现了用户的此时的心情,获取同理心,拉近与用户的距离;加载中的时候,骆驼走动,增加等待时的趣味性。都可以转化用户的负面情绪。
(4)美团外卖APP-加载中
在减少用户等待加载或刷新时焦虑感方面,采用一只萌萌哒袋鼠,是一个外卖小哥的形象,很好地传达了产品的调性。
(5)网易蜗牛读书APP-下拉刷新
充满趣味的文案,可以分散用户等待的注意力,减少焦虑感。
(6)腾讯体育APP-下拉刷新
篮球是腾讯体育APP标志性的运动项目,篮球运动中表示正在刷新,进球表示刷新成功。刷新动画符合app的产品定位,并且增加了极大的趣味性。
(7)全民K歌APP-空页面
大部分产品的空页面设计平平淡淡,放一个毫无关联的图标,冷冰冰的文案就草草了事,例如“暂无数据”,给用户的感觉就是在和一台毫无感情的服务器进行交流。(例如左图,好在文案上还有一个语气词,没那么生硬。)
全民K歌:图片用吉祥物表达空数据时的愤怒、焦躁心情;俏皮的文案,指引用户去唱歌,点击可直接进入录制歌曲模块,快捷入口又可以提升唱歌模块的活跃度。
sad~ 经过我的多次尝试,可能是因为图太多,一篇文章里无法些呈现全部内容,所以只能补充一篇下文了。