prototype fidelity web 2.0 expo nyc

61
Design Prototyping Fidelity Getting the best return with the least work Ryan Lane Matthew deStwolins ki

Upload: futileboy

Post on 28-Jan-2015

111 views

Category:

Design


1 download

DESCRIPTION

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.

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