進擊的UX - the basics of UX and Rapid prototyping @ CHT
19 likes1,420 views
The document discusses user experience (UX) design, outlining concepts such as user-centered design and the importance of empathy in understanding user needs. It emphasizes the significance of prototyping and iterative design processes while also referencing Maslow's hierarchy of needs. Additionally, it highlights product design principles focused on usability, efficiency, and diversity of perspectives.
![Who are you?
‣ Developer
‣ ;]DDesigner
‣ PM / 1v
‣ XcodeDesigner](https://image.slidesharecdn.com/uxandrapidprototyping-141001215517-phpapp02/85/UX-the-basics-of-UX-and-Rapid-prototyping-CHT-2-320.jpg)
![%
‣ Œ‹XJK@3{f
9@App!
‣ 5screen+]!
‣ '+0oeprototyping tool m
l0›”!
‣ PK$|p9…W](https://image.slidesharecdn.com/uxandrapidprototyping-141001215517-phpapp02/85/UX-the-basics-of-UX-and-Rapid-prototyping-CHT-81-320.jpg)
![‣ Developer
motion design *’
r6Kn¢`l“
*5¡œPq
‣ Oz]Designer
motion s•FŽ
user insightT‡
prototyping $2j—;t
oƒLh bCk
‣ PM / Bž
WHY
QAŠ„R( E
81|%G](https://image.slidesharecdn.com/uxandrapidprototyping-141001215517-phpapp02/85/UX-the-basics-of-UX-and-Rapid-prototyping-CHT-85-320.jpg)
進擊的UX - the basics of UX and Rapid prototyping @ CHT
- 1. Kaba Su Yahoo Design
- 2. Who are you? ‣ Developer ‣ ;]DDesigner ‣ PM / 1v ‣ XcodeDesigner
- 3. Interaction Designer What the society think I do. What my friends think I do. What my mom think I do. ? What engineers think I do What I think I do. What I really do.
- 4. ‣ UX*‚,8‚! ‣ LP$S! ‣ CfXcode! ‣ !Bwj
- 6. 使用者經驗
- 8. USER Bad experience 塊 陶 啊
- 9. 存續 Business viability 可行 Technology feasibility
- 10. 存續 Business viability 可行 Technology feasibility 需求 User desirability #We
- 11. UX User eXperience HJ)W
- 12. UCD User Centered Design HJ
- 13. PG
- 14. Empathy Z$-2
- 15. ⤓⑺ 䗹⑺
- 17. UX策略與設計流程
- 18. 策略就是方向、 時機跟程度。 而且順序不能錯。 }|
- 19. Self-actualization 6+ Esteem s Social needs qQ Safety and Security @3:N{ Physiological needs i5HI Maslow - Hierarchy of needs
- 20. UCed ITYS Meaningful $48W Emotional 24( Rational M E R
- 21. 0;3
- 22. 0;3 F4 := A 0R/
- 23. Optimization Revamp Innovation ‣ Metrics driven ‣ User Study ‣ Exploratory ‣ Usability ‣ Lean testing Research ‣ Conceptual front-end ‣ Design Thinking
- 24. 1HJ0
- 26. n-_OJ G2_OJ _OpoF +T UX Urgbu# S [=4
- 27. source: Nordstrom Innovation Lab
- 28. © 2011 Jeremy Alexis 32 Need Finding Idea generation Prototyping “how might we?” Value proposition Research Patterns Ideas Concept systems Build Iterate
- 30. Don’t listen to your users
- 31. Context ^ Concept yZ Observe them
- 32. H$ %
- 33. D,
- 34. Y7
- 35. dtz M‚ 9 )Y`^ M‚ 9% M‚ 9('ma
- 36. M‚ ~Kk€ ....
- 37. 設計就是不停地戰鬥
- 38. 2,500,000 Lotus Elise S
- 39. X =h X 12 = ? NTD
- 40. 9.;
- 41. V.#5 yZ cB ?#
- 42. V.#5 yZ cB ?#
- 43. 2345N1
- 44. 0 2 3 4 5 N 1
- 45. 0 1
- 46. source: Nordstrom Innovation Lab
- 47. Ol :EaiBDK xEh
- 48. prototype
- 49. 5#N1ZX
- 50. 世界之窗，重新設計 Redesigning the way you see the world
- 52. 使用者告訴我們... What we learned from users
- 53. 使用者告訴我們... What we learned from users ;™g% 7M €a,Sw ŸV‘˜ 產品設計原則 Product design principles €aE/ ^~3 FN ![ Efficiency Rich content To to know simply express They want what participate themselves diversity others and feel
- 54. 彙整多元觀點
- 55. 快速 易於參與
- 56. 產品設計原則 Product design principles
- 57. !-)C5+. 8G9/B HOW MIGHT WE DESIGN THE EASIEST WAY FOR USERS TO EXPRESS THEIR OPINION?
- 58. E'@2 THE MOST DELIGHTFUL WAY TO KNOW WHAT OTHERS FEEL?
- 64. 5
- 65. ',?
- 67. Prototyping tools + */ */ */ ! #/ / O * * * #? *? *? %QF[ #? ‚ ‚ # *? *? c%V # #? #? ? *? *? !6V ? ? ? *? # #‚ #N_M ‚ ‚ ‚ # ? # f/ ‚ ? *? #? ‚ ?
- 68. Keynote animation prototype ! .-%G£*/ x$£* =}dˆZ£#? –=†Z£#D U†‰:†Z£? vu£‚
- 71. DEMO
- 72. Flinto Browser base prototype ! .-%G£*/ x$£* =}dˆZ£‚ –=†Z£#? U†‰:†Z£? I£? vu£‚
- 74. DEMO
- 75. Invision Browser base prototype ! .-%G£*/ x$£* =}dˆZ£‚ –=†Z£#? U†‰:†Z£? I£*? vu£‚
- 76. Axure Browser base prototype ! .-%G£! x$£#? =}dˆZ£#D –=†Z£? U†‰:†Z£? vu£#
- 77. Pixate interactive single screen prototyping ! .-%G£/ x$£*? =}dˆZ£*? ‰:–=†Z£*? U†‰:†Z£#‚ vu£#
- 78. framer.js highly interactive single screen prototyping ! .-%G£/ x$£*? =}dˆZ£*? ‰:–=†Z£*? U†‰:†Z£# vu£?
- 80. DEMO
- 81. % ‣ Œ‹XJK@3{f 9@App! ‣ 5screen+]! ‣ '+0oeprototyping tool m l0›”! ‣ PK$|p9…W
- 84. 小結
- 85. ‣ Developer motion design *’ r6Kn¢`l“ *5¡œPq ‣ Oz]Designer motion s•FŽ user insightT‡ prototyping $2j—;t oƒLh bCk ‣ PM / Bž WHY QAŠ„R( E 81|%G
- 86. 一位非常成功的微禿中年曾說
- 87. 你的時間有限，不要為別人而 活，不要規循別人的信念中... 最重要的是，鼓起勇氣跟隨你 的心靈與直覺，它們才知道你 想成為怎樣的人。 ! Stay hungry, stay foolish.
- 89. 與夥伴一起改變世界！
- 90. yš–={fc
- 92. Thank you