O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
UX设计基础流程分析基于用户行为流程分析的UX设计吴卓浩,用户体验总监2012-03-09
你参与的产品开发流程是…?
你参与的产品开发流程是…?
你参与的产品开发流程是…?
UX设计的流程分析
以系统、抽象直观的图示,全面呈现和分析用户与产品的关系,并发现潜在的创新突破点。    UX设计的流程分析
从主任务开始,       用带有方向箭全面列出用户             头的线连接各可能的行为         个行为节点                分析、验证这              标出产品中不些节点与连接       ...
从主任务开始, 用带有方向箭全面列出用户    头的线连接各可能的行为     个行为节点                     啊!产品中没考虑到                     这几个用户行为点…                 ...
从主任务开始, 用带有方向箭全面列出用户             头的线连接各可能的行为              个行为节点         在手机浏览器上看到好图,分享到微博                                 ...
普通流程图 VS UX流程图
Yes or点击ABC        No 步骤         判断          连接(用动词)                (单向或双向)        UX流程图的基础元素
案例分析:谷歌地图(2008)
• 粗线框表示更重要• 虚线框表示尚未有  功能对应             建立节点、连线,补全
Logo   案例分析:谷歌问答(2006)
复杂情况,可以按情景拆分分析
案例分析:谷歌资讯(2009)
配合产品数据做分析更有效
案例分析:谷歌生活(2007)
发掘产品机会,从全局到细节
<         头像                  王小虎                      联系此人05-04 20:18人人 开心 微博                             …05-04 12:20人人0...
流程分析用于界面规划
案例分析:流程分析不适合用界面线框图
节点全面列出用户在使用产品过程中的行为点    以免错失必要的用户与产品交互点连线单向或双向连接任何可能连接的节点      确定交互流程、以及每个界面上的元素                      跨越式连接发现创新机会权重设定主任务,优...
练习选取一个实际产品的小功能入手,  进行UX设计的流程分析
例如:忘记密码
5@chuangxin.comweibo.com/uxworks流程分析基于用户行为流程分析的UX设计
Próximos SlideShares
Carregando em…5
×

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

2.586 visualizações

Publicada em

Publicada em: Design
  • Seja o primeiro a comentar

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

  1. 1. UX设计基础流程分析基于用户行为流程分析的UX设计吴卓浩,用户体验总监2012-03-09
  2. 2. 你参与的产品开发流程是…?
  3. 3. 你参与的产品开发流程是…?
  4. 4. 你参与的产品开发流程是…?
  5. 5. UX设计的流程分析
  6. 6. 以系统、抽象直观的图示,全面呈现和分析用户与产品的关系,并发现潜在的创新突破点。 UX设计的流程分析
  7. 7. 从主任务开始, 用带有方向箭全面列出用户  头的线连接各可能的行为 个行为节点 分析、验证这 标出产品中不些节点与连接  存在的节点和的合理性、重 跨越式连接要性 UX设计的流程分析
  8. 8. 从主任务开始, 用带有方向箭全面列出用户 头的线连接各可能的行为 个行为节点 啊!产品中没考虑到 这几个用户行为点… 好,竞争产品没有考 虑到这几个点,也许 是机会… UX设计的流程分析
  9. 9. 从主任务开始, 用带有方向箭全面列出用户 头的线连接各可能的行为 个行为节点 在手机浏览器上看到好图,分享到微博 按照合乎技术逻辑设 打开微 博应用 新建微 博 贴图 计的解决方案要经过网页上看 保存图 发微博 到图片 片 打开相 选择图 通过微 这么多步,但是从用 册 片 博分享 户行为的角度其实可 以直接连通… 通过微博分享 UX设计的流程分析
  10. 10. 普通流程图 VS UX流程图
  11. 11. Yes or点击ABC No 步骤 判断 连接(用动词) (单向或双向) UX流程图的基础元素
  12. 12. 案例分析:谷歌地图(2008)
  13. 13. • 粗线框表示更重要• 虚线框表示尚未有 功能对应 建立节点、连线,补全
  14. 14. Logo 案例分析:谷歌问答(2006)
  15. 15. 复杂情况,可以按情景拆分分析
  16. 16. 案例分析:谷歌资讯(2009)
  17. 17. 配合产品数据做分析更有效
  18. 18. 案例分析:谷歌生活(2007)
  19. 19. 发掘产品机会,从全局到细节
  20. 20. < 头像 王小虎 联系此人05-04 20:18人人 开心 微博 …05-04 12:20人人05-04 10:35人人 案例分析:点心SNS(2010)
  21. 21. 流程分析用于界面规划
  22. 22. 案例分析:流程分析不适合用界面线框图
  23. 23. 节点全面列出用户在使用产品过程中的行为点 以免错失必要的用户与产品交互点连线单向或双向连接任何可能连接的节点 确定交互流程、以及每个界面上的元素 跨越式连接发现创新机会权重设定主任务,优化主任务上的节点和连线 要优化全局,必须分清主次修正利用用户研究或产品运行的数据,对节点、 初步设定的权重必须以数据支持和修正连线和权重进行修正界面规划相应的界面结构及交互流程 这时的界面规划变得异常清晰 回顾:UX设计的流程分析
  24. 24. 练习选取一个实际产品的小功能入手, 进行UX设计的流程分析
  25. 25. 例如:忘记密码
  26. 26. 5@chuangxin.comweibo.com/uxworks流程分析基于用户行为流程分析的UX设计

×