0
***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
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
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
Prototype Fidelity Web 2.0 Expo NYC
Prototype Fidelity Web 2.0 Expo NYC
Upcoming SlideShare
Loading in...5
×

Prototype Fidelity Web 2.0 Expo NYC

1,196

Published on

These are the slide from the presentation that was given by Matthew and myself at the last Web 2.0 Expo in NY 2008. It really needs us talking to get the most out of it, but I wanted to share, because sharing is nice.

Published in: Design
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,196
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
61
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide
  • http://flickr.com/photos/twisty/1489423358/
  • …you won’t cry.
  • But do have a beer if you’d like…because you probably learned something.
  • Or for the very analytical…
  • Scan and add sketch stuff to this
  • 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/
  • http://flickr.com/photos/iguanajo/523172993/
  • For the analytical of you…
  • For the optimists…at least partially fullFor the pessimists…not entirelyemptyhttp://flickr.com/photos/track27/3299127/
  • For the analytical of you…
  • Or for the very analytical…
  • And at least partially empty
  • Or at least if you do need to throw it out or significantly change it…http://flickr.com/photos/dhinson/1290445055/
  • Transcript of "Prototype Fidelity Web 2.0 Expo NYC"

    1. 1. ***End-to-end prototyping example***
    2. 2. Rule #1: Make it
    3. 3. Fidelity > 0
    4. 4. Rule #2: Leave things out
    5. 5. Fidelity < 100%
    6. 6. Fidelity < 1
    7. 7. Rule #3: Be prepared to throw it away
    8. 8. “Not enough gets said about the importance of abandoning crap.” -Ira Glass, host of NPR’s “This American Life”
    9. 9. Lo-Fi The whiteboard
    10. 10. Hi-Fi Using Animation
    11. 11. The Wireframe
    12. 12. Lo-Fi HTML
    13. 13. Medium HTML
    14. 14. Paper Prototyping
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×