用戶體驗設計，從需求到產品落地
•
260 j'aime•17,139 vues
用戶體驗設計的關鍵在理解用戶/顧客需求的本質，才能真正地解決他們的問題。但常見的謬誤不外乎定義了用戶體驗或需求的偽命題；或是沒有真正地同理，並且實際去了解用戶的場景。惟有從用戶的場景與脈絡去思考，從而發現用戶在場景當下的動機與目的，才能洞察本質的問題，然後定義需求、設定產品目標，最終實現，讓產品落地。 從需求到產品落地的這份簡報，透過實際產品案例來解析，如何經由質性用戶調研發現用戶需求，並且定義產品目標；在團隊有限的資源，又如何排序需求的優先級。接著把需求轉化為產品交互設計，從概念到流程規劃、資訊架構設計、介面設計、體驗閉環、首次體驗；以及原型設計、使用性測試；最後到視覺與動效設計，檢視產品落地成果。適合初入軟體或互聯網行業的用戶介面設計以及產品設計師、產品經理閱讀與理解。 Find me at... LinkedIN - https://tw.linkedin.com/in/ivangraphic Medium - https://medium.com/@ivangraphic Gmail - ivangraphic@gmail.com
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (19)
Similaire à 用戶體驗設計，從需求到產品落地
Similaire à 用戶體驗設計，從需求到產品落地 (20)
Dernier
Dernier (20)
用戶體驗設計，從需求到產品落地
- 1. UX Design From Requirement to Production 2017.3.17
- 2. 2 Ivan Wei / Cheetah Mobile CM Security PhotoGrid GoTap Product Director & UI Design Expert
- 5. 5 SELLTHE PROBLEM YOU SOLVE NOT THE PRODUCT ,
- 6. 6
- 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 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. 5 Whys and Root Cause Analysis (#RCA) 9
- 11. 11
- 12. • / • • 12
- 13. 13 GoTap! An Android app can manage sneaky data usage
- 15. 15 IM INSTANT
- 16. 3G 40 Android 16 Celluar data
- 17. • 3G • • GooglePlay UC Browser Google Service SwiftKey MX Player App 3G 17
- 19. 19 1GB data package costs US$3.5! That’s 5 days lunch expense for me. Too expensive. Pranjal
- 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
- 22. 1. 2. App 3. App 4. App 5. / 22
- 23. App 1. IM App App 2. App 3. App 4. App 5. App 23
- 24. App 24 App App
- 25. App 25
- 26. Connected to cellular network. Approved apps can access internet. Tap the bubble for more settings 12:30 OOBE 26 Tutorial App
- 28. 28 /
- 29. From 0 to 1 29
- 30. 30
- 31. 31
- 32. 32
- 33. 33
- 34. 34
- 36. • • • 36
- 37. 37
- 40. - / 40
- 41. 41
- 42. 42 MVP
- 44. 1. (Must-be) 2. (One-dimensional) 3. (Attractive) 4. (Indifferent) 44
- 45. (Wireframe) 45
- 46. UI 46
- 47. 47 VPN 1. 2. 3. 4. 1. 2. Coach 1. 2. 3. Coach OOBE Tutorial OOBE
- 48. (#HookModel) Nir Eyal 48 Trigger Investment Action Variable Reward App App
- 49. 49
- 51. 51
- 52. 52
- 53. 53
- 54. 54
- 55. 55
- 56. 56
- 57. “ ” (The Design of Everyday Things) Don Norman 57
- 58. 1. - 2. - 3. - 4. - 5. - 6. - 7. - 58
- 59. 59
- 60. 60
- 61. / #Affordance 61
- 62. 62
- 63. … 63
- 65. ( ) / #Signifiers 65
- 69. / #Mapping !? 69
- 70. 70
- 74. 74
- 76. UI Pattern UI Pattern ( ) (Guideline) 76Source: http://www.android-app-patterns.com/ http://pttrns.com/
- 77. 77
- 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.
- 80. Android OOBE 80
- 82. 82
- 83. • • • • 83
- 84. 84 1. 2. Click to play video: https://youtu.be/0txyoEq6Txg
- 85. 85
- 87. (Hierarchy) 87
- 88. (Call to Action) Call to action 88 Flat ButtonRaised Button
- 89. 89Click to play the video: https://youtu.be/Uu08YCdWB-k
- 90. Google Sheet Color ID 90
- 91. 91
- 93. PNG! Fonticon/Iconfont #IcoMoon 95% - 93
- 94. App Icon Icon (#Metaphor) / 94
- 96. Recap 96 1. 2. 3. 4. 5. 6. 7. 8. PNG! 9. App Icon 10.GP
- 98. / 98 CODE IDEAS DATA Lean Startup Learn Build ✦Stage 1 ✦Stage 2 Production Beta GP ( )
- 100. Keep in Mind… 100
- 101. 101
- 103. Find and define the ESSENTIAL Requirement 103
- 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/