用户体验与交互设计                淘宝北京UED                   慧色             huise@taobao.com2011/6/9
What IS Ux?
定义:用户体验,我们这里主要是指所谓的“客户体验”,指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来使用。他们能够忍受的问题,疑惑和BUG的程度。原文:the user experience, ...
用户谁是用户认识用户
BOSS ABOSS BBOSS C   给你压力人是用户?
谁?
商业技术        用户
关于用户的几句话Multipledecisionmadeinseconds   往往决定点击是在快在一秒内的事儿              用户是懒惰的Uesr arelazyUseralwaysgiveup,they...
用户体验是竞争力商业竞争通常有三大动力:商业模式、技术、用户体验当前两者基本没有太大差距的时候,用户体验是最激烈战场.
用户体验要素                          情感因素功能性         有用的      易用的          创造性的            有价值的      可靠的          渴望的          ...
用户体验评估• 任务     • 满意度 耗时       初体验 完成率      可学性 出错率      功能 帮助有效性    易用          速度          可靠性          综合性
What isInteraction Design?
定义:交互设计试图提高产品或系统的可用性和用户体验。它首先研究、了解某类用户的需求,然后再通过设计来满足甚至超出用户的需求。随着产品和操作变得越来越复杂,越需要用户掌握更多新技能,因此设计师面临更大的挑战如何能帮助用户提高效率。通常,新技术对于...
?   多    少    更少      !    探索         评估             聚焦& 设计
产品瀑布流程     调查             设计           开发            运营          MRDPRD评审 设计评审 UC评审 测试用例   检查概念        定义       设计  ...
交互设计方法任务分析   导航设计页面布局原型设计   交互说明
任务分析与产品经理、运营方会议沟通并阅读理解PRD,转化产品需求为产品交互任务分析。任务流程(思维导图、流程图)任务列表(树形结构)
思维导图
流程图描述用户特定任务的操作步骤,理清用户的操作步骤,对整个任务的全面了解,与其他部门沟通的有效工具,方便对工作量的预估
任务列表1、卖家申请加入淘宝虚拟大额交易平台  a、申请条件不具备  (3条分支:B卖家 非C卖家 1个月内退出过平台)  b、符合申请符合   签署淘宝虚拟大额交易协议   查看平台宝贝价格    签署支付宝代扣协议,提交平台预缴金    入...
导航设计导航设计是交互设计中的关键, 导航设计目的是把复的信息和页面经过组织清晰的展现给用户。要让用户清楚自己处在的位置,自己可以访问那里。导航设计决定了整个产品操作逻辑与页面关系。常见导航有:全局导航辅助导航面包屑
页面布局根据前面的任务分析与导航设计,选则适合当前产品的页面布局,把细碎的功能与导航粗略的排放进页面内。常用的布局:两列三列
页面布局范例
原型设计原型设计是交互设计中比较重要的产出物,在确认的布局中添加功能模块细节的交互的形式。原型设计是交互设计师与产品经理、开发工程师、QA沟 通的最好工具。原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。原型分为高保原型...
低保原型(线框图)            常用
设计说明标明页面里操作的各种交互状态说明,让视觉设计师、开发工程师可对照交互产出物更好的理解开发产品。
交互设计指南任务可被完成符合用户习惯适时帮助提醒、反馈操作一致特殊人群
任务可被完成     看不到
符合用户习惯
熟悉程度、学习成本成反比           学习成本  0  20 40 60 80 100                                       熟悉程度       0    20    40   60   80  ...
适时帮助提醒、反馈 点击传播确定后,没有确认反馈,看不到传播后的结果。
操作一致
帮助从错误中恢复
自动完成提高用户效率
特殊人群
设计价值2011/6/9
航意险 ‐‐ Q3数据                  成交金额   收入金额    交易额    ××××    ××××    ××××    ××××    ××××    ××××    ××××     Q2总收入***万,Q3总收...
航意险 ‐‐ Q3数据                    航意险交叉销售率           50.00%                               机票组新人送           45.00%            ...
淘数据http://dw.taobao.ali.com/哈勃http://monitor.taobao.com/量子统计
UE平台http://wf.taobao.org/new/ue/question客服团队卖家买家反馈(旺旺/论坛/访谈/问卷)
指南组件                                  组件话可提升工作效率http://twiki.corp.taobao.com/bin/view/Taobao_DP/DPDevelop/Turtle/Ins_New  ...
给设计师的9句话用户体验是商业、技术、用户三方面交集设计不仅是为了视觉美观抓住产品的关键点要解决问题数据、用户的反馈是启示而非驱动尊重用户的习惯设计允许犯错 ,快速迭代的设计做减法设计,更多的功能并不是用户所期待的简单很难,所以我们更要坚持简单
2本书About Face 2.0   Don’t make me think
Q &A
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
Upcoming SlideShare
Loading in...5
×

