兰亭妙微设计公司 原创设计研究
在人机交互体验不断升级的当下,UI 设计早已突破单纯的功能性与视觉性边界,情感化设计成为连接产品与用户的核心纽带。兰亭妙微设计团队深耕用户体验设计多年,结合经典设计理论与商业项目实战经验,拆解 UI 情感化设计的底层逻辑、核心价值与落地方法,让设计不止于美观,更能触达用户内心,打造有温度、有记忆点的产品体验。
前言:情感化设计,让产品拥有「与人对话」的能力
原研哉曾提出:设计应让「感官」重新被发现,设计师要先关注使用者的「感受」,再落笔创作。随着移动互联网产品的同质化加剧,单纯的功能堆砌和视觉美化已无法形成产品核心竞争力,用户开始更在意使用产品过程中的情绪体验 —— 是愉悦、舒适,还是烦躁、疏离。
情感化设计,正是在满足产品功能性、易用性的基础上,通过对用户心理、行为与情感需求的深度挖掘,让产品突破冰冷的工具属性,成为能与用户产生情感共鸣、建立情感连接的「伙伴」。兰亭妙微认为,优秀的情感化设计,能让用户在使用产品的每个环节都感受到被理解、被重视,这也是当下产品提升用户粘性、塑造独特品牌形象的关键所在。
一、何为 UI 设计中的情感化设计?
谈及情感化设计,很多人会先联想到可爱的插画、趣味的微交互,或是异常页面的暖心提示,这其实只是情感化设计在视觉表层的应用。真正的情感化设计,是一套贯穿产品设计全流程的思维体系,其核心是以用户为中心,围绕用户的情感需求展开设计。
从本质来说,情感是人对外界事物作用于自身时的主观反应,需求得到满足时会产生愉悦、喜爱等正向情绪,需求未被满足时则会出现烦躁、厌恶等负面情绪。而 UI 情感化设计,就是设计师在充分理解产品逻辑、分析用户画像与使用场景后,设计出的既不影响产品核心功能,又能满足用户更高层级情感需求的创意表达形式。
2002 年,美国认知心理学家唐纳德・A・诺曼在《设计心理学 3 - 情感化设计》中提出情感化设计的核心理论,将产品特质划分为功能性、有用性、易用性和愉悦性四个层级,愉悦性为最高层级,而情感化设计正是实现产品愉悦性的核心手段,这一理论也成为兰亭妙微开展情感化设计工作的重要理论基石。
二、UI 情感化设计的三大核心价值
在商业产品设计中,情感化设计并非「锦上添花」,而是能直接为产品带来实际价值的设计策略,兰亭妙微结合实战案例,将其核心价值总结为三点:
1. 赋予产品温度,深度提升用户粘性
人类天生具有「拟人化」的心理倾向,会本能地将人类的情感、动机赋予无生命物体,这也是情感化设计能与用户产生连接的心理基础。当产品被赋予拟人化的情感与行为,就会从「电子工具」变成「有性格的伙伴」,让用户在使用过程中产生情绪共鸣,进而形成持续的使用意愿。
例如,社交类 APP 的登录界面会出现「好久不见,我想你了」的暖心文案,替代冰冷的「请输入账号密码」;工具类 APP 的首次使用引导,会以卡通形象的「对话式」讲解替代枯燥的文字说明。这种设计让用户感受到产品的「关注」,而非单纯的指令传达,久而久之便会形成情感依赖,大幅提升用户留存率。
2. 塑造独特品牌形象,强化用户品牌认知
情感化设计是品牌形象落地的重要载体,通过统一的视觉符号、交互方式与情感表达,能让产品的品牌理念更直观、更生动地传递给用户,形成区别于竞品的独特记忆点。
这一点在品牌 IP 形象的打造上尤为明显,兰亭妙微在为客户打造品牌视觉体系时,也常将情感化 IP 形象作为核心抓手:QQ 的企鹅、天猫的猫、知乎的刘看山,这些形象并非单纯的「卡通图案」,而是品牌性格的具象化 —— 企鹅的呆萌、天猫的时尚、刘看山的呆萌好奇,都与品牌的核心定位高度契合。这些 IP 形象贯穿于产品的开屏、缺省页、交互反馈等各个环节,不断强化用户的品牌认知,让用户提到品牌,就能联想到对应的形象与情感体验。
除了 IP 形象,产品的视觉风格、文案调性、交互反馈方式,都是品牌情感化表达的一部分。比如高端轻奢类产品的低饱和配色、简洁留白,传递出「精致、优雅」的品牌情感;年轻化潮流产品的高饱和配色、趣味微交互,传递出「活力、有趣」的品牌性格,这些设计都在潜移默化中塑造着用户心中的品牌形象。
3. 引导用户正向行为,高效达成产品设计目标
《Don't Make Me Think》中强调,设计要站在「小白用户」的角度,让用户的每一次操作都无需思考。而情感化设计,能在这一基础上进一步引导用户做出产品期望的正向行为,甚至让用户愿意做「本不想做的事」,这也是情感化设计在商业运营中的重要价值。
兰亭妙微在为电商、内容类产品做运营设计时,常运用这一思路:比如产品需要用户进行好评反馈,并非直接弹出「请给五星好评」的生硬提示,而是通过「程序小哥熬了 3 个通宵优化的新版本,求个鼓励~」的文案 + 萌趣插画,引发用户的同理心;比如知识类产品引导用户打卡学习,通过「连续打卡 7 天,你已超越 80% 的小伙伴」的成就感反馈,激发用户的持续参与意愿。
这种以情感为切入点的引导,远比强制的指令式设计更有效,既不会让用户产生抵触心理,又能高效达成产品的运营与设计目标。
三、诺曼三层理论下,UI 情感化设计的三层落地体系
唐纳德・A・诺曼将情感化设计分为本能层次、行为层次、反思层次,三个层次相互交织,缺一不可。兰亭妙微将这一理论与 UI 设计的实际工作结合,拆解为视觉层次、交互层次、思维层次的情感化设计落地体系,从表层到深层,实现情感化设计的全维度渗透。
(一)本能层次:视觉层次的情感化设计 —— 第一眼就打动用户
本能层次的设计是产品给用户的「第一印象」,依托于用户的视觉、听觉等生理感官,核心是通过直观的视觉表达,唤起用户的本能情感反应。用户对产品的喜爱或排斥,往往在看到界面的第一眼就已形成,因此视觉层次的情感化设计,是情感连接的第一步。兰亭妙微总结了三大核心落地方法:
1. 打造高识别度的品牌 IP 形象,拉近距离
IP 形象是视觉情感化设计的核心载体,一个符合品牌性格、形象讨喜的 IP,能瞬间拉近产品与用户的距离。设计时需注意IP 形象与品牌定位的高度契合:儿童类产品的 IP 可偏向呆萌可爱,职场类产品的 IP 可偏向简洁干练,潮流类产品的 IP 可偏向个性时尚。
同时,IP 形象的应用要做到全场景统一,贯穿于产品的开屏页、引导页、缺省页、错误页、交互反馈等各个环节,让用户在不同使用场景中都能感受到 IP 的存在,形成持续的情感记忆。比如 B 站的 2233 娘,在用户输入密码时会做出「捂眼睛」的拟人化动作,既贴合「密码私密」的功能属性,又让用户感受到趣味,强化了 IP 的情感连接。
2. 风格明确的规范化视觉设计,带来舒适体验
人对整洁、有序的事物会本能地产生舒适感,对杂乱、无章的事物则会产生烦躁感,这一心理特征在 UI 设计中同样适用。兰亭妙微认为,规范、整洁、风格统一的视觉设计,本身就是一种基础的情感化表达。
设计时需根据产品的定位与用户群体,确定明确的视觉风格基调,并制定严格的视觉规范:比如大众电商产品,可采用紧凑的内容排版、高饱和的暖色调,传递出「热闹、实惠」的购物氛围;高端美妆产品,可采用简洁的留白排版、低饱和的莫兰迪色调,传递出「精致、高级」的使用感受;工具类产品,可采用极简的界面布局、中性的冷色调,传递出「专业、高效」的功能属性。
同时,字体、图标、按钮等视觉元素的设计要做到风格统一、层级清晰,避免出现视觉混乱,让用户在浏览界面时能轻松找到所需信息,获得「舒适、省心」的视觉体验。
3. 趣味的拟人化视觉表达,赋予产品「性格」
利用拟人化的手法,将无生命的界面元素、功能模块赋予人的动作、表情与性格,能让视觉设计更具趣味性,让用户感受到产品的「鲜活」。比如天气 APP 的界面,会根据天气情况呈现不同的拟人化表情:晴天是「微笑」,雨天是「撑伞」,雾霾天是「戴口罩」;记账 APP 的余额模块,余额充足时是「开心的笑脸」,余额不足时是「委屈的小脸」。
这种拟人化的视觉表达,让产品不再是冰冷的界面,而是能「感知用户状态」的伙伴,让用户在使用过程中产生趣味感,提升产品的使用体验。
(二)行为层次:交互层次的情感化设计 —— 让操作充满愉悦感
行为层次的设计聚焦于用户的使用过程,核心是让用户在操作产品的过程中感受到「愉悦、高效、省心」,其设计基础是产品的易用性,再通过情感化的交互反馈,让操作过程超越用户的预期。兰亭妙微认为,交互层次的情感化设计需遵循「操作前可预知、操作中有反馈、操作后可撤销」三大原则,并在原则中融入情感表达,具体落地方法有三:
1. 符合预期 + 超出预期的交互反馈,带来惊喜感
用户在进行产品操作时,会有基于常识的「预期结果」,比如点击「返回」按钮会回到上一界面,点击「点赞」按钮会出现点赞成功的提示。首先要保证交互设计符合用户的预期,让用户的每一次操作都能得到直观、明确的结果,这是建立用户信任的基础。
在满足预期的基础上,加入超出预期的正向情感化反馈,能让用户感受到惊喜,提升操作的愉悦感。比如支付宝的提现操作,不仅会提示「提现成功」,还会告知「预计 XX 分钟到账」,让用户对结果有明确的预期;微博的点赞操作,除了点赞图标变色,还会出现轻微的弹跳动画,让简单的点赞操作变得更有仪式感;电商 APP 的下单成功页面,会出现「恭喜你,下单成功~小宝贝正在快马加鞭向你赶来」的文案 + 动画,替代冰冷的「下单成功」提示。
这些小的设计细节,让用户的操作过程不再枯燥,而是充满小惊喜,久而久之便会形成「使用这款产品很舒服」的情感认知。
2. 双向的沟通式交互设计,让用户感受到「被重视」
情感的本质是沟通,人与产品之间的情感连接,也需要通过「双向沟通」来建立。传统的交互设计多是「用户操作,产品执行」的单向模式,而情感化的交互设计,会让产品成为「倾听者」,与用户进行双向沟通。
一方面,对用户的每一次操作都给予及时、贴心的反馈,避免用户产生「操作是否成功」的疑惑。比如用户滑动页面加载内容时,出现「正在努力加载中~」的趣味提示,而非单纯的加载转圈;用户输入内容时,出现「你输入的内容超棒~」的正向反馈。
另一方面,开放用户的反馈路径,鼓励用户表达情绪。比如内容类产品,允许用户对推荐内容进行「不感兴趣」「喜欢」的反馈,产品根据用户的反馈调整推荐策略,让用户感受到「我的意见被重视」;工具类产品设置「意见反馈」入口,以「你的建议是我们进步的动力~」的文案引导用户提出问题,而非单纯的「提交反馈」。
同时需注意,避免使用弹窗进行无意义的反馈,弹窗会中断用户的操作流程,容易引发用户的抵触情绪,可采用通知栏、轻量浮窗等更温和的方式进行反馈。
3. 允许犯错的容错式交互设计,缓解用户的负面情绪
用户在使用产品的过程中,难免会出现操作失误,或是因网络、系统等客观因素导致操作失败,此时的交互设计,核心是缓解用户的负面情绪,为用户提供简单的解决方法,而非让用户陷入「烦躁、无助」的状态。这是兰亭妙微在做交互设计时,尤为重视的一点。
针对用户的主观操作失误,设计明确的提醒与挽回机制:比如用户点击「删除」重要数据时,弹出「你确定要删除吗?删除后将无法恢复」的温馨提醒,而非直接删除;用户退出登录时,提示「退出后将无法接收消息,确定要退出吗?」,并提供「取消」「确定」两个选项。
针对网络、系统等客观问题,设计清晰的提示与解决方案:比如断网时,出现「网络开小差了~点击刷新试试」的提示 + 刷新按钮,而非单纯的「网络错误」;服务器维护时,出现「我们正在升级优化,XX 时间后恢复使用,敬请期待~」的提示,让用户知道问题所在与解决时间,缓解焦虑情绪。
(三)反思层次:思维层次的情感化设计 —— 让产品与用户产生深度共鸣
反思层次的设计是情感化设计的最高层级,它超越了视觉与操作的表层体验,深入到用户的心理、文化、价值观层面,核心是通过设计让用户产生情感共鸣、价值认同,让产品成为用户「自我表达」的一部分。这一层次的设计,需要设计师对用户的生活方式、价值观念、情感需求有深度的理解,兰亭妙微总结了三大核心落地方法:
1. 明确「服务者」定位的设计,让用户感受到「被尊重」
产品的本质是为用户提供服务,因此思维层次的情感化设计,首先要放低产品的姿态,以「服务者」的身份与用户沟通,让用户感受到被尊重、被重视。这种定位体现在产品的文案、功能设计、服务体验等各个方面。
比如摩拜单车的在线客服,以「Hi,我是随叫随到的小摩,请问有什么可以帮您?」的亲切语气与用户沟通,而非生硬的「人工客服为您服务」;支付宝的空页面,会出现「我是有底线的」的幽默文案,替代冰冷的空白,让用户感受到产品的「贴心与趣味」;外卖 APP 的骑手配送提示,会出现「骑手正在冒雨为你送餐,请注意查收」的提示,让用户感受到服务的温度。
这种「服务者」定位的设计,让用户感受到产品并非高高在上的工具,而是能为自己解决问题、提供贴心服务的伙伴,进而产生情感认同。
2. 紧跟用户生活的共鸣式设计,打造「共同话题」
当产品的设计能贴近用户的生活、紧跟用户关注的热点,就能与用户产生「共同话题」,进而引发深度的情感共鸣。兰亭妙微在为客户做产品迭代设计时,也会将「节日、热点、用户生活场景」融入设计,让产品始终与用户同频。
比如节日节点的设计适配:母亲节时,亲子类 APP 推出「为妈妈送祝福」的专属活动,电商 APP 调整开屏与 banner 为母亲节主题,让用户感受到产品的「节日关怀」;世界杯期间,体育类 APP 推出专属的赛事界面与互动活动,社交类 APP 推出世界杯相关的表情包与话题,让用户感受到产品的「潮流感」。
除了热点与节日,还可融入用户的日常生活场景:比如通勤类 APP,在早高峰时推出「早高峰注意安全,祝你一路畅通」的提示;读书类 APP,在深夜时推出「深夜读书,愿文字温暖你」的文案。这种贴近用户生活的设计,让产品成为用户生活的「参与者」,而非旁观者,进而产生深度的情感连接。
3. 兼顾特殊人群的无障碍化设计,传递人文关怀
无障碍化设计是思维层次情感化设计的重要体现,它不仅是对特殊人群的关怀,更是产品「以人为本」设计理念的落地,能让所有用户感受到产品的温度与社会责任感。兰亭妙微认为,优秀的产品设计,应兼顾每一个用户的需求,让特殊人群也能轻松使用产品。
无障碍化设计的落地,可从视觉、操作、功能等多个维度展开:比如为色盲 / 色弱用户提供专属的视觉配色模式,让其能清晰识别界面信息;为视力不佳的用户提供字体放大、语音朗读功能,方便其浏览内容;为肢体不便的用户优化操作方式,简化复杂的操作步骤,支持单手指操作。
比如高德地图的「色盲模式」,可自定义路况信息的颜色,让色盲 / 色弱用户能清晰区分畅通、缓行、拥堵的路况;微信的「语音转文字」「文字转语音」功能,方便了听力与视力不佳的用户。这种无障碍化设计,传递出产品的「人文关怀」,让用户感受到产品的社会责任感,进而产生更高层次的价值认同。
四、兰亭妙微总结:情感化设计的核心是「以人为本」
从视觉层次的第一眼打动,到交互层次的操作愉悦,再到思维层次的深度共鸣,UI 情感化设计是一个由表及里、层层递进的体系,其核心始终是以人为本—— 理解用户的生理需求、心理需求、情感需求,让设计围绕用户展开,而非围绕产品本身。
在产品同质化日益加剧的当下,情感化设计已成为产品的核心竞争力之一。兰亭妙微认为,优秀的情感化设计,并非刻意的「卖萌」「煽情」,而是自然、贴切的情感表达,它融入在产品的每一个细节中,让用户在使用产品的过程中,不知不觉感受到温暖、愉悦与被重视。
未来,随着人工智能、元宇宙等技术的发展,人机交互的形式将不断升级,情感化设计的边界也将不断拓展 —— 从平面界面的情感表达,到三维空间的情感互动,从单向的设计输出,到双向的情感交流。但无论技术如何变化,情感化设计的核心始终不会改变:让产品成为连接人与科技的情感纽带,让科技更有温度。
作为设计师,我们要始终保持对用户的洞察,对生活的感知,将情感化设计的思维融入每一个设计环节,让设计不止于解决问题,更能触达人心。
参考理论与书籍
- 《设计心理学 3 - 情感化设计》——(美)唐纳德・A・诺曼
- 《Don't Make Me Think》——(美)史蒂芬・克鲁格
- 原研哉《设计中的设计》核心设计理念
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。