体验|「情感化」设计方法及案例解析
情感化设计,由唐纳德·诺曼在 《情感化设计》 一书中完整提出,书中其由浅入深的将情感化设计分成了三个层次:本能层、行为层、反思层。
本能层 :表象的直接反应
是用户对产品的 视觉和第一印象的本能直接反应。比如用户第一眼被产品的外观所吸引,从而对产品产生想要了解和触碰的冲动。本能层次是先于思考和逻辑判断的。
行为层 :交互的行为关系
用户与产品在行为上产生的交互关系,具备一定的理性和逻辑感。比如用户在使用这个产品会从操作流程中产生评价,也会产生因为操作设计不合理而产生负面情绪。
反思层 :情感的反思共鸣
体现在 产品的独特内涵、品牌差异性在用户的心中根植下独有的记忆,用户因为这份记忆会触发情感共鸣,从而忠实于产品。用户会产生有意识的考虑和基于经验的反思。
接下来,我们就从案例中分析,如何在这三个层次中做好情感化设计 ——
案例 2 :Pinterest 网站在引导用户注册和登录的页面,使用自动切换的主题,如园艺技能、服装搭配等,在每一个主题下都精心挑选了同一个色调的图片,用高质量的视觉效果吸引用户注册网站。
案例 3 :支付宝 App 首页的应用图标,有时会具有动态效果。比如蚂蚁庄园图标会展示出小鸡是否需要喂食、蚂蚁森林图标会展示当前是否有能量可收。既增加趣味,又可以使用户一眼就看到常用的应用的状态。
2. 行为层 —— 细节引导
案例 2 :搜狗输入法,数字键盘就可以变身计算器,聊天的时候需要运算复杂的加减乘除时,这个功能很方便。
案例 3 :每个豆瓣小组的成员名称,都可以被个性化设置。比如“原神小组”的人数单位名称叫“旅行者”,“课文回忆录”小组则叫“同班同学”,能够很好的引起小组成员的共鸣。
案例 4 :断网是个让人焦虑的事情,Chrome 浏览器断网后会出现史前恐龙的 icon,敲击空格键盘就可以开始下面的游戏,让用户充分的感受到 Chrome 的人文关怀。
案例 5 :在 Google 上查单词发音时,会配上发音的口型动画,放慢语速发音时口型动画也会跟着放慢节奏,非常形象的加深了用户的印象。
3. 反思层 —— 认知共鸣
感谢案例提供者:阿小狐,樛木_JM、荞麦花等同学。