Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Prototyping: A Component for Successful Projects
Search
Chris Griffith
January 24, 2014
Technology
180
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
250
Intro to PhoneGap and PhoneGap Build
chrisgriffith
0
330
PhoneGap Deep Dive
chrisgriffith
0
190
Intro to Bootstrap
chrisgriffith
3
370
jQuery Mobile & PhoneGap
chrisgriffith
3
680
Up and Running with jQuery Mobile & PhoneGap Build
chrisgriffith
0
800
Developing Mobile Solutions with Adobe CS6
chrisgriffith
1
260
Choosing the Right Mobile Development Platform
chrisgriffith
1
290
Other Decks in Technology
See All in Technology
DORA_Metrics.pdf
wagnerfusca
1
140
AI coding 整合正規方法
philipz
0
570
Claude Designがめちゃくちゃ便利なので使ってほしい
diggymo
0
150
AWS DevOps Agent スキルをつかいこなそう / Master AWS DevOps Agent Skills
kinunori
2
640
AIは推し活である。
kurazuuuuuu
2
1k
雪かき部 #7 もう怖くない!SELECT文!
foursue
0
200
セルフサービスのオブザーバビリティ基盤をOpenTelemetryで作る / Building a Self-Service Observability Platform with OpenTelemetry
ymotongpoo
3
480
Mastering Agentic Development: Harness Engineering for Effective Coding Agents
konippi
3
650
Apache Iceberg が拓く AI 時代のオープンレイクハウス
tomtanaka
0
190
AI感のないAWS構成図をAIエージェントに描かせたい!
sagochiko
2
480
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
16
120k
Meet AgentCore Identity Consent Portal
hironobuiga
2
130
Featured
See All Featured
It's Worth the Effort
3n
188
29k
Site-Speed That Sticks
csswizardry
13
1.5k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
340
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
560
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
20k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
250
Navigating Team Friction
lara
192
16k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Code Reviewing Like a Champion
maltzj
528
40k
Speed Design
sergeychernyshev
33
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