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
エンジニアでも捗る デザイナー的思考入門
tinykitten
1
1.2k
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
370
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
160
Cyber Heart Online Book
hjnasby
0
180
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
580
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
160
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
130
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
110
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
270
Memory Man v3 (WIP)
storybychad
PRO
0
2.6k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.3k
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.7k
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
GitHub's CSS Performance
jonrohan
1032
460k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Making Projects Easy
brettharned
117
6.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
We Have a Design System, Now What?
morganepeng
53
7.8k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
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