UI 设计中的用户体验设计|兰亭妙微设计实战全解

 
兰亭妙微设计|北京|15 年专注企业级 UI/UE 设计
 

 
设计师遇到瓶颈,最好的破局方式,是跳出纯视觉审美,回到用户体验本质,重新审视需求、场景、行为与感受,用科学方法做有依据、可落地、能产生价值的设计。
 

image.png

前言:用户体验五要素 —— 所有产品的设计基石

 
AJAX 之父 Jesse James Garrett 在《用户体验要素》中提出的用户体验五层模型,从 Web 时代沿用至今,依然是 UI/UE 设计最经典、最通用的思考框架。它自下而上构建完整体验,让设计从 “感觉” 变成 “体系”。
 
  • 战略层:产品目标 + 用户需求
  • 范围层:功能范围 + 内容边界
  • 结构层:信息架构 + 交互逻辑
  • 框架层:界面布局 + 导航流程
  • 表现层:视觉风格 + 品牌感知
 

 

一、先搞懂:业务诉求决定产品功能

 
好产品不是凭空想象,而是企业能力与用户需求的精准匹配
 
  • 深夜饿了,打开外卖 App 下单送餐 —— 解决 “足不出户吃周边”
  • 路边扫码骑车 —— 解决 “短途高效出行”
  • 企业后台一键调度 —— 解决 “流程效率与管理成本”
 
每一个功能,都必须有真实场景支撑;没有落地能力的产品,再好看也是镜花水月。
 
在启动项目前,我们用5W1H把需求问透:

image.png

 
  • What:产品做成什么样?核心形态是什么?
  • Who:为谁设计?谁在用、谁买单?
  • Why:用户为什么选我们?替代方案是什么?
  • When:什么时候用?频率如何?
  • Where:在什么环境 / 场景下使用?
  • How:用户如何完成操作?路径是什么?
 

二、再深挖:用户需求藏在 “冰山之下”

 
弗洛伊德的冰山理论告诉我们:用户显式需求只是冰山一角,隐性动机、场景约束、无意识习惯,才是体验好坏的关键。
 
深泽直人的无意识设计理念同样适用:
 
设计师通过有意识的设计,去适配用户无意识的行为,让产品 “不用想、随手用、自然用”。
 
以电商购物为例:
 
从浏览→加购→结算→优惠券→配送,每一步都是被场景验证过的体验闭环。
 
我们做的,是还原用户真实行为,而不是创造用户行为
 
  • 明确用户最痛的点是什么
  • 明确产品如何解决这个痛
  • 对比竞品如何解决
  • 找到我们更优、更贴合的路径
 

image.png

三、用户体验五要素:从战略到视觉的落地

 

1. 战略层:定方向 —— 产品为谁、解决什么

 
战略层回答两个问题:
 
  • 企业要实现什么商业目标?
  • 用户要解决什么真实痛点?
 
方向错了,界面再美也没用。
 

2. 范围层:定边界 —— 做什么、不做什么

 
同样是电商 App:
 
  • 京东 / 拼多多:以商品交易为核心,强货架、强分类、强促销
  • 得物:以潮流内容 + 鉴定为核心,重展示、重社区、重信任感
 
用户群体不同、场景不同,功能范围与内容权重完全不同
 
计划型购买 vs 冲动型购买,决定首页该 “卖货” 还是 “种草”。
 

3. 结构层:定逻辑 —— 信息如何组织

 
结构层是产品的 “骨架”:
 
  • 菜单如何分级
  • 功能如何跳转
  • 关键入口放哪里
  • 复杂流程如何拆
 
好结构让用户不用找、不用猜、不用退
 

4. 框架层:定布局 —— 界面怎么排、按钮放哪

 
框架层是体验最直观的一层,兰亭妙微在项目中坚持三大原则:
 

① 更舒服的阅读效率(尼尔森 F 型视线)

 
  • 用户快速扫视,不逐字阅读
  • 重要信息放左上
  • 多用小标题、短句、分段
  • 弱化干扰,突出核心
 

② 更舒服的操作位置(拇指热区)

 
数据显示:
 
  • 49% 用户单手握持,拇指操作
  • 36% 双手握、单手拇指操作
  • 15% 双拇指操作
 
高频操作一定要放在拇指最易触达区,降低操作成本。
 

③ 更短的操作路径

 
能一步到,绝不两步;
 
能默认填,绝不让用户输;
 
能看见,绝不藏进多级菜单。
 

image.png

5. 表现层:定颜值 —— 统一、有识别、有温度

 
表现层不只是 “好看”,而是体验的最终表达
 
  • 图标统一:大小、圆角、线宽、视觉重量一致
  • 色彩统一:主色 / 辅助色 / 中性色体系不乱用
  • 控件统一:按钮、输入框、标签、弹窗样式一致
  • 品牌延续:把 Logo、IP、符号语言贯穿全局,强化记忆
 

四、情感化设计:让产品有温度、有人情味

 
情感化不是花哨,而是在细节里照顾用户情绪
 
  • 空页面不冰冷:用插画、文案安抚
  • 成功有正向反馈:动画、短句、微交互
  • 错误有包容:提示清晰、可挽回、不指责
  • 品牌有性格:从视觉到文案保持一致人格
 
天猫用 “猫头” 符号贯穿全场景,就是把品牌符号变成体验语言,既统一又有极强识别度。
 

五、兰亭妙微实战总结

 
做了 15 年企业 UI/UE 设计我们越来越确信:
 
最美的设计,不是视觉最惊艳的设计,而是最贴合用户场景、最顺畅、最省心的设计。
 
  • 先体验,后视觉
  • 先逻辑,后风格
  • 先场景,后界面
  • 先价值,后美感
 
当设计真正服务于用户、服务于业务、服务于场景,它才拥有长久的生命力。

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

日历

链接

个人资料

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

存档