Project 2: iPad Design - Research (Wireframes and Storyboards)

Wireframes

Google Definition: 

A skeletal three-dimensional model in which only lines and vertices are represented.

Other Definition: 

Wireframes are a visual guide to elements on a page. They represent function, content elements and features, and express navigation and wayfinding.

Though wireframes underpin the visual design, they are not one-to-one layouts of the future creative design composition; rather, they serve to influence and guide the design process. 

In development and coding, wireframes transition into a functional specification for the build.

Wireframe Examples

While looking for wireframe example i came across this (Link) flickr group which has helped alot with understanding what wireframes are and how i need to go about doing my own.


Storyboards

Google Definition:

A sequence of drawings, typically with some directions and dialogue, representing the shots planned for a movie or television production.

Other definition:

A storyboard visually tells the story of an animation, film or interactive media panel by panel, kind of like a comic book. 

Interactive Story Storyboards

For an interactive story the storyboards need to have alot more information on them compared to a normal storyboard. They need to have full notes so when you give them to the developer they will know exactly what to do.