首页

兰亭妙微:10 大设计心理学法则,打造让用户一眼倾心的数字化产品

涛涛 设计思维

作为深耕 UI/UE 设计领域十余年的专业团队,兰亭妙微始终秉持 “设计优秀,不断超越” 的核心理念,从清华主创团队的专业积淀出发,将用户心理洞察融入每一次数字化产品的设计实践中。我们深知,优秀的设计从不只是视觉上的美感呈现,更要触达用户内心,通过对心理学原则的精准运用,在屏幕端为用户创造兼具实用性与情感共鸣的交互体验。唐・诺曼的情感设计三层理论 —— 本能、行为、反思,是兰亭妙微所有设计工作的底层逻辑,本能层打造视觉吸引力,行为层保障产品可用性,反思层赋予产品深层价值,而这一切的落地,都离不开对设计心理学法则的熟练驾驭。以下便是兰亭妙微在千余次企业信息化、大数据软件、互联网产品设计中,反复验证并沉淀的 10 大设计心理学知识,掌握这些,便能让产品与用户建立第一眼的情感连接。

兰亭妙微设计小课堂:UI 文案排版与视觉优化实用技巧

涛涛 设计思维

UI 设计中,文案作为信息传递的核心载体,其排版方式与视觉处理直接影响用户的阅读体验和信息接收效率。兰亭妙微设计团队结合日常商业设计实战,提炼出 UI 文案排版与视觉优化的核心实用技巧,聚焦文案对齐方式、投影处理两大高频设计痛点,用简单易懂的方法规避设计误区,让文案设计既美观又实用。

如何设计产品中的反馈|让交互有回应,体验更流畅

清阳 设计思维

在数字化产品设计愈发注重用户体验的当下,界面反馈早已不是单纯的“操作提示”,而是串联用户行为、产品功能与体验感知的核心纽带,更是决定产品易用性、专业性与用户留存度的关键细节。作为深耕UI/UE全链路设计十余年的专业团队,兰亭妙微UI设计公司(蓝蓝设计)长期聚焦B端后台管理、大数据可视化、工业软件、智能设备界面等多元场景,累计服务数百家中大型企业与行业龙头客户,在各类实战项目中沉淀了一套完整、可落地的反馈设计方法论。

在界面设计中, 反馈(Feedback)是系统对用户操作做出的即时、可感知的回应 。系统通过界面元素、动效、声音或震动等方式,告知当前操作已被识别、系统状态如何,以及后续可采取的行动。

1.反馈设计的重要性
在 Jakob Nielsen 提出的十大交互设计原则中,居于首位的核心准则即为 “系统状态可见性”。该原则强调,系统必须通过及时且恰当的反馈,始终确保用户对当前发生之事、操作结果以及后续预期保持清晰的认知。

image.png

▲ Jakob Nielsen 十大交互设计原则
设想在购物时的场景:当用户点击“购买”按钮后,若界面缺失加载状态、操作确认或视觉反馈,用户将陷入操作不确定性——疑虑系统是否响应、是否需重复操作,甚至因焦虑而放弃交易。

image.png

在页面中添加有效的反馈能够将这种不确定性转化为明确的行动指引,通过状态变化、进度提示和结果确认等机制,让用户清晰感知系统响应,明确知道“发生了什么”以及“接下来该怎么做”,从而提升用户信任度与流程转化率。
2.在项目中如何完整地梳理并设计反馈
反馈设计并非后期补充的简单的提示,而是从产品设计的初期,就作为关键要素进行系统性的规划与设计,接下来,我们将以“创作者音色复刻”项目为例,分享作者在实际项目如何设计反馈。
“创作者音色复刻”功能的诞生,是为提升公众号“听全文”功能的体验。通过此功能,作者仅需朗读一段系统提供文本,AI 即可复刻出作者音色。复刻后,读者就可以在听全文时能听到 AI 模仿作者的专属音色,本文将聚焦的是作者录入并复刻音色的流程。

image.png

复刻原理看似简单,但对于公众号创作者而言,“创作者音色复刻”是陌生的功能,且中间涉及到很多由 AI 模型或用户选择导致的复杂判断逻辑。如果系统没有提供清晰的反馈,容易导致作者困惑或放弃使用此功能。
为了降低用户的使用门槛,在设计页面时,作者将系统的反馈设计作为重点,用以下三个步骤来实现:
Step 1 :梳理反馈节点
在产品设计初期,系统性地梳理反馈节点是构建有效反馈机制的首要环节。通过绘制逻辑流程图,设计师能够将用户与产品的交互路径可视化,清晰呈现用户每一步操作后系统应提供的反馈。
在绘制流程图的时候,需要完整展示一下两点:
  • 用户完成任务所需的关键反馈节点

  • 用户在过程中可能产生的系统判断或用户选择其导致的反馈分支

案例
在“创作者音色复刻”项目中,作者通过“逻辑流程图”系统性梳理用户交互路径,目的是梳理所有反馈节点——包括主流程的 5 个核心反馈节点,以及因系统判断产生的 2 个反馈分支所衍生的额外 2 个反馈节点,从而确保反馈设计覆盖完整交互路径,避免遗漏关键环节。

image.png

▲流程图:正方形代表反馈节点,菱形代表判断节点
Step 2:定位节点的反馈类型
绘制完“逻辑流程图”后,设计师需为每个节点定位反馈类型。我们将常见反馈类型归纳为以下四类,每类都具有明确的界定标准与应用场景:
  • 状态反馈:系统对用户主动操作的即时状态确认,消除用户对操作是否生效的疑虑。

image.png

▲当用户轻触“开始录制”按钮时,按钮颜色加深、形态变化,直观告知用户操作已生效。
  • 进度反馈:当操作无法即时生效且需一定时间处理时,通过进度反馈告知用户当前任务进度。

image.png

▲微信下载大文件时显示的进度条,或加载动画,能够有效管理用户预期,减少等待焦虑。
  • 确认反馈:对可能产生负面后果的操作,可以通过确认反馈向用户提供上下文信息来解释操作的后果,向用户进行确认,从而防止发生错误。

image.png

▲微信删除联系人时,界面会告知用户当前操作所造成的风险,防止用户错误操作。
  • 结果反馈:用户完成任务节点后,系统明确告知操作成功或失败。

image.png

▲用户收藏公众文章后,界面显示“已收藏”并伴随成功动效,明确告知操作结果。
案例
回到“创作者音色复刻”项目中,作者为每个反馈节点匹配了最贴合的类型。例如,“开始录制”节点采用状态反馈确保操作确认,“等待录音处理”节点采用进度反馈管理用户等待预期,“朗读完成”节点采用结果反馈明确操作结果。
通过定位反馈类型,我们能够为每个交互节点建立相应反馈逻辑,确保用户在每个操作环节都能获得正确的系统响应。

