10个产品细节剖析，看看大厂如何做情感化设计！

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

前言

情感化设计可以拉近与用户之间的亲和力，在产品设计中被普遍运用。黑马哥最近观察到一些大厂设计师在这方面的设计表现，分享一些和大家一起探讨，提高我们的设计表现力。

10个产品细节剖析，看看高手是如何做设计的！

在生活中我们所使用的软件范围并不会很广，兜兜转转还是一些常用的软件，用多了也就觉得差异并不是很明显。

一、趣味性的外卖骑手

外卖骑手给大家的印象就是骑着电瓶车穿梭在大街小巷，给大家的生活带来便捷的配送服务。

饿了么 App 点餐之后，配送过程中外卖骑手的骑行装备会根据节庆主题进行设计，比如中秋节期间便是骑着兔子，有时候也会划着小船等等。趣味性的设计表达让人印象深刻，通过情感化的设计降低了用户等待过程中的焦虑感。

二、表情化的服务评价

服务评价是获取用户反馈的方式之一，也是最容易达到目的的方式，针对服务型产品来说至关重要。

通过高德地图 App 打车结束行程后，用户针对服务进行评价时会有表情辅助情绪表达，提升用户的评价体验度。表情化的服务评价可以提高用户的参与度，也能通过情绪的表达带给用户情感化的体验。

三、可视化表达更明确

将信息通过可视化的图形表达，相较于生硬的文案更易于理解。也能通过情感化的插图提高视觉度，吸引用户的关注度。

Keep App 在“告别肚腩计划”的设置界面中，运用可视化的插图表达基础信息的录入表达，更利于用户理解信息并做出准确判断。通过图形可视化信息的表达，不仅感官度更高，也能让用户更愿意参与其中。

四、情感化的温馨提示设计

随着短视频改变了大家的休闲娱乐方式，为了防止过度沉迷，短视频平台都会不定期温馨提示，让大家适当休息，养成健康作息习惯。

抖音 App 白天和夜间都会不定期温馨提示，通过动静结合的提示设计，提高用户对于提示内容的关注度。在获取平台内容的同时，也能合理的分配时间和健康作息。通过提示设置提醒时间，可以有效防止过度沉迷，提升用户的情感化体验度。

五、情感化的用户反馈设计

通过调研和反馈可以采集用户的体验情况，以便进行迭代调整，带给用户更好的使用体验。

利用高德地图 App 打车时，行驶过程中访问订单界面，可以对司机服务和车内环境进行评价反馈，以便平台对司机进行整改反馈。通过表情化的选项设计，让用户无需过多操作即可完成反馈，提高用户的反馈效率和意愿度。

六、人性化的提示让用户更放心

产品设计需要带给用户抵达目标的使用体验，满足底层需求之后的感官体验升级和人性化的设计等，让用户感受到温暖，才能提高对产品的依赖度。

通过携程订票之后，在查看票务信息时，通过天气预报的温馨提示，可以让用户对出行做好充分准备。人性化的提示设计让用户更放心，感受到产品的温度，带给用户惊喜的使用体验。

七、通过视觉强化感官度

针对商业属性的产品来说，通过视觉强化氛围至关重要，可以激发用户的消费欲望。

嘀嗒出行 App 在节日庆典等主题活动期间，都会通过视觉的表达强化产品设计。在顶部视觉区域、界面背景、卡片展示和弹窗等区域，通过符合主题的视觉表达增强感官体验。

八、空间感更强的轮播设计

轮播图在产品中较为常见，也出现了众多优秀的轮播设计方案，为了打造差异化的表达，设计师也在不断探索更多设计表现形式。

最近在体验马蜂窝 App 时，在“找玩法”栏目中发现了一个空间感更强的轮播区域设计。以卡片式设计展示轮播图，通过四层叠加形成更强的空间感，滑动时以 Z 轴空间进行转场。无论是样式表达还是层次感的营造，都非常有参考价值，值得学习探索。

九、延续品牌基因的动效表达

立足于品牌做设计已经逐步成为趋势，在探索品牌延续的过程中，都是设计师不断发散思维和构思创意的过程。

访问马蜂窝“攻略群”栏目时，顶部视觉区域延续品牌基因进行了动效表达。从 logo 中提取代表微笑的弧线作为品牌基因图形，融入到动效演变过程中，并呈现出该栏目的广告语。不仅突出了该栏目的卖点，也强化了产品的品牌曝光度。

十、可以晃动的 Banner 设计

为了吸引用户的关注度，Banner 设计也在不断探索新的表达形式，融入更多技术实现差异化的设计解决方案。

安居客 App 在首页 Banner 设计中，当用户晃动手机时，Banner 中的建筑元素和烟花元素形成分层错位的位移，模拟出类似于裸眼 3D 的视觉效果。不仅突出了区域的关注度，也强化了设计表达的差异化。

小结

希望本期关于增强产品情感化的设计案例分享，可以开启大家更多的设计思维，从优秀的设计方案中发现设计的轨迹，复用到后期的项目设计中。

本文描述属于个人理解和总结，不足之处欢迎大家留言补充，我们互相进步。

欢迎关注作者的微信公众号：「黑马家族」