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

2026-3-11    清阳 设计思维

三、五架帽理论(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

日历

链接

个人资料

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

存档