产品用户体验设计说明
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 其他的一些概念
• CE：Customer Engagement 用户参与 • UED : User Experience Design 用户体验设计 • UCD : User-Centered Design 以用户为中心的设计
基本概念介绍
• 用户体验的一点点历史
– 十八世纪以前的手工业——以贵族为中心的设计诞生
光标（焦点）的切换是否符合系统标准和规范
加速键设置符合系统标准
文字与标点符号使用符合标准
提示用语一致 称谓一致 菜单与命令用语一致 字体，标点符号格式一致 产品及功能名称一致 同一功能的图标运用一致 同一颜色表意一致 同一图形表意一致
不使用错别字 标点符号 语法
产品可用性设计评审准则
可防止错误，有效的指引/帮助用户避免错误 容易获得帮助信息，并帮助资料准确易懂，容易检阅 导向性 使用指示信息足够，说明性的描述或标题准确易懂 用户可输入信息的位置和格式清晰 文字、图标表达清晰，易懂，并与任务直接相关
交互
交互分析 概念原型交互设计（评审） 详细交互设计（评审）
需求 分析
视觉 创意
功能流程整理 出功能流程图
交互 概念 设计
可用 性评
估
使用场景流程出 使用场景流程图
流程图 出产品流程图
制作低保真原型
交互 原型 设计
专家评审 修改
确定交互方式
内部评审
出交互结果方案 出交互设计方案
评审
修改
出创意方案 确定风格设计
产品可用性设计评审准则
界面布局可以自适应于不同分辨率
可定制
界面布局可以自适应于不同系统字体 大小
满足控制欲望
界面布局可以自适应于不同语言版本 可选择 可以灵活使用和控制 容易纠正错误或取消错误操作 综合考虑初级用户与高级用户的需求 可扩展性
产品可用性设计评审准则
给用户反馈 尊重用户习惯 精简
准确性 及时性 指导性 符合预期 用户操作习惯 系统习惯 视觉习惯 用语习惯 行业习惯 尽量少的操作步骤 最必要的信息要足够，而且重要信息突出 必要信息与非必要信息之间的主次关系明显 最适合的默认配置
信息组织具有逻辑性，不同类型的信息区分清晰
始终反馈目前用户状态
菜单分组是否合理 主要界面信息分类是否符合 逻辑 按钮分布是否符合逻辑
Q&A
Thanks!
知识回顾 Knowledge Review
目标的转移 为贵族设计——为生产设计——为战争设计——为民用设计
主题的改变 形式——功能——效率——环境——思维——情感
基本概念介绍
• 体验层次的分解
品牌 视觉 设计 交互 设计 功能 设计
一直用 喜欢用 好用
可以用
基本概念介绍
• 可用性：是评估用户界面是否容易使用，高效并是否让人感到满意的一种属性。 • 可用性和实用性是同样重要。 • 可用性研究在生活中无处不在，存在各行各业中。
目录
• 基本概念介绍 • 用户体验设计流程与方法 • 一些设计原则 • Q&A
1.基本概念介绍 2.用户体验设计流程和方法介绍
3.一些设计原则
先看两个案例
基本概念介绍
• 用户体验 ： 是指用户在使用一个产品(服务)的过程中建立起来的心理感受，这是 一种纯主观的个人感受。 英文叫做User Experience，缩写为UE, 或者UX
• 抗灾容灾能力
产品可用性设计评审准则
统一性和标准性 导向型 满足控制欲望 给用户反馈 尊重用户习惯 精简
ຫໍສະໝຸດ Baidu
产品可用性设计评审准则
语言表述统一
图标，图形表述统一 统
一
性 和
整个产品的控件或组件保持一致
标 准
通用快捷键与系统保持一致
性
控件和组件使用符合系统标准和规范
图标以及颜色使用符合国际标准和规范
基本概念介绍
• 用户研究：帮助了解我们的用户，科学评估产品体验的好坏。
• 具体工作包括：
设计前期，用户特征分析（用户使用场景分析+用户建模） 设计中期，概念测试，可用性评估 发布前后，综合评估 用户研究包括定量研究和定性研究
基本概念介绍
交互设计：是一种如何让产品易用，有效而让人使用产品的过程变得愉悦的技术
也是用户体验的基础决定因素；
交互元素： 控件 界面构架 操作流程 逻辑
表现媒介： 界面 界面交替过程 软件语言
基本概念介绍
视觉设计：是针对眼睛官能的主观形式的表现手段和结果
是用户体验的第一窗口；
视觉元素：色彩，质感，造型元素
表现媒介：LOGO，界面，网站，宣传品
1.基本概念介绍
22..用用户户体体验验设设计计流流程程和和方方法法介介绍绍
进行数据筛选
发布
开发版测试
收集用户反馈 修复bug 优化流程
开发版测试 页面切割
发布 跟踪
技术 实现
视觉 设计
（评审）创意设计 设计实现 界面实现
完成后续设计
GUI评审 方案确定
修改
评审
视觉
界面布局、 文字及相关 确定及设计
评审
收集历史数据输 出数据报告
用户使用场景分 析建立用户模型
需求评审出 需求文档
3.一些设计原则
用户体验设计流程简述
• 体验设计三元素： 任务 角色 场景 也是检验用户体验设计是否完整的三要素。
• 关键点： • 明确任务 • 划分角色 • 穷举场景
场景 任务
角色
用户体验设计流程
调研：UE测试
提升：产品策划 建议
用研
出用户体验报告
需求调研 竞品分析
收集用户操作数据 检查各个反馈渠道
制作高保 真原型
评审 内部 评审
修改
用户体验设计的方法
1.基本概念介绍
2.用户体验设计流程和方法介绍
33..一一些些设设计计原原则则
一些设计原则
产品需求设计
• 口碑传播 • 少即是多 • 兼容性 • 无所不用其极 • 关注性能和速度 • 抓住高端用户 • 大气的设计 • 满足用户个性化
需求 • 寻求差异
交互设计
• Don't make me think
• 符合用户习惯与 预期
• 做适时的提醒 • 不强迫用户 • 选择最佳方案 • 操作便利
视觉设计
• 传播产品理念 • 大气成熟，干净
整洁，工具化 • 规范与统一 • 重点突出 • 防止不恰当的低
龄化
运营式研发
• 不稳定会“功亏 一篑”
• 跟踪用户定位问 题
– 工业设计是十八世纪大工业革命的产物
– 二战时期，技术革命促进人类功效学发展：“为适应人的设计”转移到“为工作的人 的设计” （武器装备上）。人类功效学（人机工程学）是用户体验的前身
– 二战后，工程学研究转移到扩大人的思维力量设计
– 今天，信息产业革命时代，把用户体验提到最高的位置
基本概念介绍
• 用户体验的变迁：
• CE：Customer Engagement 用户参与 • UED : User Experience Design 用户体验设计 • UCD : User-Centered Design 以用户为中心的设计
基本概念介绍
• 用户体验的一点点历史
– 十八世纪以前的手工业——以贵族为中心的设计诞生
光标（焦点）的切换是否符合系统标准和规范
加速键设置符合系统标准
文字与标点符号使用符合标准
提示用语一致 称谓一致 菜单与命令用语一致 字体，标点符号格式一致 产品及功能名称一致 同一功能的图标运用一致 同一颜色表意一致 同一图形表意一致
不使用错别字 标点符号 语法
产品可用性设计评审准则
可防止错误，有效的指引/帮助用户避免错误 容易获得帮助信息，并帮助资料准确易懂，容易检阅 导向性 使用指示信息足够，说明性的描述或标题准确易懂 用户可输入信息的位置和格式清晰 文字、图标表达清晰，易懂，并与任务直接相关
交互
交互分析 概念原型交互设计（评审） 详细交互设计（评审）
需求 分析
视觉 创意
功能流程整理 出功能流程图
交互 概念 设计
可用 性评
估
使用场景流程出 使用场景流程图
流程图 出产品流程图
制作低保真原型
交互 原型 设计
专家评审 修改
确定交互方式
内部评审
出交互结果方案 出交互设计方案
评审
修改
出创意方案 确定风格设计
产品可用性设计评审准则
界面布局可以自适应于不同分辨率
可定制
界面布局可以自适应于不同系统字体 大小
满足控制欲望
界面布局可以自适应于不同语言版本 可选择 可以灵活使用和控制 容易纠正错误或取消错误操作 综合考虑初级用户与高级用户的需求 可扩展性
产品可用性设计评审准则
给用户反馈 尊重用户习惯 精简
准确性 及时性 指导性 符合预期 用户操作习惯 系统习惯 视觉习惯 用语习惯 行业习惯 尽量少的操作步骤 最必要的信息要足够，而且重要信息突出 必要信息与非必要信息之间的主次关系明显 最适合的默认配置
信息组织具有逻辑性，不同类型的信息区分清晰
始终反馈目前用户状态
菜单分组是否合理 主要界面信息分类是否符合 逻辑 按钮分布是否符合逻辑
Q&A
Thanks!
知识回顾 Knowledge Review
目标的转移 为贵族设计——为生产设计——为战争设计——为民用设计
主题的改变 形式——功能——效率——环境——思维——情感
基本概念介绍
• 体验层次的分解
品牌 视觉 设计 交互 设计 功能 设计
一直用 喜欢用 好用
可以用
基本概念介绍
• 可用性：是评估用户界面是否容易使用，高效并是否让人感到满意的一种属性。 • 可用性和实用性是同样重要。 • 可用性研究在生活中无处不在，存在各行各业中。
目录
• 基本概念介绍 • 用户体验设计流程与方法 • 一些设计原则 • Q&A
1.基本概念介绍 2.用户体验设计流程和方法介绍
3.一些设计原则
先看两个案例
基本概念介绍
• 用户体验 ： 是指用户在使用一个产品(服务)的过程中建立起来的心理感受，这是 一种纯主观的个人感受。 英文叫做User Experience，缩写为UE, 或者UX
• 抗灾容灾能力
产品可用性设计评审准则
统一性和标准性 导向型 满足控制欲望 给用户反馈 尊重用户习惯 精简
ຫໍສະໝຸດ Baidu
产品可用性设计评审准则
语言表述统一
图标，图形表述统一 统
一
性 和
整个产品的控件或组件保持一致
标 准
通用快捷键与系统保持一致
性
控件和组件使用符合系统标准和规范
图标以及颜色使用符合国际标准和规范
基本概念介绍
• 用户研究：帮助了解我们的用户，科学评估产品体验的好坏。
• 具体工作包括：
设计前期，用户特征分析（用户使用场景分析+用户建模） 设计中期，概念测试，可用性评估 发布前后，综合评估 用户研究包括定量研究和定性研究
基本概念介绍
交互设计：是一种如何让产品易用，有效而让人使用产品的过程变得愉悦的技术
也是用户体验的基础决定因素；
交互元素： 控件 界面构架 操作流程 逻辑
表现媒介： 界面 界面交替过程 软件语言
基本概念介绍
视觉设计：是针对眼睛官能的主观形式的表现手段和结果
是用户体验的第一窗口；
视觉元素：色彩，质感，造型元素
表现媒介：LOGO，界面，网站，宣传品
1.基本概念介绍
22..用用户户体体验验设设计计流流程程和和方方法法介介绍绍
进行数据筛选
发布
开发版测试
收集用户反馈 修复bug 优化流程
开发版测试 页面切割
发布 跟踪
技术 实现
视觉 设计
（评审）创意设计 设计实现 界面实现
完成后续设计
GUI评审 方案确定
修改
评审
视觉
界面布局、 文字及相关 确定及设计
评审
收集历史数据输 出数据报告
用户使用场景分 析建立用户模型
需求评审出 需求文档
3.一些设计原则
用户体验设计流程简述
• 体验设计三元素： 任务 角色 场景 也是检验用户体验设计是否完整的三要素。
• 关键点： • 明确任务 • 划分角色 • 穷举场景
场景 任务
角色
用户体验设计流程
调研：UE测试
提升：产品策划 建议
用研
出用户体验报告
需求调研 竞品分析
收集用户操作数据 检查各个反馈渠道
制作高保 真原型
评审 内部 评审
修改
用户体验设计的方法
1.基本概念介绍
2.用户体验设计流程和方法介绍
33..一一些些设设计计原原则则
一些设计原则
产品需求设计
• 口碑传播 • 少即是多 • 兼容性 • 无所不用其极 • 关注性能和速度 • 抓住高端用户 • 大气的设计 • 满足用户个性化
需求 • 寻求差异
交互设计
• Don't make me think
• 符合用户习惯与 预期
• 做适时的提醒 • 不强迫用户 • 选择最佳方案 • 操作便利
视觉设计
• 传播产品理念 • 大气成熟，干净
整洁，工具化 • 规范与统一 • 重点突出 • 防止不恰当的低
龄化
运营式研发
• 不稳定会“功亏 一篑”
• 跟踪用户定位问 题
– 工业设计是十八世纪大工业革命的产物
– 二战时期，技术革命促进人类功效学发展：“为适应人的设计”转移到“为工作的人 的设计” （武器装备上）。人类功效学（人机工程学）是用户体验的前身
– 二战后，工程学研究转移到扩大人的思维力量设计
– 今天，信息产业革命时代，把用户体验提到最高的位置
基本概念介绍
• 用户体验的变迁：