image.png

▲初步为流程图中的反馈节点,定位反馈类型 
Stept 3 :设计反馈表现
在明确反馈节点与类型后,就可以聚焦到每个节点,为反馈节点设计最合适的反馈表现形式。这一环节需要将抽象的反馈概念转化为具体界面元素,设计反馈时需要满足三个基本原则:

 

  • 及时:反馈应在操作后即刻发生,让用户感知到系统已响应。

  • 清晰:反馈信息应准确无误,一目了然,明确告知“发生了什么”及“下一步行动”。

  • 适度:反馈强度应与信息重要程度相匹配,避免过度干扰。

当单一反馈形式无法同时满足上述原则时,设计师可采用多通道反馈叠加策略,通过整合不同感知维度的反馈形式,增强反馈效果与用户感知。在移动端交互设计中,常见的反馈通道包括:
  • 视觉反馈:通过界面元素的视觉变化传达系统状态,例如颜色变化、动画效果、图标提示、文字提示及高亮标记。

  • 听觉反馈:通过声音信号增强用户感知,例如系统音效、操作音效及语音提示。

  • 触觉反馈:通过设备震动提供物理层面的反馈,例如短震确认、长震警告。

 

接下来我“创作者音色复刻”项目中以两个具体场景来真实项目中设计反馈表现的应用以上原则的设计与决策过程:

案例一:朗读错误的反馈优化
在音色复刻过程中,用户需要准确朗读文本。当准确率不足 90% 时,系统需要告知用户朗读有误并引导重新录制。
最初期方案评估
初期我们采用了业界通用的反馈样式:Toast 轻提示与弹窗提醒。虽然这两种方案满足了基本的及时性和适度性要求,但在可用性测试中暴露出明显缺陷。用户普遍反馈“无法确定具体错误位置”,导致重复录制时缺乏明确的目标导向,严重影响任务完成效率。

image.png

▲方案 a:Toast 轻提示(左), 方案 b:弹窗提醒(右)。
问题分析
通过用户测试的结论,我们发现有效的错误反馈机制如果要达到“清晰”这一原则,必须构建完整的信息闭环。既要准确指出问题所在,又要提供清晰的修正路径,具体而言,需要同时回答两个核心疑问:
  • 朗读错误的具体位置在哪里?

  • 下一步应该做什么?

方案迭代
基于此认知,我们进行了方案重构:
方案 a:在单次朗读任务完成后,系统立即对识别出的错误文字进行视觉标红处理,并配以明确的重新录制指引。
方案 b:在朗读过程中实时监测发音准确度,对错误内容进行即时标记与提示。

image.png

两个优化方案在“清晰”原则得到了完善,通过精准的文字定位与明确的指引文案,消除了用户的认知不确定性。最后综合用户测试评估结果,发现方案 b 会在录制过程中,会影响用户在阅读时候的专注度且随时造成用户任务中断,违背了“适度”原则,最终选择了方案 a 作为落地实施方案。
案例二:录制状态的多通道反馈设计
在启动音频录制的关键节点,如何确保用户明确感知界面状态切换,并及时开始朗读,是本案例的设计重点。
最初期方案评估
初期方案仅依赖按钮状态的视觉变化作为反馈信号。

image.png

在用户测试过程中,我们观察到由于操作时手指对界面视觉反馈元素的遮挡,超过 40% 的测试者未能及时察觉状态变化,导致录制启动延迟或录入无效音频片段。

image.png

▲操作时手指对界面元素的遮挡
解决方案的探索过程
我们首先尝试强化视觉反馈通道,在界面核心区域增加 Toast 提示组件。然而评估后发现,这种方案虽然提升了状态感知度,但同时也带来了新的体验问题:弹出的提示层遮挡了需要朗读的文本内容,违背了反馈设计的适度性原则。

image.png

最终方案的确立与验证
通过多轮方案迭代,我们最终采用了多通道反馈的设计策略:在保留基础视觉反馈的同时,引入触觉反馈维度。具体实现方式为用户在轻触录制按钮时触发设备的短震动提示。这一设计巧妙地在不增加视觉干扰的前提下,显著提升了状态反馈的感知强度,既确保了操作的明确性,又保证了阅读体验的连贯性。更多关于触觉体验内容详见:用户界面之外:触感体验

image.png

通过这两个案例的完整设计过程,我们认识到反馈的表现形式并不是固定的在组件 toast、弹窗、进度条这几个组件之间进行选择,而是需要设计师在遵循“及时、清晰、适度”这三个原则,深入理解具体场景中,了解用户困境再进行设计与创造。当反馈能够准确预见用户疑惑并提供清晰指引时,它就不再是被动的提示,而是变成了推动任务顺利进行的关键设计要素。
3.反馈的必要性
最后,在“创作者音色复刻”项目中,我们也发现界面设计中的反馈并非越多越好,其存在价值需通过严谨评估来确认——反馈应服务于核心交互目标,有效弥补用户认知与系统状态间的“信息差”。若交互逻辑本身能自然引导用户行为、从源头规避误解,则额外反馈反而会成为冗余干扰。
案例
在“创作者音色复刻”项目的录制按钮的交互设计中,我们就经历了从“增加反馈提示”到“重构交互”的思维转变。
最初期方案评估
在项目初期,我们采用了“长按开始录制”的交互方案。

image.png

然而用户测试显示,受微信语音操作习惯的影响,多数用户在长按时会不自觉地过度贴近设备麦克风,导致录音质量下降,同时因设备倾斜造成朗读文字阅读困难。
最初尝试-提示纠正用户行为
我们首先尝试了增加 Toast 提示的方案,在用户进入录制页面时显示操作指引。但额外增加反馈并没有改变用户的行为,反而影响了用户阅读文字。

image.png

通过系统性分析,我们意识到问题的本质在于交互模型与用户任务目标之间存在内在冲突 :长按动作本身与微信发语音交互类似,易引起贴近设备的心理暗示。

image.png

从提示纠正到优化交互设计
因此,我们改为重构交互框架,尝试将操作改为“轻触录制”。

image.png

