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
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
160
Intro to Bootstrap
chrisgriffith
3
340
jQuery Mobile & PhoneGap
chrisgriffith
3
630
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
250
Other Decks in Technology
See All in Technology
実践マルチモーダル検索!
shibuiwilliam
2
500
激動の時代を爆速リチーミングで乗り越えろ
sansantech
PRO
1
220
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
okiyuki99
6
1.6k
GPUをつかってベクトル検索を扱う手法のお話し~NVIDIA cuVSとCAGRA~
fshuhe
0
310
Amazon Athena で JSON・Parquet・Iceberg のデータを検索し、性能を比較してみた
shigeruoda
1
280
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
4
2.5k
AIがコードを書いてくれるなら、新米エンジニアは何をする? / komekaigi2025
nkzn
24
16k
仕様駆動開発を実現する上流工程におけるAIエージェント活用
sergicalsix
10
5.1k
re:Invent 2025の見どころと便利アイテムをご紹介 / Highlights and Useful Items for re:Invent 2025
yuj1osm
0
530
20251027_マルチエージェントとは
almondo_event
1
500
マルチエージェントのチームビルディング_2025-10-25
shinoyamada
0
240
AWS re:Invent 2025事前勉強会資料 / AWS re:Invent 2025 pre study meetup
kinunori
0
960
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
For a Future-Friendly Web
brad_frost
180
10k
Navigating Team Friction
lara
190
15k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Gamification - CAS2011
davidbonilla
81
5.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Writing Fast Ruby
sferik
630
62k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
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