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
100
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
87
HTML5
jaideepsingh
1
220
Memory profile your JavaScript application
jaideepsingh
0
840
The mechanics of iconography
jaideepsingh
0
160
AngularJS
jaideepsingh
1
360
Tools and techniques to validate visual design
jaideepsingh
0
200
Other Decks in Design
See All in Design
株式会社バクタム 会社説明資料
bactum
0
260
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
490
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
5
1.4k
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.8k
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
5
570
AI動画生成ガチャ紹介
piyo7
1
140
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.6k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
280
DC Style Redesign
mcduckyart
0
140
AI時代に淘汰されないデザインのしごと
akinen
1
150
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
410
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Embracing the Ebb and Flow
colly
86
4.8k
YesSQL, Process and Tooling at Scale
rocio
173
14k
What's in a price? How to price your products and services
michaelherold
246
12k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Practical Orchestrator
shlominoach
189
11k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
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