新的方案,显著改善了用户的录音姿势——轻触操作自然避免了用户过度靠近设备的行为,同时保持了舒适的阅读角度。通过交互的优化,我们从根源上解决了问题产生的前提条件。
案例启发
这一案例表明,反馈的必要性需置于整体交互系统中审视:当系统自身能通过更优的结构设计实现引导时,反馈应保持克制,而非作为补偿性措施强行添加。
4.最后
界面中有效的反馈可以成为连接系统与用户之间的桥梁。在设计反馈时,可以参考作者在“作者音色复刻”项目中使用的以下流程:首先借助“逻辑流程图”进行整个项目的“反馈节点”梳理,然后定位“反馈类型”,最后在遵循“及时、清晰、适度”的原则进行反馈的表现的设计,从而为产品构建完整而反馈机制。
除此以外我们持续审视每个反馈的必要性,优先通过优化系统交互逻辑来简化反馈需求,从而在提供明确引导与保持交互简洁之间找到平衡
转载:WeDesign

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

 

image.png

情感化 UI 设计简明指南 | 兰亭妙微设计 致新手设计师

涛涛 设计思维

在 UI 设计从功能驱动转向体验驱动的当下,情感化设计早已成为打造优质产品体验的核心要素。冰冷的界面与功能,唯有注入情感的温度,才能让用户产生共鸣、建立情感连接,进而提升产品的用户粘性与品牌好感度。兰亭妙微设计深耕 UI 设计领域,深知情感化设计对新手设计师的入门难度,本次特整理一份简明易懂的情感化 UI 设计指南,从核心设计思路到落地技巧,为新手设计师梳理清晰的设计方向,助力快速掌握情感化设计的核心逻辑。

UI 必懂的 5 个设计心理学知识,兰亭妙微ui设计公司从理论到落地全拆解(下)

清阳 设计思维

三、五架帽理论(LATCH 原则):高效组织信息的 5 个核心方法

 

核心定义

image.png

由 Richard Saul Wurman 提出,又称LATCH 原则,是基础的信息组织原则,通过 5 种方式让信息呈现更高效,提升用户获取信息的效率,分别是:Location(位置)、Alphabet(字母)、Time(时间)、Category(类别)、Hierarchy(视觉层级)
 

核心原理

 
用户在产品中获取信息时,有固定的认知习惯,违背这个习惯会增加用户的思考成本。五架帽理论的本质,是顺应用户的认知习惯,让信息 “好找、好懂、好记”,这五个方法可单独使用,也可组合使用。
 

产品落地技巧

 

1. Location(位置):围绕用户位置组织信息

image.png

以用户的当前位置为核心,展示周边相关信息,适用于地图、本地生活、出行类产品,比如:
 
  • 地图 APP 优先加载用户当前位置的道路、地标、周边商户,位置变化时实时更新信息;
  • 外卖 / 生鲜 APP 按 “距离由近到远” 展示商户,让用户快速找到周边可配送的商家;
  • 游戏(如绝地求生)随用户位置变化,加载周边的建筑、道具、敌人信息。
 

2. Alphabet(字母):按字母顺序组织信息

image.png

适用于数据量大、需要精准查找的场景,是最经典的信息组织方式,比如:
 
  • 通讯录按姓氏拼音首字母排序,支持字母索引,快速定位联系人;
  • 词典、题库 APP 按字母 / 拼音排序,方便用户查找内容;
  • 电商 APP 的品牌分类,按字母顺序排列,提升筛选效率。
 

3. Time(时间):按时间维度组织信息

 
时间先后 / 热度排序,适用于内容、社交、资讯类产品,比如:
 
  • 朋友圈、微博按 “发布时间从新到旧” 展示内容;
  • 资讯 APP 分 “最新、今日、本周” 板块,让用户按时间获取信息;
  • 电商 APP 的订单页面,按 “下单时间从新到旧” 排序,方便用户查找近期订单。
 

4. Category(类别):按属性分类组织信息

image.png

将信息按相同属性 / 功能划分,是产品设计中最常用的方式,适用于几乎所有产品,比如:
 
  • 音乐 APP 按 “曲风(流行、摇滚、民谣)、歌手、专辑” 分类;
  • 电商 APP 按 “商品品类(服饰、食品、数码)、功能(热销、新品、优惠)” 分类;
  • 手机桌面的 APP 文件夹,按 “社交、办公、娱乐” 分类。
 

5. Hierarchy(视觉层级):按重要性划分视觉层级

image.png

在信息组织的基础上,用颜色、大小、间距、字体等视觉手段,突出核心信息,弱化次要信息,比如:
 
  • 电商 APP 的商品页面,核心信息(商品名称、价格)用大号粗体,次要信息(产地、规格)用小号常规字体;
  • 首页金刚区,将高频功能(首页、消息、我的)用更醒目的图标 / 颜色突出,低频功能弱化展示;
  • 详情页的标题用大字号 + 强对比色,正文用常规字号 + 浅色系,让用户快速抓住重点。
 

关键总结

 
五架帽理论的 5 个方法不是孤立的,组合使用效果更佳:比如通讯录 = 字母 + 视觉层级,外卖 APP = 位置 + 类别 + 时间,首页金刚区 = 类别 + 视觉层级。核心是让信息组织符合用户的认知习惯,降低查找成本。
 

四、禀赋效应:让用户 “珍惜” 你的产品,提升留存与转化

image.png

核心定义

 
由心理学家 Daniel Kahneman 等提出,指人们对已经拥有的物品 / 服务,会高估其价值,比未拥有时更珍惜。这一现象源于 “损失厌恶”:失去一件东西的痛苦,远大于得到它的快乐。
 

核心原理

 
当用户从 “旁观者” 变成 “拥有者” 时,对产品的心理价值会大幅提升,会因为 “害怕失去” 而更愿意继续使用、付费甚至分享。比如生日收到的礼物,哪怕原本不喜欢,也会舍不得卖掉;免费试用的会员,到期后会因为 “失去权益” 而选择付费。
 

产品落地技巧

 

1. 赋予用户 “专属价值”,强化拥有感

image.png

让用户感受到产品 / 服务是 “为自己量身定制的”,提升心理归属感,比如:
 
  • 学习 APP 将学习数据生成个性化报告,支持一键分享,让用户觉得 “这份成果是独属于我的”;
  • 旅游 APP 记录用户的旅游足迹,生成 “我的旅行地图”,激发用户的珍惜感和分享欲;
  • 电商 APP 为用户生成 “专属会员标识”“定制化推荐页面”,强化专属感。
 

2. 提供免费试用 / 体验,诱导禀赋效应

image.png

