SlideShare una empresa de Scribd logo
1 de 26
Descargar para leer sin conexión
UX设计基础




流程分析
基于用户行为流程分析的UX设计


吴卓浩,用户体验总监
2012-03-09
你参与的产品开发流程是…?
你参与的产品开发流程是…?
你参与的产品开发流程是…?
UX设计的流程分析
以系统、抽象直观的图示,
全面呈现和分析用户与产品的关系,
并发现潜在的创新突破点。




    UX设计的流程分析
从主任务开始,       用带有方向箭
全面列出用户
             头的线连接各
可能的行为         个行为节点




                
分析、验证这
              标出产品中不
些节点与连接       存在的节点和
的合理性、重
              跨越式连接
要性



     UX设计的流程分析
从主任务开始, 用带有方向箭
全面列出用户    头的线连接各
可能的行为     个行为节点


                     啊!产品中没考虑到
                     这几个用户行为点…

                     好,竞争产品没有考
                     虑到这几个点,也许
                     是机会…




         UX设计的流程分析
从主任务开始, 用带有方向箭
全面列出用户             头的线连接各
可能的行为              个行为节点

         在手机浏览器上看到好图,分享到微博


                                         按照合乎技术逻辑设
             打开微
             博应用
                    新建微
                     博
                             贴图          计的解决方案要经过
网页上看   保存图                         发微博
 到图片    片
             打开相    选择图      通过微         这么多步,但是从用
              册      片       博分享
                                         户行为的角度其实可
                                         以直接连通…
               通过微博分享




             UX设计的流程分析
普通流程图 VS UX流程图
Yes or
点击ABC        No


 步骤         判断          连接
(用动词)                (单向或双向)




        UX流程图的基础元素
案例分析:谷歌地图(2008)
• 粗线框表示更重要
• 虚线框表示尚未有
  功能对应



             建立节点、连线,补全
Logo




   案例分析:谷歌问答(2006)
复杂情况,可以按情景拆分分析
案例分析:谷歌资讯(2009)
配合产品数据做分析更有效
案例分析:谷歌生活(2007)
发掘产品机会,从全局到细节
<         头像
                  王小虎
                      联系此人




05-04 20:18人人 开心 微博




                             …
05-04 12:20人人




05-04 10:35人人




         案例分析:点心SNS(2010)
流程分析用于界面规划
案例分析:流程分析不适合用界面线框图
节点
全面列出用户在使用产品过程中的行为点    以免错失必要的用户与产品交互点


连线
单向或双向连接任何可能连接的节点      确定交互流程、以及每个界面上的元素
                      跨越式连接发现创新机会
权重
设定主任务,优化主任务上的节点和连线    要优化全局,必须分清主次


修正
利用用户研究或产品运行的数据,对节点、   初步设定的权重必须以数据支持和修正
连线和权重进行修正


界面
规划相应的界面结构及交互流程        这时的界面规划变得异常清晰




       回顾:UX设计的流程分析
练习
选取一个实际产品的小功能入手,
  进行UX设计的流程分析
例如:忘记密码
5@chuangxin.com
weibo.com/uxworks


流程分析
基于用户行为流程分析的UX设计

Más contenido relacionado

Similar a UX设计基础 流程分析 2012-03

資策會 從洞察需求到交互原型溝通
資策會 從洞察需求到交互原型溝通資策會 從洞察需求到交互原型溝通
資策會 從洞察需求到交互原型溝通Gainshin Hsiao
 
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)彭其捷 Jack
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀Miya Chang
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 
Week2.how to cooporeate with it
Week2.how to cooporeate with itWeek2.how to cooporeate with it
Week2.how to cooporeate with itditl
 
How to cooporeate with IT partners from a designer's viewpoint
How to cooporeate with IT partners from a designer's viewpointHow to cooporeate with IT partners from a designer's viewpoint
How to cooporeate with IT partners from a designer's viewpointNTUST
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Tim Xia
 
Agile UX is good, but can be better
Agile UX is good, but can be betterAgile UX is good, but can be better
Agile UX is good, but can be betterJen-Chieh Ko
 
financial innovation_20210518
financial innovation_20210518financial innovation_20210518
financial innovation_20210518Winny Wang
 
产品设计与用户体验 马化腾
产品设计与用户体验  马化腾产品设计与用户体验  马化腾
产品设计与用户体验 马化腾guest68aa1e9
 
产品设计与用户体验
产品设计与用户体验产品设计与用户体验
产品设计与用户体验eRay Jiang
 
产品设计与用户体验 马化腾
产品设计与用户体验  马化腾产品设计与用户体验  马化腾
产品设计与用户体验 马化腾guest1db187b
 
马化腾的用户体验
马化腾的用户体验马化腾的用户体验
马化腾的用户体验yihuixue
 
