Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Prototyping: A Component for Successful Projects
Search
Chris Griffith
January 24, 2014
Technology
0
150
Prototyping: A Component for Successful Projects
Chris Griffith
January 24, 2014
Tweet
Share
More Decks by Chris Griffith
See All by Chris Griffith
Practical Design & Development with Flash on Mobile & Devices
chrisgriffith
0
150
Creating Compelling Mobile User Experiences: What You Need to Know
chrisgriffith
0
200
Intro to PhoneGap and PhoneGap Build
chrisgriffith
0
310
PhoneGap Deep Dive
chrisgriffith
0
170
Intro to Bootstrap
chrisgriffith
3
350
jQuery Mobile & PhoneGap
chrisgriffith
3
650
Up and Running with jQuery Mobile & PhoneGap Build
chrisgriffith
0
770
Developing Mobile Solutions with Adobe CS6
chrisgriffith
1
250
Choosing the Right Mobile Development Platform
chrisgriffith
1
260
Other Decks in Technology
See All in Technology
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
4
21k
善意の活動は、なぜ続かなくなるのか ーふりかえりが"構造を変える判断"になった半年間ー
matsukurou
0
200
製造業から学んだ「本質を守り現場に合わせるアジャイル実践」
kamitokusari
0
200
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
tdys13
0
290
Everything As Code
yosuke_ai
0
490
田舎で20年スクラム(後編):一個人が企業で長期戦アジャイルに挑む意味
chinmo
1
930
RALGO : AIを組織に組み込む方法 -アルゴリズム中心組織設計- #RSGT2026 / RALGO: How to Integrate AI into an Organization – Algorithm-Centric Organizational Design
kyonmm
PRO
3
520
AI駆動開発ライフサイクル(AI-DLC)の始め方
ryansbcho79
0
290
ESXi のAIOps だ!2025冬
unnowataru
0
470
AI: The stuff that nobody shows you
jnunemaker
PRO
1
150
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
1
820
投資戦略を量産せよ 2 - マケデコセミナー(2025/12/26)
gamella
0
590
Featured
See All Featured
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
0
33
What's in a price? How to price your products and services
michaelherold
246
13k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
89
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
43
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
180
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
270
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
110
Git: the NoSQL Database
bkeepers
PRO
432
66k
The browser strikes back
jonoalderson
0
290
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.5k
The Limits of Empathy - UXLibs8
cassininazir
1
200
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.8k
Transcript
Prototyping: A Component for Successful Projects Chris Griffith
Qualcomm, Inc. User Experience Group
Available for iPhone h/p://bit.ly/ctSHPY Conference App Available
None
What is Prototyping …incomplete versions of the soEware program
being developed. A prototype typically implements only a small subset of the features of the eventual program, and the implementaHon may be completely different from that of the eventual product. (hKp://en.wikipedia.org/wiki/SoEware_prototyping)
None
None
None
None
None
Source: hKp://www.whaKofix.com/blog/archives/2008/05/peace_for_pachy.php
None
None
None
None
None
None
None
Short Timeframes
Build only what you need
Don’t be afraid to throw it out
Types of Prototyping • Low Fidelity • Medium Fidelity
• High Fidelity
Low Fidelity • Quick to develop • Allows for exploraHons
of ideas • Can be more difficult to conduct user studies • Zero coding!
Paper Prototyping Source: hKp://usereccentric.com/entries/000333.html
Paper Prototyping
Tools
Resources
Medium Fidelity • More “real” user experience • Longer design
Hme • Longer development Hme • Some level of programming • “Golden Path” / Slideshow
Medium Fidelity
Tools
High Fidelity • Closer to reality • Greater design requirements
• More development Hme • Can serve as a reference pla_orm for other groups (Engineering, QA, MarkeHng)
High Fidelity
Tools
None
None
None
Demos
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”>
None
Source hKp://usability.wikimedia.org/wiki/File:Research-‐Photo-‐LabTesHng.jpg
Prototyping PiJalls
Fidelity Trap
“Looks Done to me! Ship IT!”
Prototyping: A PracOOoner's Guide
None
Keys to Successful Prototyping • Short development Hme • Throw-‐away
code (mostly) • Fake it (when you can)
Q&A
Contact me: • cgriffi
[email protected]
• TwiKer: @chrisgriffith • Blog: hKp://chrisgriffith.wordpress.com/
Thanks!
None
Title