让用户先 “拥有” 产品的权益 / 服务,再让他们面对 “失去” 的选择,比如:
 
  • 视频 / 音乐 APP 为新用户提供 7 天免费 VIP,到期后用户会因为 “失去高清画质 / 无损音乐” 而选择付费;
  • 办公 APP 提供 30 天免费高级功能,让用户习惯后,不愿回到基础版;
  • 电商 APP 为新用户发放 “专属优惠券”,让用户觉得 “拥有了优惠,不用就亏了”。
 

3. 增加个性化设置,让用户 “参与产品打造”

image.png

让用户通过个性化设置,将产品变成 “自己的样子”,提升主人翁意识,比如:
 
  • 浏览器 / APP 支持换肤、换背景、调整布局,让用户按自己的喜好定制产品;
  • 笔记 APP 支持自定义笔记本封面、字体、颜色,让用户觉得 “这是我的专属笔记”;
  • 社交 APP 支持自定义头像、昵称、个性签名,强化用户的拥有感。
 

4. 利用 “损失厌恶”,提升用户粘性

image.png

明确告知用户 “不继续使用会失去什么”,比告知 “继续使用会得到什么” 更有效,比如:
 
  • 签到 APP 提示 “已连续签到 5 天,中断将重置进度,失去 100 积分”;
  • 会员 APP 提示 “您的 VIP 还有 3 天到期,到期后将失去免费包邮、专属折扣等权益”;
  • 打卡 APP 提示 “今日未打卡,将失去本月打卡勋章的领取资格”。
 

关键总结

 
利用禀赋效应的核心,是让用户从 “使用产品” 变成 “拥有产品”,通过专属价值、免费试用、个性化设置,让用户产生拥有感,再利用损失厌恶,让用户因为 “害怕失去” 而提升留存和转化。
 

五、干扰效应:减少信息干扰,让用户专注核心操作

 

核心定义

image.png

用户同时思考 / 处理两件及以上事情时,思考效率和操作准确性会大幅下降,难以专注核心目标。简单来说:信息越杂乱,用户越容易分心,操作效率越低
 

核心原理

 
人的大脑像电脑一样,同一时间处理的信息有限,当多个无关信息同时出现时,大脑需要花费精力筛选信息,从而分散对核心操作的注意力,甚至导致操作失误。比如设计时被紧急需求打断,再回来时会忘记原本的思路;产品页面图标杂乱,用户会找不到核心功能。
 

产品落地技巧

 

1. 简化视觉设计,避免 “过度装饰”

image.png

视觉设计的核心是 “服务于功能”,而非单纯的美观,避免用复杂的设计增加用户的认知负担,比如:
 
  • 金刚区图标避免使用过于复杂的实物图 / 彩色渐变,优先用简约的线性图标 + 清晰的文字,让用户一眼识别;
  • 页面避免过多的色彩、动效,核心操作按钮(如确认、支付、提交)用强对比色突出,次要元素用低饱和度色彩;
  • 生鲜 APP 的分类图标,避免用复杂的商品实物图,用简约的图标(如苹果代表水果、青菜代表蔬菜)即可。
 

2. 划分信息层级,避免 “信息堆积”

image.png

将页面信息按核心功能、次要功能、辅助功能划分层级,突出核心,弱化次要,隐藏辅助,比如:
 
  • 美团首页金刚区,将高频功能(美食、外卖、超市便利)用大图标突出,低频功能(旅游、美甲、洗车)用小图标弱化,避免信息杂乱;
  • 个人中心页面,将核心功能(我的订单、我的资产、我的收藏)放在顶部,次要功能(设置、帮助、关于)放在底部,按使用频率排序;
  • 详情页将核心操作(购买、加入购物车)放在固定位置,次要信息(商品参数、评价)放在下方,避免干扰核心操作。
 

3. 按用户目标,组织页面功能

 
围绕用户的核心操作目标设计页面,移除无关的功能和信息,比如:

 

  • 刷题 APP 的答题页面,仅保留 “题目、选项、上一题、下一题”,移除广告、推荐、消息等无关信息,让用户专注答题;
  • 支付页面,仅保留 “支付金额、支付方式、确认支付”,避免添加其他功能(如充值、领券),防止用户分心;
  • 阅读 APP 的阅读页面,支持 “沉浸式模式”,隐藏导航、广告、消息,让用户专注阅读。
 

4. 功能分类聚合,避免 “分散摆放”

image.png

将同类功能聚合在一起,避免分散摆放导致用户查找困难,比如:
 
  • 个人中心将 “设置、帮助、反馈、关于” 聚合在 “更多功能” 里,避免零散摆放;
  • 电商 APP 将 “收藏、足迹、购物车” 聚合在 “我的资产” 板块,按 “用户资产” 的逻辑组织;
  • 办公 APP 将 “新建、保存、分享、打印” 聚合在操作栏,按 “文档操作” 的逻辑组织。
 

实战案例

 
技术类求职 APP 个人中心改版:旧版功能杂乱,将 “已购、钱包、收藏、错题、投递记录” 等功能分散摆放,且把无关的 “头像、昵称” 放在视觉核心位置,用户查找 “投递记录” 的平均时间为 15 秒。
 
新版围绕用户核心目标(查看投递进度、管理学习内容) 优化:
 
① 强化个人属性(等级、粉丝),放在头部吸引用户;
 
② 将核心功能(我的简历、投递记录)放在顶部,按产品价值排序;
 
③ 将次要功能(收藏、错题、下载)按 “学习管理” 聚合,模块划分清晰;
 
④ 视觉上采用简约风格,弱化无关元素,核心按钮用强对比色突出。
 
优化后,用户查找核心功能的平均时间缩短至 3 秒,操作效率提升 80%+。
 

关键总结

 
避免干扰效应的核心,是“少即是多”:围绕用户的核心操作目标,简化视觉设计、划分信息层级、聚合同类功能,移除无关的信息和功能,让用户不用思考,就能快速找到并完成核心操作。
 

全文核心总结

 
设计心理学的本质,是“站在用户的角度做设计”,读懂用户的心理,才能让设计触达用户的需求。这 5 个心理学法则,各有侧重但可组合使用:
 
  • 五架帽理论组织信息,让用户 “好找信息”;
  • 干扰效应简化设计,让用户 “专注操作”;
  • 蔡加尼克效应引导参与,让用户 “愿意完成”;
  • 峰终定律打磨体验,让用户 “记住产品”;
  • 禀赋效应强化拥有,让用户 “珍惜产品”。
 
不用精通所有心理学理论,把这 5 个法则融入日常设计的每一个环节,从信息组织、页面设计到流程体验,让每一个设计决策都有心理逻辑支撑,就能做出既好看又好用的产品设计。
转载:防脱发药水

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

 

