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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Chris Griffith
January 24, 2014
Technology
160
0
Share
Prototyping: A Component for Successful Projects
Chris Griffith
January 24, 2014
More Decks by Chris Griffith
See All by Chris Griffith
Practical Design & Development with Flash on Mobile & Devices
chrisgriffith
0
170
Creating Compelling Mobile User Experiences: What You Need to Know
chrisgriffith
0
220
Intro to PhoneGap and PhoneGap Build
chrisgriffith
0
310
PhoneGap Deep Dive
chrisgriffith
0
180
Intro to Bootstrap
chrisgriffith
3
370
jQuery Mobile & PhoneGap
chrisgriffith
3
670
Up and Running with jQuery Mobile & PhoneGap Build
chrisgriffith
0
770
Developing Mobile Solutions with Adobe CS6
chrisgriffith
1
260
Choosing the Right Mobile Development Platform
chrisgriffith
1
270
Other Decks in Technology
See All in Technology
Agents CLI と Gemini Enterprise Agent Platform で マルチエージェント開発が楽しくなる!
kaz1437
0
220
世界の中心でApp Runnerを叫ぶ FINAL
tsukuboshi
0
200
コミュニティ・勉強会を作るのは目的じゃない
ohmori_yusuke
0
280
国内外の生成AIセキュリティの最新動向 & AIガードレール製品「chakoshi」のご紹介 / Latest Trends in Generative AI Security (Domestic & International) & Introduction to AI Guardrail Product "chakoshi"
nttcom
4
1.7k
試作とデモンストレーション / Prototyping and Demonstrations
ks91
PRO
0
160
データ定義の混乱と戦う 〜 管理会計と財務会計 〜
wonohe
0
170
はじめての MagicPod生成AI機能 機能紹介から活用方法まで
magicpod
0
130
拝啓、あの夏の僕へ〜あなたも知っているApp Runnerの世界〜
news_it_enj
0
180
GitHub Copilot CLI と VS Code Agent Mode の使い分け
tomokusaba
0
130
Fabric MCPの紹介と使い分け
ryomaru0825
1
110
「誰一人取り残されない」 AIエージェント時代のプロダクト設計思想 Product Management Summit 2026
mizushimac
1
2.7k
Keeping Ruby Running on Cygwin
fd0
0
200
Featured
See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
190
WENDY [Excerpt]
tessaabrams
10
37k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
110
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.6k
The SEO identity crisis: Don't let AI make you average
varn
0
460
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
110
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
110
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
190
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
170
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