案例锦囊｜交互设计中「情感化」设计优秀案例（二）

情感化设计，由唐纳德·诺曼在 《情感化设计》 一书中完整提出，书中其由浅入深的将情感化设计分成了三个层次：本能层、行为层、反思层。

相关的概念你可以在文章：案例锦囊｜「情感化」设计方法及案例解析 中阅读。

接下来，我们就从案例中分析，作为设计师该如何在这三个层次中做好情感化设计 ——

 

1.  本能层 —— 感官刺激

对于本能层，设计师需要在符合功能需求的前提下，尽可能的给用户带来听觉、视觉、触觉的感官刺激，极力去促成用户与产品的 “一见钟情”。

 

案例 1  ：App Store 的卡片推荐做的很有新意，比如：把吉祥物（品牌形象）是小熊的工具收集到了一起，并取名为：熊帮手。

 

案例 2  ：微博长按点赞按钮，可以选择不同的点赞状态。图标还是动态的，很有趣。

 

案例 3  ：淘宝双十一预热，首页的 icon 变成了 “今晚 20 点双 11 抢预售”的字样，烘托氛围又打了广告。

 

案例 4  ：微信拨打语音的界面，在等待好友接听的过程中，可以看到好友朋友圈的图片，缓解用户等待时的无聊，也为即将进行的语音聊天提供了话题。

 

2. 行为层 —— 细节引导

对于行为层，设计师需对用户的行为进行预判和引导，利用细节处理打动用户，让用户对产品产生信任感和依赖感。

 

案例 1  ：当苹果公司发现用户最近在官方渠道购买了新的 iPhone ，老 iPhone 的设置页面就会给出提示，让用户为新的 iPhone 做好数据迁移准备。

 

案例 2  ：iOS 系统后台在看缩略效果时，会将用户的敏感、私密的信息的 App 页面进行模糊处理，保护用户的隐私安全。

 

案例 3  ：在屏幕很暗的情况下，打开微信支付二维码，屏幕会瞬间亮起，便于商家扫码付款。

 

案例 4  ：货拉拉在展示搬家车辆详细信息时，使用了剖面图，并模拟了不同搬家场景下的家具内容，让用户更好估算车辆空间。

 

3. 反思层 —— 认知共鸣

对于反思层，设计师要调动用户最深层的记忆和感知，将视觉效果、产品功能和用户认知紧密结合，形成用户对于产品和品牌的深刻认知。

 

案例 1  ：FigJam 是一款来自 Figma 的多人协作在线白板工具，可以进行头脑风暴、绘制流程、多人协同标记等。里面也有很多人性化的小功能，比如：当两个人同时长按 “H” 键时，就会出现 highfive（击掌的动效），非常适合当设计师达成共识时使用：

 

案例 2  ：小睡眠 App 发现学生时代的我们经常会在枯燥的课堂上睡觉，所以准备了各种课堂讲解、校长发言、领导开会的声音作为催眠、助眠的音乐，让人会心一笑。

 

案例 3  ：饿了么在异常天气下通过在界面上增加天气的元素，让用户看到外卖小哥的辛苦，使用视觉和内容共情，唤起用户的同理心，降低用户因外卖迟到而做的投诉和差评。

 

案例 4  QQ音乐上线了宠物功能，一共有五个品种的宠物让用户可以选择领取，多听歌能喂饱宠物，然后送它出去参加演唱会或者和好友进行互动。

 

原文链接：长弓小子（公众号）

作者：元尧