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
86
HTML5
jaideepsingh
1
210
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
190
Other Decks in Design
See All in Design
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
130
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
260
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
270
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
LayerX DesignersDeck
layerx
PRO
0
2.5k
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
4.1k
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
190
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
270
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
140
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
370
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
How STYLIGHT went responsive
nonsquared
98
5.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Scaling GitHub
holman
459
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
950
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
How GitHub (no longer) Works
holman
313
140k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Building Adaptive Systems
keathley
40
2.4k
Six Lessons from altMBA
skipperchong
27
3.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