Transcript
Page 1: Prototype Fidelity Web 2.0 Expo NYC

Design Prototyping

Fidelity

Getting the best return

with the least work

Ryan

Lane

Matthew deStwolinski

Page 2: Prototype Fidelity Web 2.0 Expo NYC
Page 3: Prototype Fidelity Web 2.0 Expo NYC
Page 4: Prototype Fidelity Web 2.0 Expo NYC
Page 5: Prototype Fidelity Web 2.0 Expo NYC

***End-to-end prototyping example***

Page 6: Prototype Fidelity Web 2.0 Expo NYC
Page 7: Prototype Fidelity Web 2.0 Expo NYC
Page 8: Prototype Fidelity Web 2.0 Expo NYC

Rule #1: Make it

Page 9: Prototype Fidelity Web 2.0 Expo NYC

Fidelity > 0

Page 10: Prototype Fidelity Web 2.0 Expo NYC
Page 11: Prototype Fidelity Web 2.0 Expo NYC

Rule #2: Leave things out

Page 12: Prototype Fidelity Web 2.0 Expo NYC

Fidelity < 100%

Page 13: Prototype Fidelity Web 2.0 Expo NYC

Fidelity < 1

Page 14: Prototype Fidelity Web 2.0 Expo NYC
Page 15: Prototype Fidelity Web 2.0 Expo NYC

Rule #3: Be prepared to throw it away

Page 16: Prototype Fidelity Web 2.0 Expo NYC
Page 17: Prototype Fidelity Web 2.0 Expo NYC
Page 18: Prototype Fidelity Web 2.0 Expo NYC
Page 19: 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”

Page 20: Prototype Fidelity Web 2.0 Expo NYC
Page 21: Prototype Fidelity Web 2.0 Expo NYC
Page 22: Prototype Fidelity Web 2.0 Expo NYC
Page 23: Prototype Fidelity Web 2.0 Expo NYC

Lo-FiThe whiteboard

Page 24: Prototype Fidelity Web 2.0 Expo NYC
Page 25: Prototype Fidelity Web 2.0 Expo NYC

Hi-FiUsing Animation

Page 26: Prototype Fidelity Web 2.0 Expo NYC
Page 27: Prototype Fidelity Web 2.0 Expo NYC
Page 28: Prototype Fidelity Web 2.0 Expo NYC
Page 29: Prototype Fidelity Web 2.0 Expo NYC
Page 30: Prototype Fidelity Web 2.0 Expo NYC
Page 31: Prototype Fidelity Web 2.0 Expo NYC
Page 32: Prototype Fidelity Web 2.0 Expo NYC
Page 33: Prototype Fidelity Web 2.0 Expo NYC

The Wireframe

Page 34: Prototype Fidelity Web 2.0 Expo NYC
Page 35: Prototype Fidelity Web 2.0 Expo NYC
Page 36: Prototype Fidelity Web 2.0 Expo NYC
Page 37: Prototype Fidelity Web 2.0 Expo NYC
Page 38: Prototype Fidelity Web 2.0 Expo NYC

Lo-FiHTML

Page 39: Prototype Fidelity Web 2.0 Expo NYC
Page 40: Prototype Fidelity Web 2.0 Expo NYC
Page 41: Prototype Fidelity Web 2.0 Expo NYC
Page 42: Prototype Fidelity Web 2.0 Expo NYC
Page 43: Prototype Fidelity Web 2.0 Expo NYC

Medium HTML

Page 44: Prototype Fidelity Web 2.0 Expo NYC
Page 45: Prototype Fidelity Web 2.0 Expo NYC
Page 46: Prototype Fidelity Web 2.0 Expo NYC

Paper Prototyping

Page 47: Prototype Fidelity Web 2.0 Expo NYC
Page 48: Prototype Fidelity Web 2.0 Expo NYC
Page 49: Prototype Fidelity Web 2.0 Expo NYC
Page 50: Prototype Fidelity Web 2.0 Expo NYC
Page 51: Prototype Fidelity Web 2.0 Expo NYC
Page 52: Prototype Fidelity Web 2.0 Expo NYC
Page 53: Prototype Fidelity Web 2.0 Expo NYC
Page 54: Prototype Fidelity Web 2.0 Expo NYC
Page 55: Prototype Fidelity Web 2.0 Expo NYC
Page 56: Prototype Fidelity Web 2.0 Expo NYC
Page 57: Prototype Fidelity Web 2.0 Expo NYC
Page 58: Prototype Fidelity Web 2.0 Expo NYC
Page 59: Prototype Fidelity Web 2.0 Expo NYC
Page 60: Prototype Fidelity Web 2.0 Expo NYC
Page 61: Prototype Fidelity Web 2.0 Expo NYC

Top Related