《用户体验与交互设计》慧色

2,766

Published on

用户体验、交互设计基础,淘宝北京UED出品,讲师慧色

Published in: Design
1 Comment
4 Likes
Statistics
Notes
  • Thanks for sharing. Useful!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
2,766
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
177
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

《用户体验与交互设计》慧色

  1. 1. 用户体验与交互设计 淘宝北京UED 慧色 huise@taobao.com2011/6/9
  2. 2. What IS Ux?
  3. 3. 定义:用户体验,我们这里主要是指所谓的“客户体验”,指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来使用。他们能够忍受的问题,疑惑和BUG的程度。原文:the user experience, mostly called "customer experience" when referring to e-commerce websites; the totality of the experience of a user when visiting a website. Their impressions and feelings. Whether theyre successful. Whether they enjoy themselves. Whether they feel like coming back again. The extent to which they encounter problems, confusions, and bugs.
  4. 4. 用户谁是用户认识用户
  5. 5. BOSS ABOSS BBOSS C 给你压力人是用户?
  6. 6. 谁?
  7. 7. 商业技术 用户
  8. 8. 关于用户的几句话Multipledecisionmadeinseconds 往往决定点击是在快在一秒内的事儿 用户是懒惰的Uesr arelazyUseralwaysgiveup,theyhavemuchmorechoice 用户喜欢放弃 他们有更多选择 用户在点击之前不进行必要的阅读Uesr don’tnecessarilyreadbeforetheyclick
  9. 9. 用户体验是竞争力商业竞争通常有三大动力:商业模式、技术、用户体验当前两者基本没有太大差距的时候,用户体验是最激烈战场.
  10. 10. 用户体验要素 情感因素功能性 有用的 易用的 创造性的 有价值的 可靠的 渴望的 可发现的
  11. 11. 用户体验评估• 任务 • 满意度 耗时 初体验 完成率 可学性 出错率 功能 帮助有效性 易用 速度 可靠性 综合性
  12. 12. What isInteraction Design?
  13. 13. 定义:交互设计试图提高产品或系统的可用性和用户体验。它首先研究、了解某类用户的需求,然后再通过设计来满足甚至超出用户的需求。随着产品和操作变得越来越复杂,越需要用户掌握更多新技能,因此设计师面临更大的挑战如何能帮助用户提高效率。通常,新技术对于目标用户来讲都很复杂。交互设计试图在保证产品功能的同时又能缩短用户的学习曲线,提高任务完成的准确性和效率。这能让用户遇到更少的阻碍,从而能有更高的效率,并感到更加满意。
  14. 14. ? 多 少 更少 ! 探索 评估 聚焦& 设计
  15. 15. 产品瀑布流程 调查 设计 开发 运营 MRDPRD评审 设计评审 UC评审 测试用例 检查概念 定义 设计 检查头脑风暴 人物角色模型 流程图 验收清单市场研究 用户场景 原型(纸、线框、高保、设计说明)情境调查 故事板 视觉 概念导图 内容清单 可用性测试
  16. 16. 交互设计方法任务分析 导航设计页面布局原型设计 交互说明
  17. 17. 任务分析与产品经理、运营方会议沟通并阅读理解PRD,转化产品需求为产品交互任务分析。任务流程(思维导图、流程图)任务列表(树形结构)
  18. 18. 思维导图
  19. 19. 流程图描述用户特定任务的操作步骤,理清用户的操作步骤,对整个任务的全面了解,与其他部门沟通的有效工具,方便对工作量的预估
  20. 20. 任务列表1、卖家申请加入淘宝虚拟大额交易平台 a、申请条件不具备 (3条分支:B卖家 非C卖家 1个月内退出过平台) b、符合申请符合 签署淘宝虚拟大额交易协议 查看平台宝贝价格 签署支付宝代扣协议,提交平台预缴金 入住平台成功2、话费直冲 a、搜索商品 (单一结果、多结果) b、商品价格设置 c、 选择供应商 d、 发布商品 ……..
  21. 21. 导航设计导航设计是交互设计中的关键, 导航设计目的是把复的信息和页面经过组织清晰的展现给用户。要让用户清楚自己处在的位置,自己可以访问那里。导航设计决定了整个产品操作逻辑与页面关系。常见导航有:全局导航辅助导航面包屑
  22. 22. 页面布局根据前面的任务分析与导航设计,选则适合当前产品的页面布局,把细碎的功能与导航粗略的排放进页面内。常用的布局:两列三列
  23. 23. 页面布局范例
  24. 24. 原型设计原型设计是交互设计中比较重要的产出物,在确认的布局中添加功能模块细节的交互的形式。原型设计是交互设计师与产品经理、开发工程师、QA沟 通的最好工具。原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。原型分为高保原型、低保原型(线框图)
  25. 25. 低保原型(线框图) 常用
  26. 26. 设计说明标明页面里操作的各种交互状态说明,让视觉设计师、开发工程师可对照交互产出物更好的理解开发产品。
  27. 27. 交互设计指南任务可被完成符合用户习惯适时帮助提醒、反馈操作一致特殊人群
  28. 28. 任务可被完成 看不到
  29. 29. 符合用户习惯
  30. 30. 熟悉程度、学习成本成反比 学习成本 0 20 40 60 80 100 熟悉程度 0 20 40 60 80 100
  31. 31. 适时帮助提醒、反馈 点击传播确定后,没有确认反馈,看不到传播后的结果。
  32. 32. 操作一致
  33. 33. 帮助从错误中恢复
  34. 34. 自动完成提高用户效率
  35. 35. 特殊人群
  36. 36. 设计价值2011/6/9
  37. 37. 航意险 ‐‐ Q3数据 成交金额 收入金额 交易额 ×××× ×××× ×××× ×××× ×××× ×××× ×××× Q2总收入***万,Q3总收入×××万,+84.7%2011/6/9
  38. 38. 航意险 ‐‐ Q3数据 航意险交叉销售率 50.00% 机票组新人送 45.00% 保险大促活动 40.00% 35.00% 30.00% 25.00% 20.00% Q2日均为28%,Q3日均为37%,+9% 结合提价33%的因素,总共多收入约××万2011/6/9
  39. 39. 淘数据http://dw.taobao.ali.com/哈勃http://monitor.taobao.com/量子统计
  40. 40. UE平台http://wf.taobao.org/new/ue/question客服团队卖家买家反馈(旺旺/论坛/访谈/问卷)
  41. 41. 指南组件 组件话可提升工作效率http://twiki.corp.taobao.com/bin/view/Taobao_DP/DPDevelop/Turtle/Ins_New 指南规范可保证设计的一致性http://taobao‐wd.ns1.name/wiki/doku.php?id=start
  42. 42. 给设计师的9句话用户体验是商业、技术、用户三方面交集设计不仅是为了视觉美观抓住产品的关键点要解决问题数据、用户的反馈是启示而非驱动尊重用户的习惯设计允许犯错 ,快速迭代的设计做减法设计,更多的功能并不是用户所期待的简单很难,所以我们更要坚持简单
  43. 43. 2本书About Face 2.0 Don’t make me think
  44. 44. Q &A
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×