为什么有些产品用户用过一次就再也不想打开为什么有些产品用户每天都要打开好几次甚至成为一种习惯答案不在功能而在情感。当产品能够触动用户内心引发情绪波动时用户就会对它产生依赖甚至“上瘾”。北京兰亭妙微设计团队深耕用户体验领域多年发现那些让人“上瘾”的产品都有一个共同点它们懂得用情感化设计与用户建立深层联结。本文从7个维度揭秘北京兰亭妙微在情感化设计中的核心方法帮你打造让用户“离不开”的产品。UI 设计中的情感化设计让产品与用户产生心灵共鸣如今用户每日都会接触和使用多款软件一款能传递情感的产品往往能大幅提升用户体验让用户对产品产生依赖感与惊喜感。情感化设计正是让产品跳出冰冷的功能框架触达用户内心的关键接下来我们就来深入探讨 UI 设计中的情感化设计之道。心理学认为情感是人对客观事物是否满足自身需求而产生的态度体验。当产品能够触动用户内心引发其情感波动时便不再是冰冷的工具。用户能透过界面与交互感受到设计师为优化使用体验在每一个细节处的用心打磨进而心生愉悦、喜爱与幸福感。情感化设计并非轰轰烈烈的大改动有时一句暖心文案、一幅趣味插图、一个灵动动画便能打动人心让用户获得愉悦的使用体验。设计的高级感从来不止于视觉层面的精致这些藏在细节里的美好设计满含积极情绪是产品在满足功能性与易用性之后对更高层次用户体验的追求。一、提示性文字用语言拉近距离赋予产品生命力语言是情感化设计最直接的利器拟人化的对话相较于冰冷的机械文字更易获得用户好感为产品赋予鲜活的生命力。尤其在 App 推送场景中用户每日接收大量推送早已产生审美疲劳此时一句精心设计的推送文案成本低、效率高能将对用户的 “打扰” 转化为趣味互动让用户会心一笑。荔枝 FM 的推送 “一个人吗我也是呢”精准戳中独处用户的情绪一刻的 “你知道孤独是什么感觉吗手机亮了却只有推送”用细腻的表达引发情感共鸣随手记专业版的 “5 天没花钱赞啊”像朋友般为用户的省钱行为喝彩百度地图的 “北京风好大我要被吹走啦”用俏皮的语气化解出行查询的枯燥百词斩的 “周没背卸掉我算了”以略带 “小脾气” 的表达巧妙提醒用户打卡学习这些都是提示性文字情感化的绝佳范例。二、下拉刷新让高频操作成为趣味体验下拉刷新是用户使用 App 时的高频操作传统的图标加文字设计虽简单直观却毫无设计感无法引发用户任何情绪波动。而下拉刷新作为一种临时交互状态丰富其设计细节不仅不会与产品界面产生违和感反而能让产品收获用户好感。以 UC 头条为例其下拉刷新时会跳出一只奔跑的小鹿既延续了品牌 logo 的视觉元素又以 “快马加鞭” 的视觉隐喻契合资讯类产品对内容更新速度的核心需求。用户在等待加载的过程中被灵动的设计吸引在愉悦的情绪中对产品产生好感让原本枯燥的下拉刷新操作变得生动有趣。三、头像设计打造专属虚拟形象增强用户认同感个人中心是承载用户信息的核心页面也是用户虚拟形象的展示窗口。传统的默认头像加登录文字的设计死板且缺乏温度无法让用户产生身份认同感。如今越来越多产品摒弃了这种单一设计为用户提供多样化的头像选择赋予产品人格魅力让产品拥有生命力消除人机交互的冰冷感帮助用户与产品建立友好的情感联结。美团外卖、躺平等产品为用户设计了贴合产品气质与用户属性的专属虚拟形象让用户在使用过程中产生强烈的身份共鸣仿佛拥有了与产品契合的专属标签大幅提升了用户对产品的接纳度与认同感。四、缺省页设计化解负面情绪传递产品温度缺省页通常出现在页面无内容、网络断开等场景传统简陋的图标加提示文字设计会让用户产生心理落差陷入挫败、烦躁等负面情绪。而情感化的缺省页设计能通过设计手段有效缓解用户的负面感受成为传递产品温度的重要载体。设计师可结合产品属性与品牌视觉体系延展图形设计搭配动效、插画等形式丰富缺省页内容。比如躺平的空白页设计出贱萌有趣的视觉场景一句 “没消息就是好消息”“内容找不到了发现更多圈子”让用户在无奈的场景下会心一笑将负面情绪转化为轻松的体验让产品充满趣味性与人情味。五、标签栏微动效让页面切换告别单调死板随着情感化设计的不断丰富标签栏图标设计不再局限于静态视觉动态动画效果的融入让标签栏切换操作告别死板。用户在频繁切换页面时不会再感到单调枯燥精心设计的微动效还能有效缓解用户等待时的焦躁心情从心理层面缩短用户的等待感知同时让品牌视觉形象更深入人心强化用户对产品的记忆点。六、模拟用户行为贴合真实场景深化情感认同当产品能够精准模拟用户行为将用户代入真实的使用情境时便能让用户产生深刻的情感认同感。这种设计核心在于精准洞悉用户的行为习惯与潜在需求实现产品与用户的 “心意相通”。潮汐 App 会根据时间、场景与季节变化播放雨声、雷声、风声、潮水声等不同的背景音效为用户营造身临其境的氛围感让用户在专注、睡眠、小憩等不同场景下获得贴合心境的体验微信能感知用户的截屏行为当用户打开对话框时自动显示截屏图片提前预判用户发截图的需求让操作更便捷淘票票则精准捕捉到观众看电影后等彩蛋的习惯在影片详情页添加彩蛋提醒告知用户电影是否有彩蛋、彩蛋出现在哪个位置避免用户白白浪费时间这些设计都从用户真实需求出发让产品成为懂用户的 “贴心伙伴”。七、有趣的细节设计藏起小彩蛋激发探索欲常言道有趣的灵魂万里挑一在 UI 设计中有趣的细节设计能引发用户与产品的积极互动让用户产生愉悦的情绪。这类设计分为隐形与显性两种无论是需要用户主动发现的隐藏彩蛋还是直观呈现的趣味设计都能为用户带来惊喜增强用户对产品的探知欲与粘性。B 站电脑端鬼畜区的 “隐藏彩蛋” 便是隐形设计的代表长按返回图标 10 秒页面会出现提示语引导用户输入字母随后鬼畜明星的画面会划过屏幕这种需要用户主动探索的设计让用户在发现彩蛋时收获满满的喜悦大幅提升了产品的趣味性优酷视频的显性趣味设计同样出彩会员发弹幕后可使用剧集相关角色的头像带角色扮演头像的弹幕让用户的发言更有剧集代入感既强化了会员的尊贵感与专属特权又丰富了弹幕区的互动形式一举两得。让用户“上瘾”的不是功能而是情感。北京兰亭妙微用这7个秘密武器告诉你当产品能在用户需要时给予关怀、在用户无聊时制造惊喜、在用户失落时带来安慰用户就会对它产生情感依赖。这种依赖才是产品最牢固的护城河。希望这篇文章能帮你掌握这些武器让你的产品从“能用”进阶到“爱用”再到“离不开”。北京兰亭妙微将继续深耕UI设计与每一位设计师共同成长。北京兰亭妙微与你一起共成长