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
120
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
110
Creating Compelling Mobile User Experiences: What You Need to Know
chrisgriffith
0
170
Intro to PhoneGap and PhoneGap Build
chrisgriffith
0
280
PhoneGap Deep Dive
chrisgriffith
0
130
Intro to Bootstrap
chrisgriffith
3
310
jQuery Mobile & PhoneGap
chrisgriffith
3
530
Up and Running with jQuery Mobile & PhoneGap Build
chrisgriffith
0
760
Developing Mobile Solutions with Adobe CS6
chrisgriffith
1
230
Choosing the Right Mobile Development Platform
chrisgriffith
1
230
Other Decks in Technology
See All in Technology
日本版とグローバル版のモバイルアプリ統合の開発の裏側と今後の展望
miichan
1
130
Jetpack Composeで始めるServer Cache State
ogaclejapan
2
170
OpenAIの蒸留機能(Model Distillation)を使用して運用中のLLMのコストを削減する取り組み
pharma_x_tech
4
550
re:Invent をおうちで楽しんでみた ~CloudWatch のオブザーバビリティ機能がスゴい!/ Enjoyed AWS re:Invent from Home and CloudWatch Observability Feature is Amazing!
yuj1osm
0
120
DevOps視点でAWS re:invent2024の新サービス・アプデを振り返ってみた
oshanqq
0
180
alecthomas/kong はいいぞ / kamakura.go#7
fujiwara3
1
300
あの日俺達が夢見たサーバレスアーキテクチャ/the-serverless-architecture-we-dreamed-of
tomoki10
0
430
podman_update_2024-12
orimanabu
1
260
組織に自動テストを書く文化を根付かせる戦略(2024冬版) / Building Automated Test Culture 2024 Winter Edition
twada
PRO
13
3.6k
How to be an AWS Community Builder | 君もAWS Community Builderになろう!〜2024 冬 CB募集直前対策編?!〜
coosuke
PRO
2
2.8k
宇宙ベンチャーにおける最近の情シス取り組みについて
axelmizu
0
110
統計データで2024年の クラウド・インフラ動向を眺める
ysknsid25
2
840
Featured
See All Featured
The Language of Interfaces
destraynor
154
24k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
247
1.3M
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
17
2.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
170
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
A Philosophy of Restraint
colly
203
16k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Writing Fast Ruby
sferik
628
61k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.1k
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