3.2. UI Architecture Wireframes

In addition to mapping connections, your map should also rough out UI (user interface) wireframes of several screens of your map. These do not need to be developed layouts, rather a basic layout of labeled boxes that suggest placement of content.

A good article to read:
Sketching for Mobile Experiences

And found these handy sketching templates:
iPad Air Sketching Templates
Pad Sketch Sheets
Prototyping on Paper Sketchpad

And if you have a tablet and are are willing to download a free app, this looks like a simple way to prototype your app directly from sketches:
POP: Prototyping on Paper

Also, just for kicks, these are pretty sweet:
UI Stencils

Some examples of mapping interactive experiences:

Screen Shot 2014-01-23 at 9.49.02 AM

eae3a15c39a4c3d198cbbcbd13baf593

0d42779ff11ba0745caaaafb5cbcd88d

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s