大厂设计师的情感化设计

Recommanded by editor
杭州/UI设计师/1年前/6769浏览
大厂设计师的情感化设计Recommanded by editor

2023 原创输出第 27 篇,我们互相努力。

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




一、趣味性的外卖骑手


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


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




二、表情化的服务评价


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


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




三、可视化表达更明确


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


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




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


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


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




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


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


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




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


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


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




七、通过视觉强化感官度


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


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




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


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


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




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


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


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




十、可以晃动的 Banner 设计


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


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




小结


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


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



作者:黑马青年(vx: heimaux

本文由 @黑马青年 原创发布。未经许可,禁止转载。

106
阅读原文
|
Report
|
208
Share
相关推荐
这些 UI 设计案例很有想法
Homepage recommendation
文章
页面
页面
页面
页面
作品收藏夹
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
AI可视化动效设计合集
Homepage recommendation
相关收藏夹
页面
页面
页面
页面
作品收藏夹
方法论
方法论
方法论
方法论
作品收藏夹
手机端UI
手机端UI
手机端UI
手机端UI
作品收藏夹
作品集
作品集
作品集
作品集
作品收藏夹
UI
UI
UI
UI
作品收藏夹
讲解
讲解
讲解
讲解
作品收藏夹
大家都在看
Log in