交互设计体验(第7篇 - 情感化设计)

情感化设计定义:所有造成了用户喜欢、愉悦、愤怒、痛苦等这些情绪的产品设计都属于情感化设计。但是一些比较优秀的产品设计都是倾向于把当前用户比较负面的情感情绪往正面引导。


下面举几个产品情感化设计的例子:

(1)【音乐播放界面】网易云音乐播放音乐界面。播放时,唱针放在磁盘上;暂停播放和切歌的时候,唱针移开磁盘;这种体验过程字节模拟了粉丝在显示中拿出CD或唱片机听乐曲的过程。这种拟真场景的建立,不仅能给用户带来惊喜,也能够引发用户的共鸣,提高情感化设计的用户友性。



(2)【购物车】电商平台中的“购物车”,这个形象和概念,非常形象的将生活中的东西模仿到线上,既贴合业务场景又易于用户理解。



(3)【翻页体验】 iBooks的翻页体验与翻实体书。

手势操作是人们现实世界行为的映射,因此,手势设计要符合大多数人的认知习惯,减少用户的认知成本。比如有方向性的手势操作,要尽量符合拇指的活动方向,且要与认知相一致。



(4)【表单中的情感化设计】 

对用户来讲,所有阻碍他在使用一款产品的任何点,都属于“使用壁垒”,在这些壁垒的细节点上,赋予情感化的元素,将减少用户的负面情绪,为用户留下来争取时间,同时产品传递给用户的友好、人性化能够加强用户认同感

1. 标签命名的口语化,比如“姓名”,可以换成口语化的,“你可以称呼我___”;另外,也有表单设计成填空式的,我叫___,来自___,一张表单就是一道填充题。

eg:下图是腾讯做的一个关于“贺岁档电影”H5的性别选择页面的截图,是不是称呼和UI都很有趣?


2.输入时交互的反馈也可以设计得更有趣一些。

eg1:猫头鹰会在输入密码的时候遮住眼睛,传递给用户一种安全感,是不是超萌!(上传不了gif动图,截图展示)

eg2:想缩短新用户注册的流程,但是又有很多要提交的信息不得不完善,表单很难缩短下去。国外这个网站,表单虽然很长,但是在你填写信息的时候旁边会有一个小孩面露笑容地指着你,当你填错了的时候这个小孩就会露出一个迷茫的表情,同时给你标注出来哪个地方是有问题的。



(5)【loading动画或者有趣的404页面】 

有趣的loading动画和404页面,可以缓解用户等待的焦躁情绪和打不开网站的不好的情绪。

eg1:京东在下拉刷新加载的时候做了一个快递哥拿着快递飞速奔跑的动画,既让用户觉得加载过程没那么无聊,也传到出京东“快”的理念,加深了对产品的印象。


eg2:404页面。(有些404页面是有趣的动画或者是小游戏)



总结:设计是源于生活的,结合生活中的实际情况来做设计,会减轻用户的认知成本。做情感化的设计,会增加用户在使用过程中的愉悦感。

评论
热度(9)

© 土豆妹儿 | Powered by LOFTER