image.png

UI 必懂的 5 个设计心理学知识,兰亭妙微ui设计公司从理论到落地全拆解(上)

清阳 设计思维

本文从背景定义、核心原理、产品应用、实战案例四个维度,拆解 5 个 UI 设计中高频实用的心理学法则,不讲晦涩理论,只讲落地方法,兰亭妙微ui设计公司帮你把心理学融入日常设计工作。
 

阅读导航

  1. 峰终定律:抓准体验关键节点,让用户记住你的产品
  2. 蔡加尼克效应:利用未完成心理,提升用户参与度
  3. 五架帽理论(LATCH 原则):高效组织信息,降低用户认知成本
  4. 禀赋效应:让用户对产品产生 “归属感”,提升留存与转化
  5. 干扰效应:减少信息干扰,让用户专注核心操作
 

一、峰终定律:体验的好坏,由两个关键节点决定

 

核心定义

 
由 2002 年诺贝尔经济学奖得主丹尼尔・卡尼曼提出,人们对一段体验的记忆,只由体验的高峰时刻(正向 / 负向)和结束时刻决定,与体验的总时长、中间过程的平均感受无关。简单来说:好的峰值 + 好的终值,就是好的体验

image.png

核心原理

 
用户不会记住产品使用的每一个细节,只会对 “最爽的瞬间” 和 “最后的感受” 印象深刻。哪怕过程中有一些小瑕疵,只要峰值足够惊艳、终值足够舒适,用户对整体体验的评价依然会很高。
 

产品落地技巧

 

1. 强化正向峰值:打造用户的 “愉悦瞬间”

 
在用户使用产品的关键节点,用仪式感、惊喜感拉高情绪,比如:
 

image.png

盲盒 APP 购买成功后,弹出动态收藏卡,放大用户的获得感;

  • 网易云音乐直播间为新用户弹出「新人见面礼」,用视觉设计拉满氛围;
  • 功能操作完成后(如打卡、缴费、答题),用情感化弹窗给予肯定,如 “任务完成!你也太厉害了吧~”。
 

2. 降低负面峰值:缓解用户的 “焦虑时刻”

image.png

当用户遇到网络卡顿、操作失败、抽奖未中等负面场景时,用情感化设计减少挫败感,比如:
 
  • 网络断开时,用趣味动效 + 温柔提示 “网络开小差啦,点击重试吧” 代替冰冷的报错码;
  • 抽奖未中时,弹出安慰式弹窗 “没关系,下次好运 buff 加持~”,并附带小额优惠券。
 

3. 打磨终值体验:给用户一个 “完美收尾”

 

在用户完成整个使用流程后,强化满足感和成就感,比如:
 
  • 刷题 APP 在用户完成整套习题后,展示直观的数据分析页(正确率、能力提升、排名),并附带鼓励语;
  • 外卖 APP 下单成功后,清晰展示配送进度 +“下单成功!吃货专属福利已到账”,让收尾更愉悦;
  • 课程 APP 完成学习后,生成学习证书 / 打卡海报,支持一键分享,放大用户的成就感。
 

实战案例

image.png
刷题功能体验优化:针对用户刷题时的 “未知焦虑”,做了三个核心调整:
 
① 用进度条实时展示刷题进度,让用户知道 “还有多久完成”;
 
② 最后 3 题弹出鼓励语 “加油!马上完成啦,你超棒的”,强化峰值;
 
③ 结果页展示个性化数据报告(如 “商业模式模块能力提升 15%”),打磨终值。优化后,用户刷题完成率提升 30%+。
 

关键总结

 
设计时先绘制用户情绪曲线,找到峰值和终值的关键节点,重点打磨这两个时刻的体验,比均匀优化所有环节更高效。
 

二、蔡加尼克效应:未完成的事,用户会记得更牢

 

核心定义

 
由苏联心理学家蔡加尼克提出,又称 “契可尼效应”,指人们对未完成、被中断的事情,记忆会比已完成的事情更深刻,且会持续产生完成的冲动。简单来说:用户对 “没做完的事”,会更上心
 

核心原理

image.png

当一件事未完成时,大脑会一直处于 “紧张的激活状态”,持续关注这件事;一旦事情完成,这种紧张感会消失,记忆也会快速淡化。就像考试时没答上的题,会一直记挂到考试结束;综艺在关键剧情插广告,你会舍不得换台。
 

产品落地技巧

 

1. 用进度提示,引导用户持续完成

image.png

在需要用户持续参与的场景(签到、课程、打卡),添加可视化进度条 / 进度点,让用户清晰看到 “完成了多少,还剩多少”,比如:
 
  • 学习 APP 的签到页面,展示 “已连续签到 3 天,再签 4 天领 50 积分”,用未完成的奖励吸引用户持续打卡;
  • 健身 APP 的课程页面,标注 “本课程共 8 节,已学 3 节”,激发用户的完成欲。
 

2. 拆分复杂任务,减少用户心理负担

image.png

在用户需要完成复杂操作时(如注册、信息填写、认证),将流程拆分为多个简单的小步骤,并明确展示当前步骤,比如:
 
  • 新用户注册时,将 “手机号验证→设置密码→完善资料” 拆分为 3 个页面,标注 “1/3 验证手机号”,让用户觉得 “任务很简单,很快就能完成”;
  • 信息认证时,按 “身份信息→银行卡信息→人脸验证” 拆分,中途退出后再次进入可直接定位到未完成步骤。
 

3. 用待办提醒,强化 “未完成” 的心理暗示

image.png

在产品中添加待办事项、未读提醒、未完成任务标识,让用户时刻感知 “还有事没做”,比如:
 
  • 日历 APP 的代办功能,未完成的事项会持续高亮,让用户产生 “必须做完” 的心理;
  • 办公 APP 的待办列表,用小红点标注未处理的消息,引导用户及时操作;
  • 电商 APP 的购物车,保留用户未付款的商品,并用 “库存仅剩 3 件” 强化完成冲动。
 

实战案例

image.png

新用户注册流程优化:旧版将所有信息(头像、昵称、手机号、性别、兴趣)堆积在一个页面,填写率仅 40%;新版按业务维度拆分为 3 个步骤(手机号验证→基础信息→兴趣标签),每个页面仅需填写 1-2 项内容,并添加进度提示 “2/3 完善基础信息”。
 
优化后,利用蔡加尼克效应让用户产生 “完成冲动”,同时结合沉没成本效应(用户填了前两步,不愿放弃第三步),最终信息填写率提升至 75%+,内容推荐准确率也同步提升。

