Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

用戶體驗設計,從需求到產品落地 Slide 1 用戶體驗設計,從需求到產品落地 Slide 2 用戶體驗設計,從需求到產品落地 Slide 3 用戶體驗設計,從需求到產品落地 Slide 4 用戶體驗設計,從需求到產品落地 Slide 5 用戶體驗設計,從需求到產品落地 Slide 6 用戶體驗設計,從需求到產品落地 Slide 7 用戶體驗設計,從需求到產品落地 Slide 8 用戶體驗設計,從需求到產品落地 Slide 9 用戶體驗設計,從需求到產品落地 Slide 10 用戶體驗設計,從需求到產品落地 Slide 11 用戶體驗設計,從需求到產品落地 Slide 12 用戶體驗設計,從需求到產品落地 Slide 13 用戶體驗設計,從需求到產品落地 Slide 14 用戶體驗設計,從需求到產品落地 Slide 15 用戶體驗設計,從需求到產品落地 Slide 16 用戶體驗設計,從需求到產品落地 Slide 17 用戶體驗設計,從需求到產品落地 Slide 18 用戶體驗設計,從需求到產品落地 Slide 19 用戶體驗設計,從需求到產品落地 Slide 20 用戶體驗設計,從需求到產品落地 Slide 21 用戶體驗設計,從需求到產品落地 Slide 22 用戶體驗設計,從需求到產品落地 Slide 23 用戶體驗設計,從需求到產品落地 Slide 24 用戶體驗設計,從需求到產品落地 Slide 25 用戶體驗設計,從需求到產品落地 Slide 26 用戶體驗設計,從需求到產品落地 Slide 27

YouTube videos are no longer supported on SlideShare

View original on YouTube

用戶體驗設計,從需求到產品落地 Slide 29 用戶體驗設計,從需求到產品落地 Slide 30 用戶體驗設計,從需求到產品落地 Slide 31 用戶體驗設計,從需求到產品落地 Slide 32 用戶體驗設計,從需求到產品落地 Slide 33 用戶體驗設計,從需求到產品落地 Slide 34 用戶體驗設計,從需求到產品落地 Slide 35 用戶體驗設計,從需求到產品落地 Slide 36 用戶體驗設計,從需求到產品落地 Slide 37 用戶體驗設計,從需求到產品落地 Slide 38 用戶體驗設計,從需求到產品落地 Slide 39 用戶體驗設計,從需求到產品落地 Slide 40 用戶體驗設計,從需求到產品落地 Slide 41 用戶體驗設計,從需求到產品落地 Slide 42 用戶體驗設計,從需求到產品落地 Slide 43 用戶體驗設計,從需求到產品落地 Slide 44 用戶體驗設計,從需求到產品落地 Slide 45 用戶體驗設計,從需求到產品落地 Slide 46 用戶體驗設計,從需求到產品落地 Slide 47 用戶體驗設計,從需求到產品落地 Slide 48 用戶體驗設計,從需求到產品落地 Slide 49 用戶體驗設計,從需求到產品落地 Slide 50 用戶體驗設計,從需求到產品落地 Slide 51 用戶體驗設計,從需求到產品落地 Slide 52 用戶體驗設計,從需求到產品落地 Slide 53 用戶體驗設計,從需求到產品落地 Slide 54 用戶體驗設計,從需求到產品落地 Slide 55 用戶體驗設計,從需求到產品落地 Slide 56 用戶體驗設計,從需求到產品落地 Slide 57 用戶體驗設計,從需求到產品落地 Slide 58 用戶體驗設計,從需求到產品落地 Slide 59 用戶體驗設計,從需求到產品落地 Slide 60 用戶體驗設計,從需求到產品落地 Slide 61 用戶體驗設計,從需求到產品落地 Slide 62 用戶體驗設計,從需求到產品落地 Slide 63 用戶體驗設計,從需求到產品落地 Slide 64 用戶體驗設計,從需求到產品落地 Slide 65 用戶體驗設計,從需求到產品落地 Slide 66 用戶體驗設計,從需求到產品落地 Slide 67 用戶體驗設計,從需求到產品落地 Slide 68 用戶體驗設計,從需求到產品落地 Slide 69 用戶體驗設計,從需求到產品落地 Slide 70 用戶體驗設計,從需求到產品落地 Slide 71 用戶體驗設計,從需求到產品落地 Slide 72 用戶體驗設計,從需求到產品落地 Slide 73 用戶體驗設計,從需求到產品落地 Slide 74 用戶體驗設計,從需求到產品落地 Slide 75 用戶體驗設計,從需求到產品落地 Slide 76 用戶體驗設計,從需求到產品落地 Slide 77 用戶體驗設計,從需求到產品落地 Slide 78 用戶體驗設計,從需求到產品落地 Slide 79 用戶體驗設計,從需求到產品落地 Slide 80 用戶體驗設計,從需求到產品落地 Slide 81 用戶體驗設計,從需求到產品落地 Slide 82 用戶體驗設計,從需求到產品落地 Slide 83 用戶體驗設計,從需求到產品落地 Slide 84

