abcd storyboard for-apps
TRANSCRIPT
ABCD Storyboard for Apps
Simple & quick way to document, show & share app ideas
AVP Business - Divum PDC - GE Capital PDC - monster.com PDC - SG, Startups
Cartoonist PGDC - XIC
A
Credits - Scott McCloud - Making Comics
Sketching is the lifeblood of any design process!
A C
A Short Story..
App Development Process
Design Quick & have a prototype
Docs
CVisual Design
4w9
Development
FTesting
H
Idea
A
Feedback
EPublish MVP
Live on Store
GRepublish
Live on Store 2.0
A
What is a Storyboard?
Series of panels of rough sketches outlining the series of events a customer will experience before, during and after
using our app
What do i draw in my Storyboard?
People
MNFacial
Expression
A
Things Establishing Shots
AnyBody Can Draw
Some common thoughts on drawing?
- A lot think they are not good at drawing :( - Can we relate is the key in drawing
storyboards - Draw relatable things and facial expressions - The outcome of Storyboard needs to be alignment of team on common vision - not a
visual masterpiece.
Enough, let’s DRAW!
Things
Things
cccc
Things
A quick cheat code
- While drawing devices in your storyboard, include only a button or two, not the full interface
People
MN
M NAA
ADFG HLCB
Facial Expression
A
Where are you?
Establishing Shots
Establishing Shots
Making an effective Storyboard!
Establish Strong sense of place
Use thought balloons, no captions please
Action to
Action
Subject to
SubjectScene to
Scene
Credits - Scott McCloud - Making Comics
Types of Transitions
Stick to 5 - 8 panels for a use case
Close with a realistic outcome
I know Storyboarding Now what?
Time for Proto..