兰亭妙微设计|北京|15 年专注企业级 UI/UE 设计
设计师遇到瓶颈,最好的破局方式,是跳出纯视觉审美,回到用户体验本质,重新审视需求、场景、行为与感受,用科学方法做有依据、可落地、能产生价值的设计。

前言:用户体验五要素 —— 所有产品的设计基石
AJAX 之父 Jesse James Garrett 在《用户体验要素》中提出的用户体验五层模型,从 Web 时代沿用至今,依然是 UI/UE 设计最经典、最通用的思考框架。它自下而上构建完整体验,让设计从 “感觉” 变成 “体系”。
- 战略层:产品目标 + 用户需求
- 范围层:功能范围 + 内容边界
- 结构层:信息架构 + 交互逻辑
- 框架层:界面布局 + 导航流程
- 表现层:视觉风格 + 品牌感知
一、先搞懂:业务诉求决定产品功能
好产品不是凭空想象,而是企业能力与用户需求的精准匹配。
- 深夜饿了,打开外卖 App 下单送餐 —— 解决 “足不出户吃周边”
- 路边扫码骑车 —— 解决 “短途高效出行”
- 企业后台一键调度 —— 解决 “流程效率与管理成本”
每一个功能,都必须有真实场景支撑;没有落地能力的产品,再好看也是镜花水月。
在启动项目前,我们用5W1H把需求问透:
- What:产品做成什么样?核心形态是什么?
- Who:为谁设计?谁在用、谁买单?
- Why:用户为什么选我们?替代方案是什么?
- When:什么时候用?频率如何?
- Where:在什么环境 / 场景下使用?
- How:用户如何完成操作?路径是什么?
二、再深挖:用户需求藏在 “冰山之下”
弗洛伊德的冰山理论告诉我们:用户显式需求只是冰山一角,隐性动机、场景约束、无意识习惯,才是体验好坏的关键。
深泽直人的
无意识设计理念同样适用:
设计师通过
有意识的设计,去适配用户
无意识的行为,让产品 “不用想、随手用、自然用”。
以电商购物为例:
从浏览→加购→结算→优惠券→配送,每一步都是被场景验证过的体验闭环。
我们做的,是
还原用户真实行为,而不是创造用户行为。
- 明确用户最痛的点是什么
- 明确产品如何解决这个痛
- 对比竞品如何解决
- 找到我们更优、更贴合的路径

三、用户体验五要素:从战略到视觉的落地
1. 战略层:定方向 —— 产品为谁、解决什么
战略层回答两个问题:
- 企业要实现什么商业目标?
- 用户要解决什么真实痛点?
方向错了,界面再美也没用。
2. 范围层:定边界 —— 做什么、不做什么
同样是电商 App:
- 京东 / 拼多多:以商品交易为核心,强货架、强分类、强促销
- 得物:以潮流内容 + 鉴定为核心,重展示、重社区、重信任感
用户群体不同、场景不同,
功能范围与内容权重完全不同。
计划型购买 vs 冲动型购买,决定首页该 “卖货” 还是 “种草”。
3. 结构层:定逻辑 —— 信息如何组织
结构层是产品的 “骨架”:
- 菜单如何分级
- 功能如何跳转
- 关键入口放哪里
- 复杂流程如何拆
好结构让用户不用找、不用猜、不用退。
4. 框架层:定布局 —— 界面怎么排、按钮放哪
框架层是体验最直观的一层,兰亭妙微在项目中坚持三大原则:
① 更舒服的阅读效率(尼尔森 F 型视线)
- 用户快速扫视,不逐字阅读
- 重要信息放左上
- 多用小标题、短句、分段
- 弱化干扰,突出核心
② 更舒服的操作位置(拇指热区)
数据显示:
- 49% 用户单手握持,拇指操作
- 36% 双手握、单手拇指操作
- 15% 双拇指操作
高频操作一定要放在拇指最易触达区,降低操作成本。
③ 更短的操作路径
能一步到,绝不两步;
能默认填,绝不让用户输;
能看见,绝不藏进多级菜单。
5. 表现层:定颜值 —— 统一、有识别、有温度
表现层不只是 “好看”,而是体验的最终表达。
- 图标统一:大小、圆角、线宽、视觉重量一致
- 色彩统一:主色 / 辅助色 / 中性色体系不乱用
- 控件统一:按钮、输入框、标签、弹窗样式一致
- 品牌延续:把 Logo、IP、符号语言贯穿全局,强化记忆
四、情感化设计:让产品有温度、有人情味
情感化不是花哨,而是在细节里照顾用户情绪:
- 空页面不冰冷:用插画、文案安抚
- 成功有正向反馈:动画、短句、微交互
- 错误有包容:提示清晰、可挽回、不指责
- 品牌有性格:从视觉到文案保持一致人格
天猫用 “猫头” 符号贯穿全场景,就是把品牌符号变成体验语言,既统一又有极强识别度。
五、兰亭妙微实战总结
做了 15 年企业 UI/UE 设计我们越来越确信:
最美的设计,不是视觉最惊艳的设计,而是最贴合用户场景、最顺畅、最省心的设计。
- 先体验,后视觉
- 先逻辑,后风格
- 先场景,后界面
- 先价值,后美感
当设计真正服务于用户、服务于业务、服务于场景,它才拥有长久的生命力。