進擊的UX - rapid prototyping @ 新北市企業產經大學
63 likes4,278 views
文档探讨了用户体验（UX）设计的重要性，强调了以用户为中心的设计方法、同理心和持续创新的必要性。它还提出了一些用户研究和原型设计的最佳实践，包括如何进行有效的用户访谈和收集反馈。整篇内容围绕提升用户参与感和快速迭代设计的策略展开。
進擊的UX - rapid prototyping @ 新北市企業產經大學
- 1. Advancing UX
- 3. ‣ Developer ‣ SOHO ‣ 公司內的Designer ‣ ⽼老闆 ‣ 能寫code的Designer Who are you?
- 4. Interaction Designer What my mom think I do.What my friends think I do.What the society think I do. What I think I do.What engineers think I do What I really do. ?
- 5. ‣ UX能吃嗎 ‣ 了解你的使⽤用者 ‣ 原型開發不寫code
- 6. 使用者經驗
- 13. Empathy 共感同理⼼心
- 16. UX策略與設計流程
- 18. Self-actualization ⾃自我實現 Esteem ⾃自尊 Social needs 歸屬和愛 Safety and Security 安全與保障 Physiological needs 基本⽣生理需求 Maslow - Hierarchy of needs
- 22. source: Nordstrom Innovation Lab
- 23. Optimization ‣ Metrics driven ‣ Usability ‣ Lean testing
- 25. Innovation ‣ Exploratory Research ‣ Conceptual front- end ‣ Design Thinking
- 26. Optimization Revamp Innovation ‣ Metrics driven ‣ Usability ‣ Lean testing ‣ User Study ‣ Exploratory Research ‣ Conceptual front- end ‣ Design Thinking
- 27. 與使⽤用者⼀一起成⻑⾧長
- 30. © 2011 Jeremy Alexis 30 Need Finding Idea generation Prototyping “how might we?” Value proposition Research Patterns Ideas Concept systems Build Iterate
- 32. Don’t listen to your users
- 34. © 2011 Jeremy Alexis 34 A few interviews can significantly reduce uncertainty 0 5 10 15 20 25 30 35 0 -100% 100% Typicalrelativewidthofa90%confidenceinterval (morenarrowthebetter) Number of samples The first few samples reduce uncertainty the most… beyond 30 samples you need to quadruple the sample size to cut the error in half. I highly recommend the book “how to measure anything” by Douglas Hubbard – he uses this chart in the book, don’t be scared away by the math…
- 35. © 2011 Jeremy Alexis 35 Picking a user group to study Lead User: Engage with people with extreme needs well ahead of market trends Universal Design: Design for people with specialized needs & the solution will be good for all Traditional HCD: Engage with people with average needs Knowledge of system and / intensity of use # of users
- 36. CAFE STUDY
- 37. 屬性 Attribute 結果 Consequence 價值 Value
- 39. 為何？ 哩⾦金雞ㄋㄟ ....
- 44. TASKS ▪ ⽤用分類瀏覽常看的新聞類型 ▪ 選⼀一篇有興趣的⽂文章、閱讀後並談⼀一下內容 ▪ ⼼心情投票 ▪ 看⼼心情新聞 ▪ 調整⾃自定分類 ▪ 整體使⽤用上, 哪邊是吸引你的？ ▪ 使⽤用上有遇到哪些不順的地⽅方？什麼可以更好？ ▪ 有沒有什麼覺得應該要有的功能卻沒有看到的？ ▪ ⾃自由瀏覽之後給⼀一些feedback #1 #2 #3 受訪者 ID
- 45. 設計就是不停地戰鬥
- 47. X ⽉月薪 X 12 = ? NTD
- 48. 試了再買
- 52. prototype
- 53. 重點是學習與共識
- 54. Redesigning the way you see the world 世界之窗，重新設計
- 55. 使用者告訴我們... What we learned from users
- 56. 產品設計原則 Product design principles 簡單明快 Efficiency 更豐富即時的 媒體素材 Rich content 想簡單地表達 意⾒見 To simply participate and express themselves 想知道別⼈人的 看法 to know what others feel 想要多元觀點 They want diversity 使用者告訴我們... What we learned from users
- 58. 最簡單的參與方式 HOW MIGHT WE DESIGN THE EASIEST WAY FOR USERS TO EXPRESS THEIR OPINION? 我們怎麼設計一個
- 59. 更有趣地表達心情 THE MOST DELIGHTFUL WAY TO KNOW WHAT OTHERS FEEL?
- 65. 最多⼀一天 重點
- 66. ⼀一次打⼗十個
- 68. Prototyping tools 開發時間 很快 很快 很快 看你 中快 快 效能 很好 很好 很好 中⾼高 很⾼高 很⾼高 動畫精細度 中⾼高 低 低 中 很⾼高 很⾼高 互動程度 中 中⾼高 中⾼高 ⾼高 很⾼高 很⾼高 展現流程 ⾼高 ⾼高 ⾼高 很⾼高 中 中低 學習曲線 低 低 低 中 ⾼高 中 協作 低 ⾼高 很⾼高 中⾼高 低 ⾼高
- 74. DEMO
- 77. DEMO
- 80. Pixate interactive single screen prototyping ! 開發時間：快 效能：很⾼高 動畫精細度：很⾼高 展現的互動程度：很⾼高 流程展現程度：中低 學習曲線：中
- 81. framer.js highly interactive single screen prototyping ! 開發時間：快 效能：很⾼高 動畫精細度：很⾼高 展現的互動程度：很⾼高 流程展現程度：中 學習曲線：⾼高
- 83. DEMO
- 84. 小結
- 85. ‣ Developer motion design 很有趣 ⻝⾷食無定味，適⼝口者珍 很多事是徒勞但有功的 ‣ SOHO prototyping 能讓你提案更順利 ‣ 公司內的Designer motion 必須要是有意義的 user insight是你的重要⼯工具 你的任務就是把夢想視覺化 ‣ ⽼老闆 試了再買 相信你的團隊⽐比你還聰明 給他們⾜足夠的時間 ‣ 能寫code的Designer 好⼯工作不投嗎？
- 86. 一位非常成功的微禿中年曾說
- 89. 與夥伴一起改變世界！
- 90. 台灣互動設計師協會
- 92. Thank you