image.png

 

关键总结

利用蔡加尼克效应的核心,是让用户 “看到未完成的目标”,并通过拆分任务、可视化进度,降低用户完成目标的门槛,从而提升参与度和完成率。
 
转载:防脱发药水

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

 

image.png

语言媒介:解锁新文创设计的灵感密码

涛涛 设计思维

语言是人类文明的载体,是交流思想、传递情感的复杂系统,其丰富的媒介形式为文创设计打开了全新的创作维度。从自然语言的口语、文字、手语,到人工语言的编程符号、数学公式,再到涵盖听觉、视觉、触觉等的非语言形式,每一种语言媒介都蕴含着独特的文化内涵与设计价值。当语言媒介与新文创设计碰撞融合,不仅让文化传播有了更多元的表达,更让文创产品兼具实用性、艺术性与文化性,成为连接传统与现代、文化与生活的桥梁。本文将从语言媒介的分类出发,结合经典设计案例,全面解析语言媒介如何成为新文创设计的灵感源泉。

人人都可以是设计师:UI&UX 小技巧大全(二)

清阳 设计思维

让用户在使用产品时不产生混淆、可快速获取所需信息,是产品设计时应当考虑的重要层面,而这需要团队在设计时预先做好方案,去掉无关事物,清晰地呈现信息,提升产品的易用性与用户体验。兰亭妙微 UI 设计公司始终以 “精简信息、提升信噪比” 为设计核心,本篇文章里,作者结合实战经验,介绍了提高信噪比的设计技巧,一起来看一下。

用户对产品的体验往往源于直观感受,因此 UI&UX 设计直接影响着产品的成败 —— 即便产品功能再强大,糟糕的界面与交互体验也会让其价值大打折扣。
 
但想要优化 UI&UX 设计,并非一定要掌握系统且全面的设计知识,有时只需一些细微的调整,就能让设计效果实现质的提升。Marc Andrew 总结了 36 个可落地的 UI&UX 优化小技巧,分 6 篇系列文章呈现,本文为第二篇,希望能为设计师们提供实操参考。(原文发表于 Medium,标题为:UI & UX micro-tips: Volume two)

image.png

在打造高效、美观的 UI 界面时,那些看似不起眼的细节调整,往往能快速优化设计效果与用户体验。接下来,直接分享干货技巧:
 

一、选用通用认可图标,规避用户认知混淆

 
在设计界面中添加图标时,核心原则是选择行业通用、用户普遍认可的样式,确保图标能清晰传递操作意图与功能含义。
 

image.png

对比两种设计实例就能发现,使用表意模糊的自定义图标,会让用户产生操作困惑,形成认知障碍;而选用标准化的通用图标,能让用户无需思考即可理解操作指向。设计中切勿为了追求个性,使用过于小众、叛逆的图标样式,徒增用户的理解成本。
 

二、巧用亲密性原则,明确元素关联关系

 
在对比、间隔、重复等经典设计原则中,亲密性原则是打造清晰界面的关键,能有效帮助用户快速识别元素间的逻辑关系。

image.png

这一原则的落地方式十分简单:将内容相关、功能联动的设计元素就近排布,通过物理距离的远近,直观体现元素间的关联程度。反之,无关元素则保持合理间距。这样的设计方式,能让用户在浏览网页或 APP 时,快速建立对界面内容的认知,提升信息获取效率。
 
对比设计实例可见,元素排布松散的界面会让用户难以识别逻辑关联,而元素就近聚合的界面,能让信息层级更清晰。
 

三、4px 基线网格 + 8px 网格,打造和谐垂直视觉节奏

image.png

网格系统是界面排版的基础,将4px 基线网格与通用的8px 网格搭配使用,能让界面的垂直视觉节奏更和谐,尤其适用于字体排版环节。

 

具体实操方法为:让字体对齐 4px 基线网格,同时将行高值设置为 4 的整数倍(如 16、20、24、28px 等)。之所以选择 4px 作为基线网格单位,是因为单纯以 8px 为倍数进行伸缩,在处理部分文本尺寸时,灵活性与适配性会有所不足,而 4px 基线网格能弥补这一问题,与 8px 网格形成互补,让整体排版更具秩序感。
 

四、降低标题行高,提升视觉紧凑度与阅读体验

image.png

标题与长格式正文的排版需求截然不同:正文需要足够的行高来保证阅读舒适度,而标题通常文字简短,适当缩小行高不仅不会影响阅读,还能提升视觉紧凑度,让标题更具层次感。
 
设计中推荐将标题行高设置为文字大小的 1-1.3 倍,且标题文字越大,行高的倍数可适当降低。对比行高过高与行高适中的设计实例能明显发现,行高合适的标题视觉更聚焦,能让用户快速捕捉核心信息。
 

五、色轮类似配色,快速打造和谐配色方案

image.png

若在设计中陷入配色选择的困境,色轮类似配色法会是高效的解决方案 —— 类似色(也叫邻接色相 / 相邻色相)是最易打造视觉和谐的配色方案之一。
 
类似色指色轮上相邻的色相,由原色、间色与复色组合而成,基于这一原则选择配色,能快速搭建出简洁且无视觉违和感的色彩体系。借助色轮选择相邻色相进行搭配,无需复杂的色彩调试,就能让界面配色达到和谐统一的效果,大幅提升配色效率。
 

六、最大化设计信噪比,让核心信息更突出

image.png

设计的清晰度与可用性,核心在于提升信噪比—— 这里的 “信号” 指产品想要传递的核心相关信息,“噪音” 则是无意义的干扰元素。通过让信号最大化、噪音最小化,能让用户快速聚焦核心内容,提升信息获取效率。
 
实现这一目标的关键方法为:一方面通过强化视觉层级,让核心信息(信号)得到有效凸显;另一方面坚决剔除或弱化无关的文字、图标、装饰等元素(噪音),避免分散用户注意力。
 
对比两种设计实例能看到,元素堆砌、信息杂乱的界面会让用户难以捕捉重点,而剔除冗余元素、聚焦核心信息的界面,视觉更简洁,用户能快速获取关键内容。简言之,剔除无关、简化界面、突出核心,是提升设计信噪比的核心要义。
 
希望这些 UI&UX 微调技巧,能为大家的设计实践提供新思路,让每一处细节调整都能为产品体验赋能。

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

 

image.png

UI设计中的情感化设计

清阳 设计思维

