恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
大厂设计师的情感化设计
55.3°
2023-11-02 原创文章 经验/观点 举报 12063 49 177 0

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





一、趣味性的外卖骑手


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


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





二、表情化的服务评价


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


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





三、可视化表达更明确


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


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





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


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


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





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


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


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





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


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


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





七、通过视觉强化感官度


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


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





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


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


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





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


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


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





十、可以晃动的 Banner 设计


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


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





小结


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


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


作者:黑马青年(vx: heimaux)

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

Powered by Froala Editor

微信公众号:我是黑马青年

更新:2023-11-02

收藏

49人已收藏

黑马青年

设计交流微信:heimaux

  • 143

    作品

  • 2.4w

    粉丝

  • 144

    关注

  • 优秀的设计就是带给用户惊喜!
  • 这个设计我是这么修改的
  • 大厂的设计总能带给用户惊喜
  • UI/UX 设计选择题 | 02 期

    猜你喜欢

      2023-11-02 原创文章 经验/观点 举报 12063 49 177 0

      大厂设计师的情感化设计

      55.3°

      你确定要举报大厂设计师的情感化设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2023年11月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      177
      49
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录