阿里巴巴用户体验百家讲堂第7期

1. 体验的历程
@afooli

2. 今天的主题：
• 互联网产品与设计的发展
• 体验设计的思路
• 案例分享：
- 视觉设计
- 交互设计
- 用户研究
- 广告研究与设计
- 文字优化
• 体验设计的体会
• Q&A

3. 1999年 新浪网首页

4. 2002年 中华网首页

5. 2005年 新浪博客首页

6. 2008年 校内网首页

7. 2011年 微博

8. 2011年 移动互联网

9. 问题?
什么是用户体验？

10. 抽象
设计的思路
分析 概念
洞察 图形化
了解 行动
用户 原型
环境 测试
现实
By guoyu: http://hi.bidu.com/madesign

11. 视觉的故事~

12. 视觉引导系统
主
主色 功能色
色
系
辅助色
辅助色
文字色
提 成功提示
示
色 功能、操作及帮助提示
系
一级警示色、激活色
二级警示色

13. 图标指示

14. 产品体系化设计
商务 清晰 清新 一致 精致 和谐

15. 产品体系化设计

16. 动画

17. 交互的故事~
原型 流程图 设计规范

18. 用户研究的故事~

20. VS

21. 角色定义与需求挖掘

22. 行为日志与数据挖掘
1” 1” 45”
打酱油路过？！ 认知有困难？
例行用户调研
围绕搜索、网盟主要产品，开展用户研究
促进设计师对产品的理解、了解用户角色和日常行为
建立客户资料库，分析高低端客户，提炼经验，优化产品设计

23. 文化探针 定性
用户访谈+行为数据
用户访谈 实地研究
可用性测试
参与式设计
焦点小组 眼动实验
卡片分类
目标&态度 行为
自动化可用性测试
问卷调查 网站流量及日志分析
例行用户调研
围绕搜索、网盟主要产品，开展用户研究
促进设计师对产品的理解、了解用户角色和日常行为
A/B测试
定量
建立客户资料库，分析高低端客户，提炼经验，优化产品设计

24. 广告的故事~

25. 1 2
哪个好？
3 4

26. 1
哪个好？
2

28. 消费行为分析
图片来自全景： quanjing.com

29. 转化是一个过程，不仅仅是广告
图片来自全景： quanjing.com

30. 文字的故事~

31. 当年注册一个EBAY的帐户，第三步：
“你只要在你的邮件确认一下你就成功了”
“快要成功了”
提升了10％以上的注册率。

32. 把百度设为首页 or 设百度为首页

33. A
B
左侧首屏 or 左侧前三

34. 信息修改后，点击“提交”，系统会自动提交修改申请，
再审核通过后（会有邮件通知），信息即会更改…

35. 设计是为了让信息更好的传递
图片来自全景： quanjing.com

36. 关亍体验设计的体会

37. T字型人才

38. 掌握原则与规范
一致性原则
模块原则
8/2原则
能辨度原则
信-噪比原则
渐次呈现原则
形式追随功能
包容原则
图标
图片优势效应
邻近原则
对齐

39. 能辨度原则：对比度

40. 善用集体的智慧

41. < End >