YouTube videos are no longer supported on SlideShare

View original on YouTube

用戶體驗設計,從需求到產品落地 Slide 86 用戶體驗設計,從需求到產品落地 Slide 87 用戶體驗設計,從需求到產品落地 Slide 88 用戶體驗設計,從需求到產品落地 Slide 89 用戶體驗設計,從需求到產品落地 Slide 90 用戶體驗設計,從需求到產品落地 Slide 91 用戶體驗設計,從需求到產品落地 Slide 92 用戶體驗設計,從需求到產品落地 Slide 93 用戶體驗設計,從需求到產品落地 Slide 94 用戶體驗設計,從需求到產品落地 Slide 95 用戶體驗設計,從需求到產品落地 Slide 96 用戶體驗設計,從需求到產品落地 Slide 97 用戶體驗設計,從需求到產品落地 Slide 98 用戶體驗設計,從需求到產品落地 Slide 99 用戶體驗設計,從需求到產品落地 Slide 100 用戶體驗設計,從需求到產品落地 Slide 101 用戶體驗設計,從需求到產品落地 Slide 102 用戶體驗設計,從需求到產品落地 Slide 103 用戶體驗設計,從需求到產品落地 Slide 104 用戶體驗設計,從需求到產品落地 Slide 105 用戶體驗設計,從需求到產品落地 Slide 106
Upcoming SlideShare
產品設計的0到1,與1到1億
Next

Share

用戶體驗設計,從需求到產品落地

用戶體驗設計的關鍵在理解用戶/顧客需求的本質,才能真正地解決他們的問題。但常見的謬誤不外乎定義了用戶體驗或需求的偽命題;或是沒有真正地同理,並且實際去了解用戶的場景。惟有從用戶的場景與脈絡去思考,從而發現用戶在場景當下的動機與目的,才能洞察本質的問題,然後定義需求、設定產品目標,最終實現,讓產品落地。

從需求到產品落地的這份簡報,透過實際產品案例來解析,如何經由質性用戶調研發現用戶需求,並且定義產品目標;在團隊有限的資源,又如何排序需求的優先級。接著把需求轉化為產品交互設計,從概念到流程規劃、資訊架構設計、介面設計、體驗閉環、首次體驗;以及原型設計、使用性測試;最後到視覺與動效設計,檢視產品落地成果。適合初入軟體或互聯網行業的用戶介面設計以及產品設計師、產品經理閱讀與理解。

Find me at...
LinkedIN - https://tw.linkedin.com/in/ivangraphic
Medium - https://medium.com/@ivangraphic
Gmail - ivangraphic@gmail.com

Related Audiobooks

Free with a 30 day trial from Scribd

See all