当下互联网产品日趋同质化,用户每天要接触、使用数十款各类软件,单纯满足基础功能需求的产品,早已难以留住用户;而一款自带温度、饱含情感的软件,不仅能大幅提升用户使用体验,更能悄悄拉近产品与用户的距离,让用户产生稳定的依赖感与不期而遇的惊喜感,在海量产品中牢牢占据用户心智。作为深耕界面设计与用户体验领域的兰亭妙微UI设计公司,始终将情感化设计视为UI设计的核心内核,认为好的UI设计从不只是视觉美化与功能排布,更是与用户的情感对话。本文将聚焦UI设计中的情感化设计,拆解核心思路与落地技巧,一同探寻让产品更有温度的设计密码。
 

UI 设计中的情感化设计:让产品与用户产生心灵共鸣

 
如今,用户每日都会接触和使用多款软件,一款能传递情感的产品,往往能大幅提升用户体验,让用户对产品产生依赖感与惊喜感。情感化设计,正是让产品跳出冰冷的功能框架,触达用户内心的关键,接下来我们就来深入探讨 UI 设计中的情感化设计之道。
 
心理学认为,情感是人对客观事物是否满足自身需求而产生的态度体验。当产品能够触动用户内心,引发其情感波动时,便不再是冰冷的工具。用户能透过界面与交互,感受到设计师为优化使用体验,在每一个细节处的用心打磨,进而心生愉悦、喜爱与幸福感。
 
情感化设计并非轰轰烈烈的大改动,有时一句暖心文案、一幅趣味插图、一个灵动动画,便能打动人心,让用户获得愉悦的使用体验。设计的高级感,从来不止于视觉层面的精致,这些藏在细节里的美好设计,满含积极情绪,是产品在满足功能性与易用性之后,对更高层次用户体验的追求。
 

一、提示性文字:用语言拉近距离,赋予产品生命力

image.png

语言是情感化设计最直接的利器,拟人化的对话相较于冰冷的机械文字,更易获得用户好感,为产品赋予鲜活的生命力。尤其在 App 推送场景中,用户每日接收大量推送,早已产生审美疲劳,此时一句精心设计的推送文案,成本低、效率高,能将对用户的 “打扰” 转化为趣味互动,让用户会心一笑。
 
荔枝 FM 的推送 “一个人吗?我也是呢”,精准戳中独处用户的情绪;一刻的 “你知道孤独是什么感觉吗:手机亮了,却只有推送”,用细腻的表达引发情感共鸣;随手记专业版的 “5 天没花钱,赞啊”,像朋友般为用户的省钱行为喝彩;百度地图的 “北京风好大,我要被吹走啦”,用俏皮的语气化解出行查询的枯燥;百词斩的 “周没背!!!卸掉我算了!!!”,以略带 “小脾气” 的表达,巧妙提醒用户打卡学习,这些都是提示性文字情感化的绝佳范例。
 

二、下拉刷新:让高频操作,成为趣味体验

image.png

下拉刷新是用户使用 App 时的高频操作,传统的图标加文字设计,虽简单直观,却毫无设计感,无法引发用户任何情绪波动。而下拉刷新作为一种临时交互状态,丰富其设计细节,不仅不会与产品界面产生违和感,反而能让产品收获用户好感。
 
以 UC 头条为例,其下拉刷新时会跳出一只奔跑的小鹿,既延续了品牌 logo 的视觉元素,又以 “快马加鞭” 的视觉隐喻,契合资讯类产品对内容更新速度的核心需求。用户在等待加载的过程中,被灵动的设计吸引,在愉悦的情绪中对产品产生好感,让原本枯燥的下拉刷新操作变得生动有趣。

image.png

三、头像设计:打造专属虚拟形象,增强用户认同感

image.png

个人中心是承载用户信息的核心页面,也是用户虚拟形象的展示窗口。传统的默认头像加登录文字的设计,死板且缺乏温度,无法让用户产生身份认同感。如今,越来越多产品摒弃了这种单一设计,为用户提供多样化的头像选择,赋予产品人格魅力,让产品拥有生命力,消除人机交互的冰冷感,帮助用户与产品建立友好的情感联结。

image.png

美团外卖、躺平等产品,为用户设计了贴合产品气质与用户属性的专属虚拟形象,让用户在使用过程中产生强烈的身份共鸣,仿佛拥有了与产品契合的专属标签,大幅提升了用户对产品的接纳度与认同感。
 

四、缺省页设计:化解负面情绪,传递产品温度

 
缺省页通常出现在页面无内容、网络断开等场景,传统简陋的图标加提示文字设计,会让用户产生心理落差,陷入挫败、烦躁等负面情绪。而情感化的缺省页设计,能通过设计手段有效缓解用户的负面感受,成为传递产品温度的重要载体。
 
设计师可结合产品属性与品牌视觉体系,延展图形设计,搭配动效、插画等形式,丰富缺省页内容。比如躺平的空白页,设计出贱萌有趣的视觉场景,一句 “没消息就是好消息”“内容找不到了,发现更多圈子”,让用户在无奈的场景下会心一笑,将负面情绪转化为轻松的体验,让产品充满趣味性与人情味。

image.png

五、标签栏微动效:让页面切换,告别单调死板

 
随着情感化设计的不断丰富,标签栏图标设计不再局限于静态视觉,动态动画效果的融入,让标签栏切换操作告别死板。用户在频繁切换页面时,不会再感到单调枯燥,精心设计的微动效,还能有效缓解用户等待时的焦躁心情,从心理层面缩短用户的等待感知,同时让品牌视觉形象更深入人心,强化用户对产品的记忆点。

image.png

六、模拟用户行为:贴合真实场景,深化情感认同

 
当产品能够精准模拟用户行为,将用户代入真实的使用情境时,便能让用户产生深刻的情感认同感。这种设计核心,在于精准洞悉用户的行为习惯与潜在需求,实现产品与用户的 “心意相通”。

image.png

潮汐 App 会根据时间、场景与季节变化,播放雨声、雷声、风声、潮水声等不同的背景音效,为用户营造身临其境的氛围感,让用户在专注、睡眠、小憩等不同场景下,获得贴合心境的体验;微信能感知用户的截屏行为,当用户打开对话框时,自动显示截屏图片,提前预判用户发截图的需求,让操作更便捷;淘票票则精准捕捉到观众看电影后等彩蛋的习惯,在影片详情页添加彩蛋提醒,告知用户电影是否有彩蛋、彩蛋出现在哪个位置,避免用户白白浪费时间,这些设计都从用户真实需求出发,让产品成为懂用户的 “贴心伙伴”。

image.png

