此资料仅供学习使用,版权归属原作者或公司任何人不得用于商业用途,由此引起的法律责任自负
1.2.3.4.5.6.
MUX   …
MUX.baidu.com @                @elya
/5
1.2.3.4.5.6.
2.     10      Nokia 3310   Nokia 3100   iPhone4
2.     10   …
2.
25     652.
2.     28     60
2.     Strength           Tomi Ahonen   Mobile as 7th of the Mass Media
…
“   ”
“   ”
@DJ      “   ”
“   ”
“   ”
2. Challenge
2. Different
Web
…
…    …
——     iPad            http://www.flickr.com/photos/oimax/3800475934
2.     Rule
1
2
3
4
5
6
2. Why Story-telling
2.     Story-telling
2.       Problems                 Ideas              Products                     Persona   Scenarios   Story     Story-te...
2. Story-telling
2. Story-telling
1.2.3.4.5.6.
http://v.youku.com/v_show/id_XMzAyMjIwNjgw.html
3.            Jack   23            Rose   21     Jack
3.
3.        =/=   
3.     1Persona
3.     30
3.     “   ”             ……
3.
3.                      Persona                  &     28          9   5
3.
3.     “   ”   “   ”
3.Calendar1.2.3. 15   showtime
1.2.3.4.5.6.
4.     ID     1.1                1.     1.2   XX                2.     2.1                1.                2.     2.2    ...
4.     2Scenario         
4.
4.
4.
4.     /
4.
4.     Persona     Scenario
4.Calendar1.2.3. 15   showtime
1.2.3.4.5.6.
5.     3Sitepath diagramming
5.     Persona
5.
5.
5.Calendar1.2.3. 15   showtime
5.     4Storyboard
5.     1.     2.     3.     4.
5.     Human             User     Objects           Scenario     Environment                          Goal     Action    ...
5.     Gary                    Rebecca                            Ben     32                      23                    17...
5.     :
5.     9:00-18:00
5.
5.Calendar1.2.3. 15   showtime
shot1   shot2   shot3shot4   shot5   shot6
1.2.3.4.5.6.
6.                             Sitepath                 Task      Interactive   prototypes   Product     Persona   Scenari...
6.Calendar1.2.3. 25   showtime
Mobiel Interaction Design   Mobile Design and Development   Tapworthy   App Savvy
mux.baidu.com   @elya
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
Upcoming SlideShare
Loading in …5
×

IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁

1,133 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,133
On SlideShare
0
From Embeds
0
Number of Embeds
85
Actions
Shares
0
Downloads
39
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁

  1. 1. 此资料仅供学习使用,版权归属原作者或公司任何人不得用于商业用途,由此引起的法律责任自负
  2. 2. 1.2.3.4.5.6.
  3. 3. MUX …
  4. 4. MUX.baidu.com @ @elya
  5. 5. /5
  6. 6. 1.2.3.4.5.6.
  7. 7. 2. 10 Nokia 3310 Nokia 3100 iPhone4
  8. 8. 2. 10 …
  9. 9. 2.
  10. 10. 25 652.
  11. 11. 2. 28 60
  12. 12. 2. Strength Tomi Ahonen Mobile as 7th of the Mass Media
  13. 13.
  14. 14. “ ”
  15. 15. “ ”
  16. 16. @DJ “ ”
  17. 17. “ ”
  18. 18. “ ”
  19. 19. 2. Challenge
  20. 20. 2. Different
  21. 21. Web
  22. 22.
  23. 23. … …
  24. 24. —— iPad http://www.flickr.com/photos/oimax/3800475934
  25. 25. 2. Rule
  26. 26. 1
  27. 27. 2
  28. 28. 3
  29. 29. 4
  30. 30. 5
  31. 31. 6
  32. 32. 2. Why Story-telling
  33. 33. 2. Story-telling
  34. 34. 2. Problems Ideas Products Persona Scenarios Story Story-telling ideas
  35. 35. 2. Story-telling
  36. 36. 2. Story-telling
  37. 37. 1.2.3.4.5.6.
  38. 38. http://v.youku.com/v_show/id_XMzAyMjIwNjgw.html
  39. 39. 3. Jack 23 Rose 21 Jack
  40. 40. 3.
  41. 41. 3.  =/= 
  42. 42. 3. 1Persona
  43. 43. 3. 30
  44. 44. 3. “ ” ……
  45. 45. 3.
  46. 46. 3. Persona & 28 9 5
  47. 47. 3.
  48. 48. 3. “ ” “ ”
  49. 49. 3.Calendar1.2.3. 15 showtime
  50. 50. 1.2.3.4.5.6.
  51. 51. 4. ID 1.1 1. 1.2 XX 2. 2.1 1. 2. 2.2 3. 4. 2.3 1. 1. 3 2. 3. 1. 4.1 2. 4.1 1. 1. 5 2.
  52. 52. 4. 2Scenario 
  53. 53. 4.
  54. 54. 4.
  55. 55. 4.
  56. 56. 4. /
  57. 57. 4.
  58. 58. 4. Persona Scenario
  59. 59. 4.Calendar1.2.3. 15 showtime
  60. 60. 1.2.3.4.5.6.
  61. 61. 5. 3Sitepath diagramming
  62. 62. 5. Persona
  63. 63. 5.
  64. 64. 5.
  65. 65. 5.Calendar1.2.3. 15 showtime
  66. 66. 5. 4Storyboard
  67. 67. 5. 1. 2. 3. 4.
  68. 68. 5. Human User Objects Scenario Environment  Goal Action Task
  69. 69. 5. Gary Rebecca Ben 32 23 17 42 SOHO PC PC e e CAM MS PC CAM Alice google 50,000 45,000 5,000 70,000 Welcome OK
  70. 70. 5. :
  71. 71. 5. 9:00-18:00
  72. 72. 5.
  73. 73. 5.Calendar1.2.3. 15 showtime
  74. 74. shot1 shot2 shot3shot4 shot5 shot6
  75. 75. 1.2.3.4.5.6.
  76. 76. 6. Sitepath Task Interactive prototypes Product Persona Scenario diagramming Storyboard analysis prototypes testing testing Re-storytelling
  77. 77. 6.Calendar1.2.3. 25 showtime
  78. 78. Mobiel Interaction Design Mobile Design and Development Tapworthy App Savvy
  79. 79. mux.baidu.com @elya

×