UI 设计中的情感化设计

2025-7-4    涛涛 交互设计及用户体验

 

image.png

UI 设计中的情感化设计是设计师基于满足产品功能性和易用性后，设计出满足用户更高层级需求的创意表达工具，其目的是赋予产品情感以增加用户粘性、树立品牌形象以增强用户认知、引导用户操作以达成设计目的，可从本能层次（视觉）、行为层次（交互）和反思层次（思维）融入情感化设计，如视觉层次用独特 IP 形象、风格明确的规范化设计和拟人化动作，交互层次遵循操作前可预知等原则，思维层次明确服务者定位等，如此才能设计出以人为本的产品。

image.png

一、情感化设计定义

  • 情感化设计是设计师在满足产品功能性和易用性后，了解产品逻辑并全面分析理解产品的前提下，设计出既不影响产品功能，又能满足用户更高层级需求和期望的一种创意表达工具。
  • 2002 年，美国认知心理学家唐纳德・A・诺曼教授提出这一概念，他将产品特质划分为功能性、有用性、易用性和愉悦性四个层面，由低到高，情感化设计代表愉悦性处于顶端位置。

    image.png

image.png

image.png

三、UI 设计中情感化设计层次

image.png

  1. 本能层次（视觉层次）
    • 独特的 IP 形象设计：识别度高的 IP 形象带给用户亲切感，拉近用户与产品、企业的关系，打造品牌效应并延展融入日常生活，如美团外卖 APP 开屏页、京东 APP 引导页、闲鱼 APP 缺省页等展示企业 IP 形象。

      image.png

    • 风格明确的规范化设计：规范整洁、风格明确的界面更具品质感，让用户产生舒适情感，如大众类电商产品偏向紧凑排版、热情高饱和配色，小众高端类电商产品偏向简洁留白排版和冷淡配色基调。

      image.png

    • 有趣的拟人化动作设计：产品作出拟人化互动反馈，让用户感到有趣，如哔哩哔哩 APP 登录输入密码时，IP 形象 22 和 33 会把眼睛捂起来，给用户安全感且有趣。

      image.png

  2. 行为层次（交互层次）
    • 符合预期与超出预期的设计：交互设计遵循操作前可预知、操作中有反馈、操作后可撤销原则，符合用户预期并增加超出预期反馈，如支付宝 APP 提现预先告知到账时间，微博 APP 点赞弹出点赞图标小动画。
    • 增加与用户沟通的设计：产品通过反馈与用户交流，开放反馈路径，避免使用弹窗中断用户操作，如今日头条 APP 每条资讯可让用户反馈兴趣程度，Keep APP 用通知栏显示运动记录通知。
    • 允许犯错的设计：预知产品可能出现的问题并制定应对措施，如用户退出登录时再次提醒，断网时提示网络状态并提供解决方法。

      image.png

  3. 反思层次（思维层次）
    • 明确服务者定位的设计：站在服务者角度，以亲近方式与用户沟通，让用户感受产品温度，如摩拜单车 APP 在线客服用 “您” 称呼用户，支付宝 APP 用 “我是有底线的” 幽默文案拉近关系。

      image.png

    • 紧跟共同话题的设计：设计与用户有共同话题，产生共鸣获得关注，如节日时大部分 APP 在开屏页、banner 等模块显示节日运营内容，天猫淘宝等电商产品重设计品类区、tabbar 呼应节日。
    • 无障碍化的设计：重视服务特殊人群的设计，体现人文关怀和产品合理性、智能性，如高德地图 APP 为色盲人群提供专属路况信息颜色开关并可随意编辑颜色。

      image.png

四、总结与展望

  • 人类社会是互动交流的社会，情感化设计能赋予产品生命力，使之与人们交流互动，缔结情感联系，只有理解运用好情感化设计，才能设计出以人为本的产品。
  • 我们处于机器智能化的时代，科技是把双刃剑，设计师应更多利用设计将其指向正面方向，为人类社会做贡献。

关键问题

  1. 情感化设计在 UI 设计中的核心地位如何体现？
    • 答案：情感化设计处于唐纳德・A・诺曼提出的产品特质四个层面（功能性、有用性、易用性和愉悦性）的顶端位置，是设计师在满足产品功能性和易用性后，满足用户更高层级需求和期望的创意表达工具，能赋予产品情感、树立品牌形象、引导用户操作，是 UI 设计中提升用户体验的重要核心。
  2. 本能层次的情感化设计主要从哪些方面实现？
    • 答案：本能层次即视觉层次的情感化设计，主要从三个方面实现。一是独特的 IP 形象设计，利用高识别度 IP 形象拉近用户与产品关系，打造品牌效应；二是风格明确的规范化设计，使界面整洁有品质感，让用户产生舒适情感；三是有趣的拟人化动作设计，通过产品拟人化互动反馈，让用户感到有趣。
  3. 反思层次的情感化设计如何体现产品的人文关怀？
    • 答案：反思层次的情感化设计通过无障碍化设计体现产品人文关怀，如高德地图 APP 为色盲人群提供专属路况信息颜色开关并可随意编辑颜色，使色盲人群能清晰看到路况信息，这种设计不仅考虑了特殊人群的需求，也是产品合理性和智能性的检验标准之一，体现了对特殊人群的关怀。

兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发.

我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

 

image.png

« UI 设计中的构图与排版 如何设计好看实用的仪表盘？ »

分类

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档