Interactive project work flow – Toast

Tutorial exercise : Create text/task description, flowchart, storyboard and mockup for an interactive on “how to make toast”.

Text description of task

how to make toast:

  1. gather ingredients and equipment
  2. plug in toaster
  3. turn on powerpoint
  4. insert bread into toaster
  5. use knob to adjust toast settings
  6. push down lever
  7. wait for toast to cook
  8. remove toast from toaster and place on plate
  9. spread butter onto toast with knife
  10. eat toast
  11. clean up your mess and put away ingredients

Flow chart

flow chart of toast making process

Story board

story board of toast making

Interactive Design Mockup



Leave a Reply

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

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

Google photo

You are commenting using your Google 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 )

Connecting to %s