Derek's dashboard

Yes, saw it. Cool.

There's a slight problem with the template. In the 12-column layout each grey column is only 58 pixels wide instead of 60. Is this because no border is displayed on the canvas/rectangle used for the grey area? – Derek, on September 02, 2009 15:50

I'd also really like to be able to link mockups together for storyboarding.

How about an alternative approach, which I've seen used in VUE (Visual Understanding Environment - http://vue.tufts.edu/index.cfm) - pathways.

A pathway is a route through a set of slides representing an aspect of a presentation. You might have 100 slides on a topic (e.g. Impressionist paintings) but want to show 25 slides (in a certain sequence) related to the work of Renoir.

When doing mockups for a web application, the individual mockups are part of a general graph. Story boards are pathways through the mockups.

For example, we have mockups A, B, C, D and E.

Storyboard 1: A -> B -> E
Storyboard 2: A -> B -> C -> E
Storyboard 3: A -> C -> D

The storyboards are independent of the mockups. Usually in paper prototyping you 'pretend' that clicking on a button with your finger goes to another piece of paper. Similarly in a storyboard, clicking anywhere in the mockup brings you to the next one in the pathway.



You could export the storyboard as HTML with the relevant links to the mockup PNGs.

Derek.