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
Interactive prototyping
Search
jaideepsingh
August 24, 2013
Design
2
96
Interactive prototyping
A workshop on interactive prototyping using Indigo Studio - BA Conf, 2013
jaideepsingh
August 24, 2013
Tweet
Share
More Decks by jaideepsingh
See All by jaideepsingh
Mobile app analytics
jaideepsingh
0
130
Measuring the in-broswer experience
jaideepsingh
0
81
HTML5
jaideepsingh
1
210
Memory profile your JavaScript application
jaideepsingh
0
820
The mechanics of iconography
jaideepsingh
0
150
AngularJS
jaideepsingh
1
360
Tools and techniques to validate visual design
jaideepsingh
0
190
Other Decks in Design
See All in Design
素晴らしき余白の世界
kasumidyaya
1
110
Designing UIs without a UI designer
strongeron
0
120
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.3k
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
170
「これをゲームにしたい!」と言われた時ゲームデザイナーが考えること
kinakobooster
5
5.2k
丸井グループが取り組むエンタープライズアジャイルと プロダクトマネージャーの役割
muture
0
170
20240120_画像生成AI_NovelAI入門・情報収集
doradora09
0
120
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
760
231206_Book-launch-event_kato
hjmkth
2
1.2k
Wolf and the seven goatkids
_limex_
PRO
0
450
Web 組版の課題とその解法
yamatoiizuka
0
110
1人歩きする営業資料作成
yutoshukuya
0
150
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
21
1.6k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
How to Ace a Technical Interview
jacobian
272
22k
Into the Great Unknown - MozCon
thekraken
10
990
Testing 201, or: Great Expectations
jmmastey
28
6.4k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
Designing the Hi-DPI Web
ddemaree
276
33k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
Transcript
Interactive Prototypes Jaideep Singh
Tools TIME FIDELITY Storyboards Prototypes Digital mockups HTML/CSS pages Dynamic
pages (DB etc)
What is a prototype Picture credits: Wikipedia
Why prototype Quick visual representation All stakeholders on the same
page Validate information architecture Early feedback
What is not a prototype Color & graphics Typography Detailed
interactions Working application
Paper vs digital
You can draw A straight line Circle Rectangle Triangle Shade
Paper prototype Create a todo app List of tasks Option
to mark tasks done Option to delete tasks Group tasks as completed and incomplete
General guidelines Straight lines Spacing between elements Post-Its for components
and for states Time limit the activity
Lifealytics demo http://www.youtube.com/watch?v=J- bVzUahNIg
Prototyping tools Solidify (Analytics) Invision (Collaboration) Antetype (Responsive) Balsamiq (Quick,
minimal) Wires (In-browser) Proto.io (Animations)
Indigo Studio Storyboards Interactive wireframes Import paper wireframes Animated transitions
Share FREE (v1.x)
The prototype Ecommerce app for a camera store Key categories
Screens Product listing Product details
List Detail
Thank you! @_jaideep