Transcript
Page 1: Prototyping: A Component for Successful Projects

Prototyping: A Component for Successful Projects

Chris GriffithQualcomm, Inc.

User Experience Group

Page 2: Prototyping: A Component for Successful Projects

Available for iPhone

http://bit.ly/ctSHPY

Conference App Available

Page 3: Prototyping: A Component for Successful Projects
Page 4: Prototyping: A Component for Successful Projects

What is Prototyping

…incomplete versions of the software program being developed. A prototype typically implements only a small subset of the features of the eventual program, and the implementation may be completely different from that of the eventual product.

(http://en.wikipedia.org/wiki/Software_prototyping)

Page 5: Prototyping: A Component for Successful Projects
Page 6: Prototyping: A Component for Successful Projects
Page 7: Prototyping: A Component for Successful Projects
Page 8: Prototyping: A Component for Successful Projects
Page 9: Prototyping: A Component for Successful Projects
Page 10: Prototyping: A Component for Successful Projects

Source: http://www.whattofix.com/blog/archives/2008/05/peace_for_pachy.php

Page 11: Prototyping: A Component for Successful Projects
Page 12: Prototyping: A Component for Successful Projects
Page 13: Prototyping: A Component for Successful Projects
Page 14: Prototyping: A Component for Successful Projects
Page 15: Prototyping: A Component for Successful Projects
Page 16: Prototyping: A Component for Successful Projects
Page 17: Prototyping: A Component for Successful Projects
Page 18: Prototyping: A Component for Successful Projects

Short Timeframes

Page 19: Prototyping: A Component for Successful Projects

Build only what you need

Page 20: Prototyping: A Component for Successful Projects

Don’t be afraid to throw it out

Page 21: Prototyping: A Component for Successful Projects

Types of Prototyping

•Low Fidelity

•Medium Fidelity

•High Fidelity

Page 22: Prototyping: A Component for Successful Projects

Low Fidelity

•Quick to develop

•Allows for explorations of ideas

•Can be more difficult to conduct user studies

•Zero coding!

Page 23: Prototyping: A Component for Successful Projects

Paper Prototyping

Source: http://usereccentric.com/entries/000333.html

Page 24: Prototyping: A Component for Successful Projects

Paper Prototyping

Page 25: Prototyping: A Component for Successful Projects

Tools

Page 26: Prototyping: A Component for Successful Projects

Resources

Page 27: Prototyping: A Component for Successful Projects

Medium Fidelity

•More “real” user experience

•Longer design time

•Longer development time

•Some level of programming

•“Golden Path” / Slideshow

Page 28: Prototyping: A Component for Successful Projects

Medium Fidelity

Page 29: Prototyping: A Component for Successful Projects

Tools

Page 30: Prototyping: A Component for Successful Projects

High Fidelity

•Closer to reality

•Greater design requirements

•More development time

•Can serve as a reference platform for other groups (Engineering, QA, Marketing)

Page 31: Prototyping: A Component for Successful Projects

High Fidelity

Page 32: Prototyping: A Component for Successful Projects

Tools

Page 33: Prototyping: A Component for Successful Projects
Page 34: Prototyping: A Component for Successful Projects
Page 35: Prototyping: A Component for Successful Projects
Page 36: Prototyping: A Component for Successful Projects

Demos

Page 37: Prototyping: A Component for Successful Projects

iPhone Tricks

<link rel=“apple-touch-icon” href=“myIcon.png”>

<link rel=“apple-touch-icon-precomposed” href=“myIcon.png”>

<meta name=“apple-mobile-web-app-capable” content=“yes”>

<link rel=“apple-touch-startup-image” href=“mySplash.png”>

Page 38: Prototyping: A Component for Successful Projects
Page 39: Prototyping: A Component for Successful Projects

Source http://usability.wikimedia.org/wiki/File:Research-Photo-LabTesting.jpg

Page 40: Prototyping: A Component for Successful Projects

Prototyping Pitfalls

Page 41: Prototyping: A Component for Successful Projects

Fidelity Trap

Page 42: Prototyping: A Component for Successful Projects

“Looks Done to me! Ship IT!”

Page 43: Prototyping: A Component for Successful Projects

Prototyping: A Practitioner's Guide

Page 44: Prototyping: A Component for Successful Projects
Page 45: Prototyping: A Component for Successful Projects

Keys to Successful Prototyping

•Short development time

•Throw-away code (mostly)

•Fake it (when you can)

Page 46: Prototyping: A Component for Successful Projects

Q&A

Page 47: Prototyping: A Component for Successful Projects

Contact me:

[email protected]

•Twitter: @chrisgriffith

•Blog: http://chrisgriffith.wordpress.com/

Page 48: Prototyping: A Component for Successful Projects

Thanks!


Top Related