This is a Storyboard

Storyboards are used for mapping out not only the visual hierarchy at face value, but the viewng order as well. From navigation to buttons to links to effects, storyboards plan them all out in an easy to understand structure for the reader. Some may be interactive to heighten the extent at which information is conveyed.

Here is a proof of concept for an interactive storybaord to make toast. All buttons and functions are hypothetical but at a quick look the viewer can deduce what actions take place, when, and where on the screen.

• The colour blue is used to signify an action to be taken. Numbers on tabs turn blue when they are selected; arrows on the page indicate an action to be taken or imply movement; blue text are folow-up instructions within the number tabs
• Numbered tabs on the side indicate the chronological order of the steps for the user to follow.
• Large tab appears in the top right corner so that users will always know which step they are up to in the process.
• Blue text beneath the large number tab are follow-up instructions, and inform the user what action needs to be taken before they can proceed to the next step, and to just further clarify the instructions over all.
  
• Arrows will have a slight animation to indicate where the user to move to in their real life kitchen.
• Arrows also carry decisions, with the options of Yes and No.
  
• The Next blue arrow at the end of the numbered tabs indicates that there are more tabbed steps - it will jump when the cursor rolls over to signal the user to click.