用戶體驗設計,從需求到產品落地

  1. 1. UX Design From Requirement to Production 2017.3.17
  2. 2. 2 Ivan Wei / Cheetah Mobile CM Security PhotoGrid GoTap Product Director & UI Design Expert
  3. 3. 3Source: https://3.bp.blogspot.com/.../s1280/sell+this+pen+to+me.png
  4. 4. 4Source: https://s-media-cache-ak0.pinimg.com/.../c36e712d52ea940eb4c838e0bbb3e62b.jpg
  5. 5. 5 SELLTHE PROBLEM YOU SOLVE NOT THE PRODUCT ,
  6. 6. 6
  7. 7. 7 People don’t want to buy a quarter-inch drill. They want a quarter-inch hole. - Theodore Levitt Source: https://pbs.twimg.com/media/CZRQihgWEAIxygg.jpg:large
  8. 8. 8 Why the user wants the hole in the first place? 
 If it’s for bookshelves, why not create shelves that do not require drilling into the walls? - Don Norman Source: http://johnnyholland.org/wp-content/uploads/day3-2.jpg
  9. 9. 5 Whys and Root Cause Analysis (#RCA) 9
  10. 10. 10 BUSINESS 
 SALES 
 MARKETING UX
  11. 11. 
 11
  12. 12. • 
 / • 
 • 
 12
  13. 13. 13 GoTap! An Android app can manage sneaky data usage
  14. 14. Delhi India Bangalore Taiwan 14 

  15. 15. 15 IM 
 INSTANT
  16. 16. 3G 
 40 Android 16 Celluar data
  17. 17. • 3G • • GooglePlay UC Browser Google Service SwiftKey MX Player App 3G 17
  18. 18. 3G #FoggBehaviorModel ( ) 18
  19. 19. 19 1GB data package costs US$3.5! 
 That’s 5 days lunch expense for me. 
 Too expensive. Pranjal
  20. 20. 20 GDP USD $1,500 1GB USD $3.5 2.8% GDP USD $22,400 1GB USD $15.8 0.8% 1GB 3.5
  21. 21. / 21
  22. 22. 1. 2. App 3. App 4. App 5. / 22
  23. 23. App 1. IM App App 2. App 3. App 4. App 5. App 23
  24. 24. App 24 App App
  25. 25. App 
 25
  26. 26. Connected to cellular network. Approved apps can access internet. Tap the bubble for more settings 12:30 OOBE 26 Tutorial App
  27. 27. 27Source: https://www.youtube.com/watch?v=T-RNgDPXbaw
  28. 28. 28 /
  29. 29. From 0 to 1 29
  30. 30. 30
  31. 31. 31
  32. 32. 
 32
  33. 33. 33
  34. 34. 34 
 
 
 

  35. 35. User Interview 35
  36. 36. • 
 • 
 • 
 36
  37. 37. 37
  38. 38. 38 ? ? Source: http://mw2013.museumsandtheweb.com/.../02/mitroff.fig2_.jpg
  39. 39. / Empthy Maps 39 /
  40. 40. - / 
 40
  41. 41. 41
  42. 42. 42 MVP 
 

  43. 43. #KanoModel 43 
 Reverse 
 Indifferent 
 Must-be 
 One-dimensional 
 Attractive
  44. 44. 1. (Must-be)
 2. (One-dimensional)
 3. (Attractive)
 4. (Indifferent) 44
  45. 45. (Wireframe)
 45
  46. 46. UI 
 46
  47. 47. 47 VPN 1. 2. 3. 4. 
 1. 2. Coach 1. 2. 3. Coach OOBE Tutorial OOBE
  48. 48. (#HookModel) Nir Eyal 48 Trigger Investment Action Variable Reward App 
 App
  49. 49. 49
  50. 50. 50 What
 How
 Source: http://1.bp.blogspot.com/.../lceBZqsdMeE/s1600/the_most_human_human_can_computers_truly_think.jpg
  51. 51. 51
  52. 52. 52
  53. 53. 53
  54. 54. 54
  55. 55. 55
  56. 56. 56
  57. 57. “ ” (The Design of Everyday Things) Don Norman 57
  58. 58. 1. - 2. - 3. - 4. - 5. - 6. - 7. - 58
  59. 59. 59 
 
 

  60. 60. 60
  61. 61. / #Affordance 61
  62. 62. 62
  63. 63. … 63
  64. 64. (#Affordance) 64Source: https://pbs.twimg.com/.../CZRQihgWEAIxygg.jpg:large
  65. 65. ( ) / #Signifiers 65
  66. 66. 66Source: https://design.google.com/icons/
  67. 67. / #Constraints !? 67
  68. 68. (#Constraints) 68
  69. 69. / #Mapping !? 69
  70. 70. 70
  71. 71. (#Proximity) … 71
  72. 72. (#Grouping) 
 (#Proximity) 72
  73. 73. / #Feedback ... 73
  74. 74. 74
  75. 75. 1. 2. 3. 4. 5. 75
  76. 76. UI Pattern UI Pattern ( ) (Guideline) 76Source: http://www.android-app-patterns.com/ http://pttrns.com/
  77. 77. 77
  78. 78. 10 Usability Heuristics for User Interface Design by JAKOB NIELSEN 78Source: https://www.nngroup.com/articles/ten-usability-heuristics/ 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.
  79. 79. OOBE (#OutOfBoxExperience) 79
  80. 80. Android OOBE 80
  81. 81. 1. UI 2. 3. 4. 5. Recap 81
  82. 82. 82
  83. 83. • • • • 83
  84. 84. 84 1. 2. Click to play video: https://youtu.be/0txyoEq6Txg
  85. 85. 85
  86. 86. 
 Rebrand 86Source: https://medium.com/@sambrown/...-8f8788d366f0#.o05q4iqce
  87. 87. (Hierarchy) 87
  88. 88. (Call to Action) Call to action 88 Flat ButtonRaised Button
  89. 89. 
 89Click to play the video: https://youtu.be/Uu08YCdWB-k
  90. 90. Google Sheet Color ID 90
  91. 91. 91
  92. 92. 92 
 ImageAlpha PNG TinyPNG
  93. 93. PNG! Fonticon/Iconfont #IcoMoon 95% - 93
  94. 94. App Icon Icon (#Metaphor) 
 / 94
  95. 95. GP Google Play 95
  96. 96. Recap 96 1. 2. 3. 4. 5. 6. 7. 8. PNG! 9. App Icon 10.GP
  97. 97. After Production 97
  98. 98. / 98 CODE IDEAS DATA Lean
 Startup Learn Build ✦Stage 1 ✦Stage 2 Production Beta GP ( )
  99. 99. • • • • • Today’s Review 99
  100. 100. Keep in Mind… 100
  101. 101. 101
  102. 102. Scenario Oriented Thinking 102
  103. 103. Find and define the 
 ESSENTIAL
 Requirement 103
  104. 104. I’m Ivan, find me at 104 tw.linkedin.com/in/ivangraphic medium.com/@ivangraphic ivangraphic@gmail.com The slides will keep up-to-date at
 www.slideshare.net/IvanWei2/
  • YiJuWu4

    Jun. 10, 2021
  • shengnanguo

    Feb. 3, 2021
  • ChangAlisa

    Nov. 26, 2020
  • LiangKangChang

    Apr. 24, 2020
  • AlinLee1

    Apr. 16, 2020
  • SandyShih

    Feb. 20, 2020
  • ssuser528ada

    Feb. 3, 2020
  • XiangWang27

    Oct. 18, 2019
  • MinHung6

    Sep. 5, 2019
  • ithinkch

    Aug. 31, 2019
  • m12016changTIIMP

    Jul. 28, 2019
  • ice740201

    Jul. 16, 2019
  • ertjona

    Jul. 8, 2019
  • jjroox

    Feb. 27, 2019
  • YiTingHou

    Dec. 19, 2018
  • NatsumiWang

    Dec. 2, 2018
  • ssuser91026c

    Nov. 16, 2018
  • ArdenWang

    Nov. 13, 2018
  • weichen31

    Oct. 28, 2018
  • ssuser4332f0

    Aug. 31, 2018

用戶體驗設計的關鍵在理解用戶/顧客需求的本質,才能真正地解決他們的問題。但常見的謬誤不外乎定義了用戶體驗或需求的偽命題;或是沒有真正地同理,並且實際去了解用戶的場景。惟有從用戶的場景與脈絡去思考,從而發現用戶在場景當下的動機與目的,才能洞察本質的問題,然後定義需求、設定產品目標,最終實現,讓產品落地。 從需求到產品落地的這份簡報,透過實際產品案例來解析,如何經由質性用戶調研發現用戶需求,並且定義產品目標;在團隊有限的資源,又如何排序需求的優先級。接著把需求轉化為產品交互設計,從概念到流程規劃、資訊架構設計、介面設計、體驗閉環、首次體驗;以及原型設計、使用性測試;最後到視覺與動效設計,檢視產品落地成果。適合初入軟體或互聯網行業的用戶介面設計以及產品設計師、產品經理閱讀與理解。 Find me at... LinkedIN - https://tw.linkedin.com/in/ivangraphic Medium - https://medium.com/@ivangraphic Gmail - ivangraphic@gmail.com

Views

Total views

16,142

On Slideshare

0

From embeds

0

Number of embeds

1,081

Actions

Downloads

0

Shares

0

Comments

0

Likes

256

×