Storyboards

This slide shows the development of an interactive site that teaches one to make toast.

In this slide we see how the information is going to be displayed on a piece of bread. The knife is the 'cursor' or what is used to go to the next page. This is used as a navigational device.

As seen underneath the piece of bread and knife, there is a toolbar that promptly tells the user which step they are up to. This is another navigation device, as the use may choose to skip ahead a few steps if they please.

This second slide displayed shows the set up when you have past the first step or have gone past the beginning/home page.

In this slide we see how the butter is where the information is placed. A 'Splat' of butter has fallen off the knife and acts as a 'back' button, allowing the user to back-track to the last step if they didnt understand or missed a step.

This navigational option is useful as it gives the user the chance to change the pace at which they are learning to create toast, or to immediately skip forward/backward.

When the user goes to the next step the knife once again comes down and spreads the butter, adding information for the next step. The knife acts as a way to 'remove' the last page of information so that it does not clutter up the space in which the information appears. This is for the users benefit.