20130112用原型驅動設計@webconf
75 likes6,022 views
文档介绍了原型驱动设计的重要性及其流程，强调在设计过程中运用原型可以帮助改进设计决策、减少误解、验证技术可行性等。还探讨了不同原型工具的优缺点，并列出了原型设计的原则和实用技巧。此外，文档鼓励设计师及早进行原型制作，以降低设计风险并提高用户体验。
20130112用原型驅動設計@webconf
- 5. 原型為什麼重要？
- 7. 專業分⼯工 研究 設計 前端 後端 ⼈人⽂文 ⼯工程 前端 後端 設計師 ⼯工程師 ⼯工程師 改繪⾃自http://taipro.blogspot.tw/2012/08/the-difference-between-ux-designer-and.html
- 8. 從GUI到NUI
- 10. 不可能⼀一次想清楚、 講清楚所有的事 file folders image by CraterValley Photo from Fotolia.com
- 12. 環環相扣 研究 設計 前端 後端 ⼈人⽂文 ⼯工程 使⽤用者經驗 應⽤用程式 設計師 ⼯工程師 使⽤用者界⾯面 ⼯工程師 改繪⾃自http://taipro.blogspot.tw/2012/08/the-difference-between-ux-designer-and.html
- 13. 專業分⼯工，環環相扣 使⽤用者經驗 資訊 設計師 設計 互動 研究 設計 前端 後端 ⼈人⽂文 設計 視覺 ⼯工程 研究員 應⽤用程式 設計 視覺 ⼯工程師 設計師 使⽤用者界⾯面 ⼯工程師 改繪⾃自http://taipro.blogspot.tw/2012/08/the-difference-between-ux-designer-and.html
- 15. 原型設計可幫助你 • 打磨點⼦子，做出更好的設計決策 • 探索未知，減少思考的盲點 • 便於溝通，減少誤解 • 早期發現，早期「治療」 • 確認技術可⾏行性 • 銷售你的解決⽅方案
- 16. 原型的流程
- 19. 原型的流程 起點 評估需求 製作原型 終點 評估原型
- 22. 原型的形式和⼯工具
- 23. 紙⾯面原型
- 24. ⼿手⼯工打造的HTML
- 27. 互動的FLASH
- 28. 簡報 http://cvil.ly/2010/05/16/creating-ipad-prototypes-on-the-ipad/
- 32. PROTOTYPING的形式 紙⾯面原型 81% ⼿手⼯工打造的HTML 58% ⼯工具輸出 (Axure, Fireworks...) 39% ⽤用HTML做的可點擊的螢幕截圖 34% Flash, Flex, AIR或Blend 27% Keynote或PowerPoint 24% 可點擊的PDF 21% 上線環境 (Rails, Java, XCode...) 9% ⽴立體模型3%
- 33. DOUBLE DIAMOND設計流程 點⼦子 願景 成果 時間 Discover Define Develop Deliver Design Council, 2005
- 34. ⽤用原型驅動設計 戰略 戰術 點⼦子 願景 成果 時間 Discover Define Develop Deliver Design Council, 2005
- 35. PROTOTYPING的⼯工具 紙和筆 77% Visio 59% Dreamweaver 47% PowerPoint 43% Axure 30% OmniGraffle 30% Illustrator 23% Flash 21% Acrobat 19% Fireworks 18% InDesign 12% Photoshop 10%
- 36. PROTOTYPING⼯工具選擇 互動 上線環境 多媒體軟體 各種⽂文具⽤用品 原型設計軟體 簡報軟體 敏捷 精細 紙、筆 繪圖軟體 靜態
- 37. 原型設計原則
- 41. 剛好夠的精細度 視覺 草圖 ⾵風格設定 功能 按這裡開 載⼊入中 始載⼊入 靜態 互動 內容 假字 真實⽂文字 http://www.smashingmagazine.com/2010/06/16/design-better-faster-with-rapid-prototyping/
- 42. 不⼀一定要⾃自⼰己做 Sketching user experience (Bill Buxton, 2007)
- 44. 誰說紙不能動
- 45. 混合應⽤用⾼高科技與低科技
- 46. 只作需要的部分
- 47. 及早開始作原型 Palm Pilot wooden form factor prototype (Hawkins, Jeff, 1995)
- 48. 重點回顧 • 了解原型會給誰看 • 選擇適合的⼯工具 • 精細度⾜足夠就好 • 不⼀一定要⾃自⼰己做 • 只作需要的部分 • 越早做越常做，⾵風險越低
- 50. Q&A
- 51. 謝謝指教！ 阿修 ·•台灣使用者經驗設計協會(UiGathering) 創會成員與工作小組理事 ·•www.lis186.com ·•[email protected] ·•twitter: @lis186