SlideShare a Scribd company logo
1 of 47
Download to read offline
UX体验设计践⾏行行之路路
2019 UCF体验设计开放⽇日-D1/期
01/
设计学涵盖哪些范畴
02/
UX⽤用户体验设计基础认知
03/
UX 体验设计的奥秘-解读体验设计的6个阶段
⽬录
01/ 设计涵盖哪些范畴?
Do or plan something with a specific purpose in mind
有⽬目的地去做或者计划某事
狭义上的设计:主要是指“现代设计”,指设计师有⽬目标有计划的进⾏行行
技术性的创作与创意活动。设计的任务不不只是为⽣生活和商业服务,同
时也伴有艺术性的创作。
设计
有⽬目的的创作⾏行行为
1.1 什什么是设计?
1.2 设计学领域涵盖哪些范畴?
建筑设计
视
觉传达
设
其他⼯工业设计
建筑设计
建筑设计
环境设计
室内设计
景观园林林设计
视觉传达设计
平⾯面设计
包装设计
品牌设计
数字媒体/多媒体
设计
互动设计
⼯工业设计
产品设计
交互设计
服务设计与创新
系统设计
服务设计与创新设计
其他
服装设计
装饰艺术
动画设计/三维
游戏设计
⼯工艺美术
02/ UX 体验设计是什么?
“UX”或“⽤用户体验”是⽤用户使⽤用特定产品或服务时的感受。它包括各种各
样的感觉,包括情感、感觉和身体的互动。
“UX”, or “user experience”, is how a user feels when they use a
specific product or service. It encompasses a variety of feelings
including emotion, senses, and physical interaction.
UX
https://www.youtube.com/watch?v=9BdtGjoIN4E
Don Norman: The term "UX"
两个按钮的故事
⼀一个按钮引发的核
融汇事件
吉⽶米卡特总统正在三⾥里里岛2号(TMI-2)控制室巡视
事件:三⾥里里岛事故核熔毁事件
时间1979年年
地点:美国宾夕法尼亚州
美国商业核电站历史上最严重的事故,在7点国际
核事件量量表中被评为“5”
林林肯公司全球汽⻋车
召回事件
事件:2015年年,美国品牌林林肯的13574辆汽⻋车被召
回
原因:驾驶员在全速⾏行行驶时不不⼩小⼼心按下了了汽⻋车的启
动/停⽌止按钮
体验设计领域设计师⻆角⾊色划分有哪些?
创意型设计师
视觉设计师、插图设计
师、多媒体动效、三维设计
师、品牌设计师…
UX体验设计
师
AI 智能设计师、UR⽤用户研
究、交互设计师、UI设计
师、UX体验设计、全链
路路设计师/服务设计
师等
创意 多元化
计算设计师
创意设计师
体验设计师
动效设计师
品牌设计师
交互设计师
⼈人
⼯工智能
设
视觉设计师
⽤用户研究员
三
维设计师
空
插图设计师
UI设计师
⼯工业设计师
服务设计师
03/ UX 体验设计的奥秘
• 理理解 Understand
• 调研 Research
• 分析 Analyze
• 设计 Design
• 发布 Launch
• 分析/迭代 Analyze again
UX体验设计过程认
知
https://www.youtube.com/watch?v=Um3BhY0oS2c
Stage 1: 理解 Understand
您试图为您的⽤用户解决什什么问题?你想解决什什么问题?为什什
么你是那个有答案的⼈人?
What issue are you trying to solve for your user? What
problem are you trying to solve? And why are you the one
with the answers?
⽤用 户
Your user
公司的价值观和使命是什什么?这个项⽬目是如何实现这个⽬目标的?现在是贵公
司推⾏行行这个项⽬目的合适时机吗?
What are your company’s values and mission? How does this project
contribute to that goal? Is this the right time for your company to be
pursuing this project?
品牌
Your brand
Stage 2: ⽤户研究 Research
⽤用户研究的常⽤用⽅方法
Interview
⽤用户访谈
Focus group
焦点⼩小组
Surveys
问卷
Usability
testing
可⽤用性测试
⽤用户研究的其他⽅方法
Additional methods
• A/B testing
• Surveys (in-person, email,
web based, etc.)
• Click analysis
• Diary studies
• Eye tracking
• Task time studies
Stage 3: 分析 Analyze
3.1⽤用户画像
⽤用户画像包含哪些基本信息
• ⽤用户⽬目标 Goals
• 背景 Background
• 年年龄 Age
• 性别 Gender
• ⾏行行为Behaviors
• 消费习惯 Spending habits
• 痛点 Pain points
• 需求 Needs
通过⽤用户画像-我们能获得?
你的⽤用户
Your user
他们是谁
Who they are
他们是什什么样的?What
they like
他们的痛点
是哪些?
What their pain
points are
3.2 ⽤用户体验地图 Experience Map
⽤用户体验地图 Experience Map
节点1
头像
情景 ⽬标与动机
机会点 机会点 机会点 机会点 机会点
⽤用户画像
⽤用户体验
⽤用户洞洞察
节点1 节点1 节点1 节点1
Stage 4: 设计 Design
4.1 交互设计-原型图
线框设计使早期发现可⽤用性问题更更加容易易
“Wireframing makes it easier to spot usability
issues early on”
4.2 UI设计阶段
前期设计⻛风格的制定-情绪版的使⽤用
“A mood board is a collection of like-minded
design examples, organized and presented
to accomplish a task.” 情绪版的使⽤用
BBC CONCEPT DESIGN
BBC概念设计&设计规范
BBC CONCEPT DESIGN
UI设计⻛风格指导/控件规范
STYLE GUIDES & UI KITS
GOV.UK 的设计指导
GOV.UK elements
This guide shows how to make GOV.UK service look consistent
with the rest of GOV.UK.
Stage 5: 发版上线 Launch
⽤用户可⽤用性测
试
User Testing
Beta版发布
Beta launch
内部测试
Internal Testing
Stage 6: 分析迭代 Analyze (again)
EYE-TRACKING STUDIES
眼动仪测试
USABILITY TESTING
可⽤性测试
AB TEST
AB测试
COMPETITOR ANALYSIS TEST
竞品分析
BENCHMARKING
标杆分析法
谢谢!

