淘宝_用户体验与交互设计

用户
谁是用户 认识用户
BOSS A BOSS B
BOSS C
给你压力人是用户?
谁？
商业
技术
用户
关于用户的几句话
Multiple decision made in seconds Uesr are lazy
往往决定点击是在快在一秒内的事儿
用户是懒惰的
User always give up ,they have much more choice
任务分析 页面布局 原型设计
导航设计
交互说明
任务分析
与产品经理、运营方会议沟通并阅读理解PRD，转化产品需求为产 品交互任务分析。
任务流程（思维导图、流程图） 任务列表（树形结构）
思维导图
流程图
描述用户特定任务的操作步骤,理清用户的操作步骤，对整个任 务的全面了解,与其他部门沟通的有效工具，方便对工作量的预 估
常用的布局： 两列 三列
页面布局范例
原型设计
原型设计是交互设计中比较重要的产出物，在确认的布局中添加功能模块 细节的交互的形式。原型设计是交互设计师与产品经理、开发工程师、QA 沟 通的最好工具。 原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整 个产品。 原型分为高保原型、低保原型（线框图）
结合提价33%的因素，总共多收入约88万
2015/12/17
给设计师的9句话
用户体验是商业、技术、用户三方面交集 设计不仅是为了视觉美观 抓住产品的关键点 要解决问题 数据、用户的反馈是启示而非驱动 尊重用户的习惯 设计允许犯错 ，快速迭代的设计 做减法设计，更多的功能并不是用户所期待的 简单很难，所以我们更要坚持简单
Uesr don’t necessarily read before they click
用户喜欢放弃 他们有更多选择
用户在点击之前不进行必要的阅读
用户体验是竞争力
商业竞争通常有三大动力：商业模式、技术、用户体验 当前两者基本没有太大差距的时候,用户体验是最激烈战场.
用户体验要素
功能性 易用的 有价值的 有用的 创造性的 情感因素
低保原型（线框图）
常用
设计说明
标明页面里操作的各种交互状态说明，让视觉设计师、开发 工程师可对照交互产出物更好的理解开发产品。
交互设计指南
任务可被完成 符合用户习惯 适时帮助提醒、反馈 操作一致 ……….. 特殊人群
任务可被完成
看不到
符合用户习惯
熟悉程度、学习成本成反比
学习成本
2本书
About Face 2.0 Don’t make me think
THX
Q&A
任务列表
1、卖家申请加入淘宝虚拟大额交易平台 a、申请条件不具备 （3条分支:B卖家 非C卖家 1个月内退出过平台） b、符合申请符合 签署淘宝虚拟大额交易协议 查看平台宝贝价格 签署支付宝代扣协议，提交平台预缴金 入住平台成功 2、话费直冲 a、搜索商品 （单一结果、多结果） b、商品价格设置 c、 选择供应商 d、 发布商品 ……..
原文： 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 they're successful. Whether they enjoy themselves. Whether they feel like coming back again. The extent to which they encounter problems, confusions, and bugs.
用户体验与交互设计
淘宝北京UED 慧色 huise@taobao.com
2015/12/17
What IS Ux?
定义： 用户体验，我们这里主要是指所谓的“客户体验”， 指用户访问一个网站或者使用一个产品时的全部体 验。他们的印象和感觉,是否成功，是否享受，是否 还想再来使用。他们能够忍受的问题，疑惑和BUG 的程度。
0 20 40
60
80 100
熟悉程度
0
20 40
60
80
100
适时帮助提醒、反馈
点击传播确定后，没有确认反馈，看不到传播后的结果。
操作一致
帮助从错误中恢复
自动完成提高用户效率
特殊人群
设计价值
2015/12/17
航意险 -- Q3数据
/通用格式 /通用格式 /通用格式 /通用格式 成交金额 收入金额
可靠的
可发现的
ห้องสมุดไป่ตู้
渴望的
用户体验评估
• 任务
耗时 完成率 出错率 帮助有效性
• 满意度
初体验 可学性 功能 易用 可靠性 综合性
What is
Interaction Design?
定义： 交互设计试图提高产品或系统的可用性和用户体验。它首先研究、 了解某类用户的需求，然后再通过设计来满足甚至超出用户的需求。 随着产品和操作变得越来越复杂，越需要用户掌握更多新技能，因 此设计师面临更大的挑战如何能帮助用户提高效率。 通常，新技术对于目标用户来讲都很复杂。交互设计试图在保证产 品功能的同时又能缩短用户的学习曲线，提高任务完成的准确性和 效率。这能让用户遇到更少的阻碍，从而能有更高的效率，并感到 更加满意。
?
多
少
更少
!
探索 评估 聚焦& 设计
产品瀑布流程
调查 设计 开发 运营
MRD 概念 定义
PRD评审 设计评审 UC评审 测试用例 设计
检查 检查
头脑风暴 人物角色模型 市场研究 用户场景 情境调查 故事板 概念导图
流程图 验收清单 原型（纸、线框、高保、设计说明） 视觉 内容清单 可用性测试
交互设计方法
/通用格式
/通用格式 /通用格式 /通用格式 /通用格式
Q2总收入111.4万，Q3总收入205.8万，+84.7%
2015/12/17
航意险 -- Q3数据
航意险交叉销售率
50.00% 45.00% 40.00%
机票组新人送 保险大促活动
35.00%
30.00% 25.00% 20.00%
Q2日均为28%，Q3日均为37%，+9%
导航设计
导航设计是交互设计中的关键, 导航设计目的是把复的信息和 页面经过组织清晰的展现给用户。 要让用户清楚自己处在的位置，自己可以访问那里。 导航设计决定了整个产品操作逻辑与页面关系。
常见导航有： 全局导航 辅助导航 面包屑
页面布局
根据前面的任务分析与导航设计，选则适合当前产品的页面 布局，把细碎的功能与导航粗略的排放进页面内。