IxDC 中国交互设计体验日-B4b_陈俊标、杨光_平台移植体验设计

1,833 views
1,737 views

Published on

崛起越来越多为移动设备设计的产品,很多是从原来的客户端产品、网页产品移植而来。什么样的产品可以移植到移动设备上?iPhone定的规则足够么?他们都具备什么样的体验?移植的过程中,哪些体验被保留?哪些体验做了变化?

课程目标
1、分析各个平台下优秀的体验设计,辨析出各个平台的体验设计特征
2、讨论出各个平台下的软件\app\网页等体验区别
3、讨论出体验设计移植时的方法和依据

课程参与者将学到
了解各个不同平台下的体验设计的区别,为设计移植找到方法和依据

工作坊环节安排 (一个半小时)
1、 简述: 展示不同平台下的体验设计,抛出问题。
2、 组织展开讨论
3、 总结


2010年首届中国交互设计体验日,是以“赢在互动”为主题的大型交互设计会议盛宴。大会包括交互设计演讲、论坛、展览及工作坊。通过互动、交流体验的方式,将“交互设计”的理念在中国设计产业中进行高层次、深度、广泛的推广与传播。 我们希望通过这次大会,聚集国内外交互设计先驱者;展示中国交互设计优秀成果;为交互设计教育与企业搭建一个交流的平台; 促进中国交互设计产业与国际设计前沿的同步发展。

Published in: Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,833
On SlideShare
0
From Embeds
0
Number of Embeds
186
Actions
Shares
0
Downloads
63
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

IxDC 中国交互设计体验日-B4b_陈俊标、杨光_平台移植体验设计

  1. 1. 平台移植体验设计 2010.CDC.Tencent
  2. 2. 关于我们 陈俊标 腾讯 · CDC · 专家设计师 杨光 腾讯 · CDC · 高级交互设计师
  3. 3. 互相认识
  4. 4. 今天讨论 平台移植体验设计的背景? 如何做? 为什么?
  5. 5. BG平台移植的体验设计
  6. 6. windows邮箱和Flickr Windows live mail Hotmail Flickr Uploadr flickr.com
  7. 7. 种类繁多的移动设备 Symbian BlackBerry WM7 Android iPhone OS
  8. 8. 还有半移动设备 iPad
  9. 9. 还有半移动设备 BlackBerry PlayBook
  10. 10. 中国网民概况(CNNIC) 用户数(亿) 5 全体网民 手机互联网 4.2 4 3.84 3.38 3 2.98 2.77 2.53 2.3366 2.1 2 1.557 1.1782 1 0.7327 0.5062 0 2007.12 2008.06 2008.12 2009.06 2009.12 2010.06
  11. 11. 案例一:Twitter twitter.com iPhone
  12. 12. 案例一:Twitter – 第三方客户端 TweetDeck Symbian
  13. 13. 案例二:老牌的NAVER、Flickr 让用户随时随地的使用互联网产品
  14. 14. HOW平台移植的体验设计
  15. 15. 统一性和差异化
  16. 16. 选择一个适合做移植的产品:A、QQB、微博C、地图D、youkuE、音乐播放器F、其他
  17. 17. 案例一:facebook facebook facebook.com
  18. 18. 案例二:Mtime Mtime mtime.com
  19. 19. 案例二:Mtime feature Mtime全国影讯 Mtime.com 电影院—影讯查询 首页推荐 评论 我的电影、好友、博客、日志、相册…… 电影新闻 新片、热映、排行榜 影评 专题 电视新闻 热播、排行榜 影人新闻、八卦、访谈、排行榜 博客、相册、论坛、群组、话题等社区服务 游戏 电影院
  20. 20. 战略定位 各自为战
  21. 21. 战略定位 互相补充
  22. 22. 选择你战略:A、互相补充B、各自为战
  23. 23. 案例三:Twitter
  24. 24. 案例三:Twitter
  25. 25. 案例三:Twitter
  26. 26. 案例四 – QQ Music
  27. 27. 案例四 – QQ Music
  28. 28. 什么是统一的?
  29. 29. 小结 — 统一 产品 交互 视觉 面向的用户 信息元素 Logo 基本功能(核心功能) 文案 视觉风格(如果不用系统的话) …… …… 图标的symbol ……
  30. 30. 案例五:foursquare foursquare foursquare.com
  31. 31. 案例六:招商银行
  32. 32. 案例六:招商银行
  33. 33. 案例六:招商银行
  34. 34. 案例七 – QQ
  35. 35. 案例八 – QQ换肤
  36. 36. 案例七 – QQ
  37. 37. 什么是差异的?
  38. 38. 小结 — 差异 产品 交互 视觉 面向的用户 信息架构 字体、颜色 产品定位 功能设计 控件样式 重点功能 控件、组件 动画 …… …… ……
  39. 39. 对于选择的产品给出设计方案:说明统一点和差异点
  40. 40. WHY
  41. 41. 总结 用户思维模型(认知+感知) 产品定位(产品认知连贯性:核心功能点--用户的认知习惯) 信息传达(核心信息元素、结构,icon表征,品牌的设计-视觉风格--用户的感知习惯) 用户行为模型(目的+计划+实施+评价+出错) 场景差异(功能选择、功能设计—用户的目的和计划) 平台差异(信息架构的设计,性能、技术、内部一致性—用户的操作引导和反馈) 政治、经济、文化 情境统一(角色、场景、仸务)
  42. 42. 谢谢,再会腾讯:t.qq.com/CDC

×