Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

43
Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group

Transcript of Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Page 1: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Prototyping for Richer User ExperiencesChris GriffithQualcomm, Inc.User Experience Group

Page 2: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

About Me

Page 3: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

What is a prototype?

…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 4: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Why prototype?

Page 5: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Proof of Concept

Page 6: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Design Validation

Page 7: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Management By-in

Page 8: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Reduce Misinterpretations

Page 9: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

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

Page 10: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Save Time and $$$

“We don’t have the time to prototype?”

“We can’t afford to prototype. We don’t have the budget.”

Page 11: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

SharedCommunications

Page 12: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

User Testing

Page 13: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Power ofShow and Tell

Page 14: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Guidelines for Prototyping

Page 15: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Short Timeframe

Page 16: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Build only what you need

Page 17: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Don’t be afraid to throw it out!

Page 18: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Types of Prototyping

Low Fidelity

Medium Fidelity

High Fidelity

Page 19: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Low Fidelity Prototyping

Quick to develop

Allows for explorations of ideas

Can be more difficult to conduct user studies

Zero coding!

Page 20: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Paper Prototyping

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

Page 21: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Paper Prototyping - sketching

Page 22: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Tools

Page 23: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Resources

Page 24: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Medium Fidelity Prototyping

More “real” user experience

Longer design time

Longer development time

Some level of programming

“Golden Path” / Slideshow

Page 25: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Medium Fidelity

Page 26: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Tools

Page 27: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

High Fidelity Prototyping

Closer to reality

Greater design requirements

More development time

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

Page 28: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

High Fidelity

Page 29: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Tools

Page 30: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.
Page 31: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.
Page 32: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.
Page 33: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Demo

Page 34: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Testing

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

Page 35: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Prototyping Pitfalls

Page 36: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Fidelity Trap

Page 37: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

“Looks done to me, ship it”

Page 38: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Prototyping: A Practitioner's Guide

Page 39: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Resources

Page 40: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Keys to Successful Prototyping

Short development time

Throw-away code (mostly)

Fake it (when you can)

Page 41: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Q&A

Page 42: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Contact me:

[email protected]

Twitter: @chrisgriffith

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

Page 43: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.

Thanks!