Your SlideShare is downloading. ×
0
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享

15,286

Published on

在行動時代,各種裝置的使用情境已經比過去複雜的多。使用瀑布式的開發流程,已經無法滿足瞬息萬變的需求變更。因此我們必須在產品設計開發過程當中,使用各種類型的原型設計技巧,以更低的成本探索設計方案及技術可性性,以避免產品開發完成,上市後才發現不符合使用者的需求。

在行動時代,各種裝置的使用情境已經比過去複雜的多。使用瀑布式的開發流程,已經無法滿足瞬息萬變的需求變更。因此我們必須在產品設計開發過程當中,使用各種類型的原型設計技巧,以更低的成本探索設計方案及技術可性性,以避免產品開發完成,上市後才發現不符合使用者的需求。

Published in: Design, Technology, Business
0 Comments
14 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
15,286
On Slideshare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
56
Comments
0
Likes
14
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. ⽤用原型驅動設計PROTOTYPING DRIVEN DESIGNJustin Lee
  • 2. Member of Council of UiGatheringCo-funder & UX Lead of Travelerfan Co.李易修 Justin Lee• www.lis186.com• lis186@gmail.com• twitter @lis186
  • 3. http://www.uigathering.org/Taiwan User Experience Professional Association台灣使⽤用者經驗設計協會
  • 4. 「推廣使⽤用者經驗設計與研究,帶動產業專業知識提升與交流。」“Promote user experience designand research,and lead the professional knowledges’sadvancement and exchange.”
  • 5. since 2005 3000+ participants30+ eventshttps://www.facebook.com/UiGathering
  • 6. 複雜的⾏行動時代The complicated Mobile Age
  • 7. 智慧型⼿手機+平板時間全球出貨量(億台)PC20102005 2006 20092007 2008 2011 2012 201312345670Globalshipments(MM)TimeSmartphone + Tablet電腦我們已經進⼊入⾏行動時代We are in mobile age
  • 8. ⾏行動裝置讓我們從空間中解放http://www.slideshare.net/fullscreen/space150/mobile-trends-june-2011/6We not longer need to be tethered to a PC in orderto use internet to connect the world around us
  • 9. 我們可以隨時隨地使⽤用We can you the mobile technology any time any where
  • 10. 我們可以⽤用各種喜歡的裝置上網http://theindustry.cc/2012/02/06/your-response-responsive-web-design/We can use anything we want to surfing the internet
  • 11. 我們可以⽤用更⾃自然的⽅方式與科技互動We can use much more natural way to interactwith technology
  • 12. 數位匯流加速進⾏行中電視 遊戲機 電腦 平板 ⼿手機遊戲App⾳音樂影⽚片應⽤用applicationsGameMusicVideoTV game console PC/Laptop Tablet SmartphoneEvolution of converged cross-platform services isgetting faster
  • 13. 簡單的產品背後其實很複雜http://www.oneaccordpartners.com/blog/bid/97586/Siri-Apple-s-Digital-Assistant-The-TechnologyThe backstage of a simple product could be complicated
  • 14. 複雜的⾏行動使⽤用情境The complicated mobile interaction model
  • 15. 產品設計⽅方式需要改變Product design process must be change
  • 16. 瀑布式軟體開發流程無法適應變動的需求http://embeddedsystemsvvce.files.wordpress.com/2013/02/waterfall-copy1.jpgThe waterfall model is not suitable for projectwhere in the project requirements aredynamic or constantly change.
  • 17. file folders image by CraterValley Photo from Fotolia.com不可能⼀一次想清楚、講清楚所有的事It is not impossible to plan all the details correctly
  • 18. 設計師前端⼯工程師後端⼯工程師傳統的分⼯工⽅方式需要改變⼈人⽂文 ⼯工程改繪⾃自http://taipro.blogspot.tw/2012/08/the-difference-between-ux-designer-and.htmlResearchHuman focused Technology focusedTraditional Job assignment needs to be changedUI DesignerFront-endDeveloperBack-endDeveloperResearch Front-end Back-end研究 前端 後端Design設計
  • 19. http://en.wikipedia.org/wiki/Agile_software_development敏捷式開發Agile software developmentCustomer collaboration over contract negotiation個人與互動 重於 流程與工具可用的軟體 重於 詳盡的文件與客戶合作 重於 合約協商回應變化 重於 遵循計劃Individuals and interactions over processes and toolsWorking software over comprehensive documentationResponding to change over following a plan
  • 20. ⼈人⽂文 ⼯工程使⽤用者經驗設計師使⽤用者界⾯面⼯工程師應⽤用程式⼯工程師改繪⾃自http://taipro.blogspot.tw/2012/08/the-difference-between-ux-designer-and.html環環相扣Human focused Technology focusedUser ExperienceDesignerUIDeveloperApplicationDeveloperclosely connected and inseparableResearch Front-end Back-end研究 前端 後端Design設計
  • 21. ⼈人⽂文 ⼯工程使⽤用者經驗設計師使⽤用者界⾯面⼯工程師應⽤用程式⼯工程師視覺設計師研究員改繪⾃自http://taipro.blogspot.tw/2012/08/the-difference-between-ux-designer-and.html專業分⼯工,環環相扣Human focused Technology focusedResearcherResearch InteractionDesignFront-end Back-endVisualDesign研究 互動設計 前端 後端資訊設計視覺設計InformationDesignclosely connected and inseparableVisual DesignerUI DeveloperApplicationDeveloperUX Designer
  • 22. ⽤用原型驅動設計Prototype Driven Design
  • 23. 原型把概念具體化prototyping is to concrete representation of part orall of an interactive systemPrototyping: A Practitioners Guide
  • 24. 原型讓錯誤的代價降低Prototype make mistakes cheap.http://www.flickr.com/photos/d2clon/4402993445/
  • 25. 原型是最好的溝通⼯工具Prototype is the best communication tool.http://blog.tackmobile.com/article/interface-origami/
  • 26. 更早就得到使⽤用者回饋Get user feedback earlierResearch at Youtube in 2008
  • 27. 原型的流程評估需求Determine Needs製作原型Build Prototype評估原型Evaluate Prototype起點終點StartEndPrototyping Process
  • 28. http://designedbynatalie.com/2010/01/31/case-study-part-1-victorsfood-brief-wireframe-concept/草圖Sketching
  • 29. 紙⾯面原型Paper Prototype
  • 30. 簡報原型http://cvil.ly/2010/05/16/creating-ipad-prototypes-on-the-ipad/Presentation Prototype
  • 31. http://ca.rroll.net/2008/02/05/ruby-on-rails-development-with-gedit/http://www.plaidsoftware.com/軟體原型Software Prototype
  • 32. ⽴立體模型http://www.joystiq.com/2007/12/31/wii-prototype-auction-is-disappointing/Model
  • 33. 選擇適合的⼯工具靜態敏捷互動精細各種⽂文具⽤用品紙、筆上線環境簡報軟體繪圖軟體原型設計軟體多媒體軟體Choose the right toolsstaticdynamicagile detailpen and paperstationerygraphic edition softwareprototyping softwarepresentation softwaremultimedia softwareproduction environment
  • 34. 雙鑽⽯石設計流程Design Council, 2005時間TimeIdea VisionDiscover Define Develop Deliver願景點⼦子 成果Solution探索 定位 開發 交付The Double Diamond Design Process
  • 35. ⽤用原型驅動設計Design Council, 2005Prototyping Driven Design時間TimeIdea VisionDiscover Define Develop Deliver願景點⼦子 成果Solution探索 定位 開發 交付
  • 36. 原型讓我們做出更好的產品Prototyping makes our product more awesome
  • 37. THANKYOU!Member of Council of UiGatheringCo-funder & UX Lead of Travelerfan Co.李易修 Justin Lee·•www.lis186.com·•lis186@gmail.com·•twitter @lis186
  • 38. http://www.uigathering.org/Taiwan User Experience Professional Association台灣使⽤用者經驗設計協會

×