abcd storyboard for-apps

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..

Thank you

pmgupta911@gmail.com in: pmgupta911@yahoo.com

Tweet: pmgupta911