用户体验要素
以用户为中心的产品设计
你
是
否
遇
到
过
这
样
的
情
况
？
两个插孔只能用一个
误以为已打开咖啡机
轮椅不能上下楼梯
什
么
是
用
户
体
验
设
计
用户
体验
01
两个插孔只能用一个
误以为已打开咖啡机
轮椅不能上下楼梯
改变插孔的位置
成功开启声音提示
开启后点亮指示灯
增加一个
宽度足够的斜坡
用户体验设计就是解决产品使用过程中的难题，让产品变得简单易用
而
这
些
其
实
很
好
解
决
什
么
是
用
户
体
验
设
计
用户
体验
01
用户体验设计需要兼顾外形和功能设计，同时保证产品能够良好的工作
首页 好友 信息 添加
产品设计
用户体验设计
外形
功能
用户使用感受
美观
但不知所云
美观欠缺
但更易使用
什
么
是
用
户
体
验
设
计
用户
体验
01
用户体验设计的好坏会影响用户的忠诚度
进入网站
点击一个栏目
看看它是什么
找到否
开心地离开
是
否
彻底绝望了吗
还
没
有
是
生气地离开 不再访问
第
一
次
使
用
某
个
网
站
用
户
体
验
设
计
作
用
用户
体验
02
用户体验设计影响用户忠诚度，而它最终会影响企业的盈利能力
用户忠诚度
用户转化率
投资回报率
36个付费订阅者/360个访问者=10%
用
户
体
验
设
计
作
用
用户
体验
02
战
略层
战略层
范
围层
结
构层
框
架层
表
现层
功能型产品 信息型产品
产品目标
用户需求
功能规格 内容需求
交互设计 信息架构
界面设计 导航设计
信息设计
感知设计
具体
抽象
自
下
而
上
考
虑
用
户
体
验
设
计
五
要
素
用户
体验
03
在一个产品项目中，对五要素的应用遵循在下一个要素结束之前完成
时间
用
户
体
验
设
计
五
要
素
用户
体验
03
战略层 范围层 结构层 框架层 表现层
用
户
体
验
设
计
其
他
因
素
用户
体验
内
容
提供有价值的内容
技
术
实现好的动态体验设计
为了合理地应用五要素，内容和技术是基础
04
1
战略层
战略层
我们要通过这个产品得到什么?
我们的用户要通过这个产品得到什么
?
产品
目标
战
略
层
的
定
义
01
用户
需求
战略层
产
品
目
标
具
体
要
素
02
商业
目标
品牌
识别
成功
标准
我们要通过这个产品得到什么?产品
目标
战略层
确
定
用
户
需
求
步
骤
03
用户
细分
用户
研究
创建
角色
我们的用户要通过这个产品得到什么
?
用户
需求
2
范围层
范围层
范
围
层
定
义
01
过程
价值
产品
价值
确定产品功能优先级
明确项目中所要进行的全部工作
产品文档
范围层
实
现
过
程
价
值
步
骤
02
确定产品功能优先级
定义
需求
列成
清单
确定
优先级
过程
价值
明确项目中所要进行的全部工作
产品文档
范围层
定
义
产
品
价
值
要
求
03
乐观
描述
具体
解释
客观
语气
产品
价值
3
结构层
范围层
结
构
层
定
义
01
交互
设计
信息
架构
系统如何配合与响应用户的行为
合理组织有效信息
范围层
交
互
设
计
组
成
要
素
02
系统如何配合与响应用户的行为
概念
模型
响应
错误
用户式
语言
交互
设计
范围层
信
息
架
构
要
求
03
合理组织有效信息
选择
适用
结构
需求
导向
内容
结构化
信息
架构
4
框架层
框架层
框
架
层
定
义
01
界面
设计
导航
设计
信息
设计
提供用户做某些事的能力
提供用户去某个地方的能力
传达想法给用户
框架层
框
架
层
设
计
遵
循
原
则
02
习
惯
遵循用户日常使用习惯
比
喻
恰当使用生活中的比喻
框架层
界
面
设
计
03
提供用户做某些事的能力
选择
合适
元素
复选框
单选框
文本框
下拉菜单
多选菜单
按钮
界面
设计
全局导航
局部导航
辅助导航
内联导航
友好导航
···框架层
导
航
设
计
目
标
及
分
类
04
导航
设计
提供用户去某个地方的能力
提供网页之间
跳转方法
传达元素与内容
之间的关系
传达内容与页面
之间关系
1 2 3
框架层
信
息
设
计
05
界面
设计
导航
设计
提供用户做某些事的能力
提供用户去某个地方的能力
传达想法给用户 信息设计
5
表现层
表现层
表
现
层
定
义
01
感知
设计
嗅觉
味觉
视觉
触觉
听觉
从五感角度考虑感知设计
表现层
01
感知
设计
嗅觉
味觉
视觉
触觉
听觉
忠
于
眼
睛
感知设计主体是视觉设计
表现层
视
觉
效
果
处
理
方
法
03
视觉
视
线
原
则
风
格
文
档
流畅的路径
引导作用
亲密
重复
对比
一致性
配色
排版
线框图
风格指南
