More Related Content
Similar to 20130112用原型驅動設計@webconf (20)
More from Justin Lee (19)
20130112用原型驅動設計@webconf
- 7. 專業分⼯工
研究 設計 前端 後端
⼈人⽂文 ⼯工程
前端 後端
設計師
⼯工程師 ⼯工程師
改繪⾃自http://taipro.blogspot.tw/2012/08/the-difference-between-ux-designer-and.html
- 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
- 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%
- 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%
- 41. 剛好夠的精細度
視覺
草圖 ⾵風格設定
功能
按這裡開 載⼊入中
始載⼊入
靜態 互動
內容
假字 真實⽂文字
http://www.smashingmagazine.com/2010/06/16/design-better-faster-with-rapid-prototyping/
- 48. 重點回顧
• 了解原型會給誰看
• 選擇適合的⼯工具
• 精細度⾜足夠就好
• 不⼀一定要⾃自⼰己做
• 只作需要的部分
• 越早做越常做,⾵風險越低
- 51. 謝謝指教!
阿修
·•台灣使用者經驗設計協會(UiGathering)
創會成員與工作小組理事
·•www.lis186.com
·•lis186@gmail.com
·•twitter: @lis186