Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.
-
Upload
noel-nolan-brooker -
Category
Documents
-
view
218 -
download
0
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.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/1.jpg)
Prototyping for Richer User ExperiencesChris GriffithQualcomm, Inc.User Experience Group
![Page 2: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/2.jpg)
About Me
![Page 3: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/3.jpg)
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.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/4.jpg)
Why prototype?
![Page 5: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/5.jpg)
Proof of Concept
![Page 6: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/6.jpg)
Design Validation
![Page 7: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/7.jpg)
Management By-in
![Page 8: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/8.jpg)
Reduce Misinterpretations
![Page 9: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/9.jpg)
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.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/10.jpg)
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.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/11.jpg)
SharedCommunications
![Page 12: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/12.jpg)
User Testing
![Page 13: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/13.jpg)
Power ofShow and Tell
![Page 14: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/14.jpg)
Guidelines for Prototyping
![Page 15: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/15.jpg)
Short Timeframe
![Page 16: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/16.jpg)
Build only what you need
![Page 17: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/17.jpg)
Don’t be afraid to throw it out!
![Page 18: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/18.jpg)
Types of Prototyping
Low Fidelity
Medium Fidelity
High Fidelity
![Page 19: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/19.jpg)
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.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/20.jpg)
Paper Prototyping
Source: http://usereccentric.com/entries/000333.html
![Page 21: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/21.jpg)
Paper Prototyping - sketching
![Page 22: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/22.jpg)
Tools
![Page 23: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/23.jpg)
Resources
![Page 24: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/24.jpg)
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.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/25.jpg)
Medium Fidelity
![Page 26: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/26.jpg)
Tools
![Page 27: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/27.jpg)
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.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/28.jpg)
High Fidelity
![Page 29: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/29.jpg)
Tools
![Page 30: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/30.jpg)
![Page 31: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/31.jpg)
![Page 32: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/32.jpg)
![Page 33: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/33.jpg)
Demo
![Page 34: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/34.jpg)
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.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/35.jpg)
Prototyping Pitfalls
![Page 36: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/36.jpg)
Fidelity Trap
![Page 37: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/37.jpg)
“Looks done to me, ship it”
![Page 38: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/38.jpg)
Prototyping: A Practitioner's Guide
![Page 39: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/39.jpg)
Resources
![Page 40: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/40.jpg)
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.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/41.jpg)
Q&A
![Page 42: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/42.jpg)
Contact me:
Twitter: @chrisgriffith
Blog: http://chrisgriffith.wordpress.com/
![Page 43: Prototyping for Richer User Experiences Chris Griffith Qualcomm, Inc. User Experience Group.](https://reader037.fdocuments.net/reader037/viewer/2022110205/56649c725503460f94924700/html5/thumbnails/43.jpg)
Thanks!