More Related Content

Similar to 6 stage in ux design

Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Rice Tseng
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Tim Xia
 
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)Ian Jang
 
设计流程的构成、方法与验证
设计流程的构成、方法与验证设计流程的构成、方法与验证
设计流程的构成、方法与验证Cary Yang
 
設計思考讀書會: 一些很少人在談的東西 深入服務設計思考
設計思考讀書會: 一些很少人在談的東西 深入服務設計思考 設計思考讀書會: 一些很少人在談的東西 深入服務設計思考
設計思考讀書會: 一些很少人在談的東西 深入服務設計思考 小均 張
 
交互设计禅意花园
交互设计禅意花园交互设计禅意花园
交互设计禅意花园Alite Yu
 
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远IxDC
 
介面設計相關職缺完整解析
介面設計相關職缺完整解析介面設計相關職缺完整解析
介面設計相關職缺完整解析Jun-I Wu
 
用户体验
用户体验用户体验
用户体验hanzi1127
 
交互设计模式创新
交互设计模式创新交互设计模式创新
交互设计模式创新Alite Yu
 
用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度SealTseng
 
如何进行交互设计
如何进行交互设计如何进行交互设计
如何进行交互设计Zumei Wu
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀Miya Chang
 
設計思潮研究 103588516吳孟麟
設計思潮研究 103588516吳孟麟設計思潮研究 103588516吳孟麟
設計思潮研究 103588516吳孟麟Eddie Wu
 
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC
 
Agile summit 2018
Agile summit 2018Agile summit 2018
Agile summit 2018Nor chen
 
Andre Wei's portfolio
Andre Wei's portfolioAndre Wei's portfolio
Andre Wei's portfolioandrewei
 
使用者體驗創新UXID
使用者體驗創新UXID使用者體驗創新UXID
使用者體驗創新UXIDCPCRDI
 

Similar to 6 stage in ux design (20)

Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
 
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
 
设计流程的构成、方法与验证
设计流程的构成、方法与验证设计流程的构成、方法与验证
设计流程的构成、方法与验证
 
設計思考讀書會: 一些很少人在談的東西 深入服務設計思考
設計思考讀書會: 一些很少人在談的東西 深入服務設計思考 設計思考讀書會: 一些很少人在談的東西 深入服務設計思考
設計思考讀書會: 一些很少人在談的東西 深入服務設計思考
 
交互设计禅意花园
交互设计禅意花园交互设计禅意花园
交互设计禅意花园
 
情绪版
情绪版情绪版
情绪版
 
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
 
介面設計相關職缺完整解析
介面設計相關職缺完整解析介面設計相關職缺完整解析
介面設計相關職缺完整解析
 
用户体验
用户体验用户体验
用户体验
 
交互设计模式创新
交互设计模式创新交互设计模式创新
交互设计模式创新
 
Ux for ym
Ux for ymUx for ym
Ux for ym
 
用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度
 
如何进行交互设计
如何进行交互设计如何进行交互设计
如何进行交互设计
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
 
設計思潮研究 103588516吳孟麟
設計思潮研究 103588516吳孟麟設計思潮研究 103588516吳孟麟
設計思潮研究 103588516吳孟麟
 
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
 
Agile summit 2018
Agile summit 2018Agile summit 2018
Agile summit 2018
 
Andre Wei's portfolio
Andre Wei's portfolioAndre Wei's portfolio
Andre Wei's portfolio
 
使用者體驗創新UXID
使用者體驗創新UXID使用者體驗創新UXID
使用者體驗創新UXID
 

6 stage in ux design