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

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

Embed Size (px)

Citation preview

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!