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
140
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
140
Creating Compelling Mobile User Experiences: What You Need to Know
chrisgriffith
0
190
Intro to PhoneGap and PhoneGap Build
chrisgriffith
0
300
PhoneGap Deep Dive
chrisgriffith
0
150
Intro to Bootstrap
chrisgriffith
3
340
jQuery Mobile & PhoneGap
chrisgriffith
3
620
Up and Running with jQuery Mobile & PhoneGap Build
chrisgriffith
0
760
Developing Mobile Solutions with Adobe CS6
chrisgriffith
1
240
Choosing the Right Mobile Development Platform
chrisgriffith
1
250
Other Decks in Technology
See All in Technology
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
230
いまさら聞けない ABテスト入門
skmr2348
1
210
SwiftUIのGeometryReaderとScrollViewを基礎から応用まで学び直す:設計と活用事例
fumiyasac0921
0
150
JAZUG 15周年記念 × JAT「AI Agent開発者必見:"今"のOracle技術で拡張するAzure × OCIの共存アーキテクチャ」
shisyu_gaku
0
130
いま注目しているデータエンジニアリングの論点
ikkimiyazaki
0
610
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
280
Shirankedo NOCで見えてきたeduroam/OpenRoaming運用ノウハウと課題 - BAKUCHIKU BANBAN #2
marokiki
0
150
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
5.5k
[2025-09-30] Databricks Genie を利用した分析基盤とデータモデリングの IVRy の現在地
wxyzzz
0
500
VCC 2025 Write-up
bata_24
0
180
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
findy_eventslides
1
520
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
0
150
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Mobile First: as difficult as doing things right
swwweet
224
10k
How GitHub (no longer) Works
holman
315
140k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Done Done
chrislema
185
16k
RailsConf 2023
tenderlove
30
1.2k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
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