SlideShare a Scribd company logo
1 of 61
***End-to-end prototyping
      example***
Rule #1: Make it
Fidelity > 0
Rule #2: Leave things out
Fidelity < 100%
Fidelity < 1
Rule #3: Be prepared to throw it
             away
“Not enough gets said about the
importance of abandoning crap.”
     -Ira Glass, host of NPR’s “This American Life”
Lo-Fi
The whiteboard
Hi-Fi
Using Animation
The Wireframe
Lo-Fi
HTML
Medium
HTML
Paper
Prototyping
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC

More Related Content

Viewers also liked

Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypestec
 
Adaptive Design & Rapid Prototyping
Adaptive Design & Rapid PrototypingAdaptive Design & Rapid Prototyping
Adaptive Design & Rapid PrototypingMark Rickerby
 
Lombardi Blueprint White Paper
Lombardi Blueprint White PaperLombardi Blueprint White Paper
Lombardi Blueprint White PaperJon Hansen
 
MSN Messenger 6.1 Whiteboard Usability Evaluation
MSN Messenger 6.1 Whiteboard Usability EvaluationMSN Messenger 6.1 Whiteboard Usability Evaluation
MSN Messenger 6.1 Whiteboard Usability Evaluationkathyjl
 
Building prototyping confidence in innovation process
Building prototyping confidence in innovation process Building prototyping confidence in innovation process
Building prototyping confidence in innovation process John Yeo
 
Don't Waste Your Time: Secrets of Minimum Viable Prototyping
Don't Waste Your Time: Secrets of Minimum Viable PrototypingDon't Waste Your Time: Secrets of Minimum Viable Prototyping
Don't Waste Your Time: Secrets of Minimum Viable PrototypingPhilip Likens
 
Responsive Design & Prototyping -- An Agency Model (Part 1/3)
Responsive Design & Prototyping -- An Agency Model (Part 1/3)Responsive Design & Prototyping -- An Agency Model (Part 1/3)
Responsive Design & Prototyping -- An Agency Model (Part 1/3)Neeta Goplani
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRsJeffery Belden
 
Using Developmental Evaluation to Support Prototyping: A Workshop
Using Developmental Evaluation to Support Prototyping:A Workshop Using Developmental Evaluation to Support Prototyping:A Workshop
Using Developmental Evaluation to Support Prototyping: A Workshop unitedwaycgy
 
Simulation for Business Process Management
Simulation for Business Process ManagementSimulation for Business Process Management
Simulation for Business Process Managementjjanuszczak
 
Test Slides for Hangouts for SCUP
Test Slides for Hangouts for SCUPTest Slides for Hangouts for SCUP
Test Slides for Hangouts for SCUPTerry Calhoun
 
Prototyping for insructional design
Prototyping for insructional designPrototyping for insructional design
Prototyping for insructional designkaylaorton
 

Viewers also liked (15)

Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
 
Methods intro diagram
Methods intro diagramMethods intro diagram
Methods intro diagram
 
Adaptive Design & Rapid Prototyping
Adaptive Design & Rapid PrototypingAdaptive Design & Rapid Prototyping
Adaptive Design & Rapid Prototyping
 
Lombardi Blueprint White Paper
Lombardi Blueprint White PaperLombardi Blueprint White Paper
Lombardi Blueprint White Paper
 
MSN Messenger 6.1 Whiteboard Usability Evaluation
MSN Messenger 6.1 Whiteboard Usability EvaluationMSN Messenger 6.1 Whiteboard Usability Evaluation
MSN Messenger 6.1 Whiteboard Usability Evaluation
 
Building prototyping confidence in innovation process
Building prototyping confidence in innovation process Building prototyping confidence in innovation process
Building prototyping confidence in innovation process
 
Don't Waste Your Time: Secrets of Minimum Viable Prototyping
Don't Waste Your Time: Secrets of Minimum Viable PrototypingDon't Waste Your Time: Secrets of Minimum Viable Prototyping
Don't Waste Your Time: Secrets of Minimum Viable Prototyping
 
Responsive Design & Prototyping -- An Agency Model (Part 1/3)
Responsive Design & Prototyping -- An Agency Model (Part 1/3)Responsive Design & Prototyping -- An Agency Model (Part 1/3)
Responsive Design & Prototyping -- An Agency Model (Part 1/3)
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRs
 
Prototyping
PrototypingPrototyping
Prototyping
 
Using Developmental Evaluation to Support Prototyping: A Workshop
Using Developmental Evaluation to Support Prototyping:A Workshop Using Developmental Evaluation to Support Prototyping:A Workshop
Using Developmental Evaluation to Support Prototyping: A Workshop
 
Simulation for Business Process Management
Simulation for Business Process ManagementSimulation for Business Process Management
Simulation for Business Process Management
 
Test Slides for Hangouts for SCUP
Test Slides for Hangouts for SCUPTest Slides for Hangouts for SCUP
Test Slides for Hangouts for SCUP
 
Variables copy
Variables   copyVariables   copy
Variables copy
 
Prototyping for insructional design
Prototyping for insructional designPrototyping for insructional design
Prototyping for insructional design
 

Recently uploaded

Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证jdkhjh
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Create Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfCreate Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfworkingdev2003
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 

Recently uploaded (20)

Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Create Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfCreate Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdf
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 

Prototype Fidelity Web 2.0 Expo NYC

Editor's Notes

  1. http://flickr.com/photos/twisty/1489423358/
  2. …you won’t cry.
  3. But do have a beer if you’d like…because you probably learned something.
  4. Or for the very analytical…
  5. Scan and add sketch stuff to this
  6. By a show of hands, how many of you would be willing to raise your hands if we were to poll the audience and you fell in the raise-your-hands category?Who would describe themselves as a designer? A user experience person? A developer?Who here has created a prototype before?http://flickr.com/photos/romainguy/249370084/
  7. http://flickr.com/photos/iguanajo/523172993/
  8. For the analytical of you…
  9. For the optimists…at least partially fullFor the pessimists…not entirelyemptyhttp://flickr.com/photos/track27/3299127/
  10. For the analytical of you…
  11. Or for the very analytical…
  12. And at least partially empty
  13. Or at least if you do need to throw it out or significantly change it…http://flickr.com/photos/dhinson/1290445055/