体验的历程 @afooli
今天的主题:• 互联网产品与设计的发展• 体验设计的思路• 案例分享:  - 视觉设计  - 交互设计  - 用户研究  - 广告研究与设计  - 文字优化•  体验设计的体会• Q&A
1999年 新浪网首页
2002年 中华网首页
2005年 新浪博客首页
2008年 校内网首页
2011年 微博
2011年 移动互联网
问题?什么是用户体验?
抽象设计的思路             分析                                 概念        洞察                                            图形化   了解   ...
视觉的故事~
视觉引导系统         主             主色 功能色         色         系             辅助色             辅助色             文字色         提   成功提示  ...
图标指示
产品体系化设计商务   清晰   清新   一致   精致   和谐
产品体系化设计
动画
交互的故事~         原型   流程图   设计规范
用户研究的故事~
VS
角色定义与需求挖掘
行为日志与数据挖掘       1” 1”             45”      打酱油路过?!            认知有困难?                例行用户调研         围绕搜索、网盟主要产品,开展用户研究     ...
文化探针   定性用户访谈+行为数据                  用户访谈      实地研究                                    可用性测试                       参与式设计   ...
广告的故事~
1     2    哪个好?3     4
1    哪个好?2
消费行为分析         图片来自全景: quanjing.com
转化是一个过程,不仅仅是广告                 图片来自全景: quanjing.com
文字的故事~
当年注册一个EBAY的帐户,第三步:“你只要在你的邮件确认一下你就成功了”“快要成功了”提升了10%以上的注册率。
把百度设为首页   or   设百度为首页
A                B左侧首屏   or   左侧前三
信息修改后,点击“提交”,系统会自动提交修改申请,  再审核通过后(会有邮件通知),信息即会更改…
设计是为了让信息更好的传递图片来自全景: quanjing.com
关亍体验设计的体会
T字型人才
掌握原则与规范一致性原则模块原则8/2原则能辨度原则信-噪比原则渐次呈现原则形式追随功能包容原则图标图片优势效应邻近原则对齐
能辨度原则:对比度
善用集体的智慧
< End >
体验的历程 Afooli
体验的历程 Afooli
Upcoming SlideShare
Loading in …5
×

体验的历程 Afooli

2,453 views
2,403 views

Published on

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

Published in: Design
2 Comments
5 Likes
Statistics
Notes
  • 好东西
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • 有用~分享了
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,453
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
193
Comments
2
Likes
5
Embeds 0
No embeds

No notes for slide

体验的历程 Afooli

  1. 1. 体验的历程 @afooli
  2. 2. 今天的主题:• 互联网产品与设计的发展• 体验设计的思路• 案例分享: - 视觉设计 - 交互设计 - 用户研究 - 广告研究与设计 - 文字优化• 体验设计的体会• Q&A
  3. 3. 1999年 新浪网首页
  4. 4. 2002年 中华网首页
  5. 5. 2005年 新浪博客首页
  6. 6. 2008年 校内网首页
  7. 7. 2011年 微博
  8. 8. 2011年 移动互联网
  9. 9. 问题?什么是用户体验?
  10. 10. 抽象设计的思路 分析 概念 洞察 图形化 了解 行动 用户 原型 环境 测试 现实 By guoyu: http://hi.bidu.com/madesign
  11. 11. 视觉的故事~
  12. 12. 视觉引导系统 主 主色 功能色 色 系 辅助色 辅助色 文字色 提 成功提示 示 色 功能、操作及帮助提示 系 一级警示色、激活色 二级警示色
  13. 13. 图标指示
  14. 14. 产品体系化设计商务 清晰 清新 一致 精致 和谐
  15. 15. 产品体系化设计
  16. 16. 动画
  17. 17. 交互的故事~ 原型 流程图 设计规范
  18. 18. 用户研究的故事~
  19. 19. VS
  20. 20. 角色定义与需求挖掘
  21. 21. 行为日志与数据挖掘 1” 1” 45” 打酱油路过?! 认知有困难? 例行用户调研 围绕搜索、网盟主要产品,开展用户研究 促进设计师对产品的理解、了解用户角色和日常行为 建立客户资料库,分析高低端客户,提炼经验,优化产品设计
  22. 22. 文化探针 定性用户访谈+行为数据 用户访谈 实地研究 可用性测试 参与式设计 焦点小组 眼动实验 卡片分类 目标&态度 行为 自动化可用性测试 问卷调查 网站流量及日志分析 例行用户调研 围绕搜索、网盟主要产品,开展用户研究 促进设计师对产品的理解、了解用户角色和日常行为 A/B测试 定量 建立客户资料库,分析高低端客户,提炼经验,优化产品设计
  23. 23. 广告的故事~
  24. 24. 1 2 哪个好?3 4
  25. 25. 1 哪个好?2
  26. 26. 消费行为分析 图片来自全景: quanjing.com
  27. 27. 转化是一个过程,不仅仅是广告 图片来自全景: quanjing.com
  28. 28. 文字的故事~
  29. 29. 当年注册一个EBAY的帐户,第三步:“你只要在你的邮件确认一下你就成功了”“快要成功了”提升了10%以上的注册率。
  30. 30. 把百度设为首页 or 设百度为首页
  31. 31. A B左侧首屏 or 左侧前三
  32. 32. 信息修改后,点击“提交”,系统会自动提交修改申请, 再审核通过后(会有邮件通知),信息即会更改…
  33. 33. 设计是为了让信息更好的传递图片来自全景: quanjing.com
  34. 34. 关亍体验设计的体会
  35. 35. T字型人才
  36. 36. 掌握原则与规范一致性原则模块原则8/2原则能辨度原则信-噪比原则渐次呈现原则形式追随功能包容原则图标图片优势效应邻近原则对齐
  37. 37. 能辨度原则:对比度
  38. 38. 善用集体的智慧
  39. 39. < End >

×