Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
160
Intro to Bootstrap
chrisgriffith
3
350
jQuery Mobile & PhoneGap
chrisgriffith
3
640
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
Noを伝える技術2025: 爆速合意形成のためのNICOフレームワーク速習 #pmconf2025
aki_iinuma
2
2.1k
Reinforcement Fine-tuning 基礎〜実践まで
ch6noota
0
160
Gemini でコードレビュー知見を見える化
zozotech
PRO
1
210
学習データって増やせばいいんですか?
ftakahashi
1
250
Kiro Autonomous AgentとKiro Powers の紹介 / kiro-autonomous-agent-and-powers
tomoki10
0
320
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
shift_evolve
PRO
2
190
re:Invent2025 コンテナ系アップデート振り返り(+CloudWatchログのアップデート紹介)
masukawa
0
310
エンジニアリングマネージャー はじめての目標設定と評価
halkt
0
250
[デモです] NotebookLM で作ったスライドの例
kongmingstrap
0
100
品質のための共通認識
kakehashi
PRO
3
220
非CUDAの悲哀 〜Claude Code と挑んだ image to 3D “Hunyuan3D”を EVO-X2(Ryzen AI Max+395)で動作させるチャレンジ〜
hawkymisc
1
160
安いGPUレンタルサービスについて
aratako
2
2.6k
Featured
See All Featured
Context Engineering - Making Every Token Count
addyosmani
9
490
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
69k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
Being A Developer After 40
akosma
91
590k
How STYLIGHT went responsive
nonsquared
100
6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
Git: the NoSQL Database
bkeepers
PRO
432
66k
How to Think Like a Performance Engineer
csswizardry
28
2.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
How to train your dragon (web standard)
notwaldorf
97
6.4k
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