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

Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 

Recently uploaded (20)

Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 

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/