产品设计与用户体验 -马化腾
产品设计与用户体验 -马化腾产品设计与用户体验 -马化腾
产品设计与用户体验 -马化腾Cheung
 
产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)GameLook .com
 
产品设计与用户体验 - 马化腾
产品设计与用户体验 - 马化腾产品设计与用户体验 - 马化腾
产品设计与用户体验 - 马化腾zhuxiongjie
 
产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)Alan Cai
 

Similar a UX设计基础 流程分析 2012-03 (20)

資策會 從洞察需求到交互原型溝通
資策會 從洞察需求到交互原型溝通資策會 從洞察需求到交互原型溝通
資策會 從洞察需求到交互原型溝通
 
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)
 
UiGathering Talk - Motion User Interface / by Ivan Wei
UiGathering Talk - Motion User Interface / by Ivan WeiUiGathering Talk - Motion User Interface / by Ivan Wei
UiGathering Talk - Motion User Interface / by Ivan Wei
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
Week2.how to cooporeate with it
Week2.how to cooporeate with itWeek2.how to cooporeate with it
Week2.how to cooporeate with it
 
How to cooporeate with IT partners from a designer's viewpoint
How to cooporeate with IT partners from a designer's viewpointHow to cooporeate with IT partners from a designer's viewpoint
How to cooporeate with IT partners from a designer's viewpoint
 
From UX to Product
From UX to ProductFrom UX to Product
From UX to Product
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
 
Agile UX is good, but can be better
Agile UX is good, but can be betterAgile UX is good, but can be better
Agile UX is good, but can be better
 
financial innovation_20210518
financial innovation_20210518financial innovation_20210518
financial innovation_20210518
 
产品设计与用户体验 马化腾
产品设计与用户体验  马化腾产品设计与用户体验  马化腾
产品设计与用户体验 马化腾
 
产品设计与用户体验
产品设计与用户体验产品设计与用户体验
产品设计与用户体验
 
产品设计与用户体验 马化腾
产品设计与用户体验  马化腾产品设计与用户体验  马化腾
产品设计与用户体验 马化腾
 
马化腾的用户体验
马化腾的用户体验马化腾的用户体验
马化腾的用户体验
 
产品设计与用户体验 -马化腾
产品设计与用户体验 -马化腾产品设计与用户体验 -马化腾
产品设计与用户体验 -马化腾
 
产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)
 
产品设计与用户体验 - 马化腾
产品设计与用户体验 - 马化腾产品设计与用户体验 - 马化腾
产品设计与用户体验 - 马化腾
 
产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)
 

Más de John Woo

Design For Startups
Design For StartupsDesign For Startups
Design For StartupsJohn Woo
 
基于数据的用户体验设计 2012-02
基于数据的用户体验设计 2012-02基于数据的用户体验设计 2012-02
基于数据的用户体验设计 2012-02John Woo
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12John Woo
 
用户体验竞争力 2011-10
用户体验竞争力 2011-10用户体验竞争力 2011-10
用户体验竞争力 2011-10John Woo
 
和用户一起做设计的时代 2011-09
和用户一起做设计的时代 2011-09和用户一起做设计的时代 2011-09
和用户一起做设计的时代 2011-09John Woo
 
孵化用户体验力量 2011-08
孵化用户体验力量 2011-08孵化用户体验力量 2011-08
孵化用户体验力量 2011-08John Woo
 
和用户一起做设计 2011-07
和用户一起做设计 2011-07和用户一起做设计 2011-07
和用户一起做设计 2011-07John Woo
 
生活中的用户体验 @清华2011-05-07
生活中的用户体验 @清华2011-05-07生活中的用户体验 @清华2011-05-07
生活中的用户体验 @清华2011-05-07John Woo
 

Más de John Woo (8)

Design For Startups
Design For StartupsDesign For Startups
Design For Startups
 
基于数据的用户体验设计 2012-02
基于数据的用户体验设计 2012-02基于数据的用户体验设计 2012-02
基于数据的用户体验设计 2012-02
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12
 
用户体验竞争力 2011-10
用户体验竞争力 2011-10用户体验竞争力 2011-10
用户体验竞争力 2011-10
 
和用户一起做设计的时代 2011-09
和用户一起做设计的时代 2011-09和用户一起做设计的时代 2011-09
和用户一起做设计的时代 2011-09
 
孵化用户体验力量 2011-08
孵化用户体验力量 2011-08孵化用户体验力量 2011-08
孵化用户体验力量 2011-08
 
和用户一起做设计 2011-07
和用户一起做设计 2011-07和用户一起做设计 2011-07
和用户一起做设计 2011-07
 
生活中的用户体验 @清华2011-05-07
生活中的用户体验 @清华2011-05-07生活中的用户体验 @清华2011-05-07
生活中的用户体验 @清华2011-05-07
 

UX设计基础 流程分析 2012-03