2 - sketches application maps and storyboards

8/3/2019 2 - Sketches Application Maps and Storyboards

1/25


2/25

Compiled with the assistance of the Tiger University Program of the Estonian

Information Technology Foundation


3/25

Application Maps,

Sketches and StoryboardsIlja morgun


4/25

Application Map


5/25

A Site Map forApplications


6/25

Camera View

CurrentLecture List

PreviousLecture List

Next DayLecture List

LectureDetails


7/25

Tools for Creating

A lication Ma s

OmniGraffle

Visio


8/25

Sketch

A rough or unfinished drawing or painting

Often created to assist in making a morefinished picture


9/25

Things to Remember

A sketch is disposable Draw as many variations as possible

Dont go into too much detail


10/25

Tools for Creating

Sketches

Pen and paper

iPad and stylus


11/25

iPad Apps for CreatingSketches


12/25

SketchBook Pro


13/25


14/25

UI Sketcher


15/25


16/25

Adobe Ideas


17/25


18/25

Griffin Stylus


19/25


20/25

Example App Sketch


21/25


22/25

Storyboard

A series of illustrations or images displayed

in sequence

Pre-visualizing a motion picture, animation,motion graphic or interactive media

sequence, including website interactivity


23/25

Example Storyboardfor iPhone App


24/25


25/25

Your Assignment

1. In teams compose an application map

2. Make sketches for your applications user

interface3. Try out as many ideas as possible

4. Compose a storyboard out of the createdsketches

5. Present results to your colleagues

6. Gather feedback and improve your work

2 - sketches application maps and storyboards

Documents