七、有趣的细节设计:藏起小彩蛋,激发探索欲

 
常言道,有趣的灵魂万里挑一,在 UI 设计中,有趣的细节设计能引发用户与产品的积极互动,让用户产生愉悦的情绪。这类设计分为隐形与显性两种,无论是需要用户主动发现的隐藏彩蛋,还是直观呈现的趣味设计,都能为用户带来惊喜,增强用户对产品的探知欲与粘性。

image.png

B 站电脑端鬼畜区的 “隐藏彩蛋” 便是隐形设计的代表,长按返回图标 10 秒,页面会出现提示语,引导用户输入字母,随后鬼畜明星的画面会划过屏幕,这种需要用户主动探索的设计,让用户在发现彩蛋时收获满满的喜悦,大幅提升了产品的趣味性;优酷视频的显性趣味设计同样出彩,会员发弹幕后,可使用剧集相关角色的头像,带角色扮演头像的弹幕,让用户的发言更有剧集代入感,既强化了会员的尊贵感与专属特权,又丰富了弹幕区的互动形式,一举两得。

image.png

总而言之,UI 设计的 “高级感”,既需要在视觉层面精雕细琢,从细微之处打造精致、富有设计感的画面,更需要从情感化设计出发,站在用户的角度换位思考,洞悉用户的情绪需求与行为习惯,让产品与用户产生情感共鸣。当产品不再只是满足功能需求的工具,而是能传递温度、引发共鸣的情感载体时,才能让用户获得更高层次的使用体验,建立起长久且牢固的产品情感联结。
 

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

 

image.png

 

设计不是改界面,而是读懂情绪

清阳 设计思维

作为专注于体验设计的创新团队,兰亭妙微UI设计公司认为:一个好的设计,不仅要解决问题,更要抚慰情绪。我们从“不确定感”“压力”和“关怀”三种典型情绪出发,重新拆解航班状态页的设计逻辑,让它不再是冰冷的工具,而是成为用户旅程中善解人意的“情绪伙伴

你有没有匆忙赶着去机场的经历?是否也在航班延误时感到过焦虑? 这些情绪我们都曾体验过——但它们真的被运用到设计中了吗?

这一次,我们从“情绪”出发,重新设计了航班状态页,分享 3 个由用户情绪驱动的设计决策。

01.情绪:不确定感

想象一下这个场景: 用户可能正坐在赶往机场的火车上。一边盯着时间,一边核对路线,脑子里不断计算着:“我来得及吗?万一航班有变化怎么办?”

这是一种非常典型的不确定时刻。 不是恐慌,而是那种微妙却持续的紧张——用户此刻只想确认一件事:一切是否仍在按计划进行。

我们的设计回应在这个场景中,用户最需要的,其实就是航班状态信息本身的确定性反馈。 而最常见、也最容易引发误解的状态之一,就是航班“延误”。

但延误并不等于灾难——航班依然会飞,有时甚至反而给用户多出了一点赶往机场的时间;起飞延误,也不一定意味着落地延误。

而在旧版本中,“延误”与“取消”使用了同一种红色。这种表达,会在第一秒就把“延误”解读为一种危险信号,放大了用户原本就存在的不确定感。

因此在改版中,我们将“延误”的颜色调整为橙色:

  • 与“正常起飞”的绿色保持清晰区分
  • 在视觉上依然足够显眼
  • 但在情绪感知上更加克制
  • 也更符合“延误”本身的真实严重程度

一个颜色的变化,背后对应的其实是一种“风险等级可视化分级设计”,而不是简单的视觉改动——让信息 既足够被看见,又不会过度制造恐慌。

也正是在这种细微的情绪调节中,用户的不确定感被悄悄降低了。

02.情绪:压力

再换一个场景:用户已经站在值机柜台前,一只手拿着护照,另一只手扶着行李,也许身旁还有一个小孩正拉着他们的衣角。外部刺激密集、节奏迅速,这是一种短暂但强烈的压力时刻。

在这种状态下,用户最迫切的需求,往往不是“浏览”; 而是马上确认关键信息是否齐全——PNR 号、行李额度、值机所需的任何关键信息。 这不是一个可以让用户慢慢寻找入口的时刻。

他们只想快速、明确、毫不犹豫地进入「我的预订」。

我们的设计回应

航班状态页,往往是用户走到柜台前最后查看一次的页面。  因此在这个高压场景中,“我的预订”必须是第一时间被看到的入口。

在这次改版中,我们做了三件小调整:

  1. 让入口更加明显
  2. 增加图标,方便用户快速理解
  3. 文案从泛泛的“查看预订(View bookings)”,调整为更贴近当下心智模型的“我的预订 My booking”

这些变化看起来都不大,但它们背后遵循的是同一个原则:在高压力状态下,为用户提供「最短决策路径(Shortest Decision Path)」。

当用户无需思考“我要点哪里”,而是第一眼就知道“这就是我要找的”,压力,便在这一瞬间被有效削减了。

03.情绪:关怀(Care)

在旅程的后半段,节奏逐渐慢了下来。

用户已经通过安检,买了一杯咖啡,坐下等待登机。

在这个相对放松的时刻,他们偶尔会再次打开航班状态页,然后看到一个按钮:“分享航班状态”。

也正是在这一瞬间,用户的情绪,从“关注自己”,悄然转向了“想到别人”。

他们会想到来接机的朋友或家人——

是否顺利、是否会在机场焦急地反复确认时间。 于是,一个非常真实、也非常普遍的念头出现了:“我想让对方更方便一点。”

我们的设计回应

为了让这种“关怀”更容易被表达,我们在这次改版中优化了“航班分享”的入口: 让用户可以一键将航班信息发送给接机的人, 对方无需再向用户反复确认,便能直接跟踪航班的实时动态。

这不是一个效率型功能,而是一个典型的“情绪外溢(Emotional Spillover)”场景——用户所感知到的安心,被自然地传递给了另一端的人。

设计在这一刻所做的,只是顺势托住了这种善意:让用户,帮别人更轻松一点。

结语:像方法派演员一样设计

如果要总结这一切,我想说:设计不仅是在“做界面”,而是在“进入用户的情绪”。

这有点像演员的“方法派表演(Method Acting)”——他们不是站在外面诠释角色,而是走进角色,成为角色本身。

当你也带着这样的方式进入用户的情绪场景时,你会发现:

很多设计决策不再是反复权衡的“选择题”,而会变成一种顺理成章、甚至“非这样不可”的结果。

因为此时你已经不再是站在屏幕这一侧为用户设计,你是在用户的状态之中,替他们做出判断。

转载:人人都是产品经理

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

 

image.png

日历

链接

个人资料

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

存档