Toast UI Sketch

We are practicing the process of making an interactive product and so were given the task of making a rough UI sketch for the steps for making toast. Here is one of my sketches.

pictureOn the first “Start” page I would like to have two menu systems. A primary timeline / navigation bar on the side for the entire interactive, then a secondary navigation bar for the other content like “About” and “Contact”.

Below is a simple UI Flow chart.

UI FLOW.png

The home page will contain the main navigation where the use has the choice between seeing the, “about”, “help” or “interactive” pages. Selecting either will move the user to the desired screen. The toast interactive will have its own dedicated menu system where the user can see how many steps are in the process, where they are in the process and also give them the ability to see before or upcoming processes.

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