Wednesday, March 17, 2010

Planning Tools for Interaction

Instructions
  1. Plug toaster in at powerpoint.
  2. Remove bread from bag.
  3. Is the bread frozen? If so, defrost in microwave.
  4. Place bread slices into toaster slot.
  5. Adjust desired cooking time.
  6. Push lever down.
  7. When toast is released, check if properly cooked. If not, repeat step 6.
  8. Remove toast from toaster.
  9. Place toast on cutting board.
  10. Remove knife from drawer.
  11. Remove butter from fridge.
  12. Scrape butter using knife.
  13. Apply butter to toast.
  14. Apply favourite spread.
  15. Consume.

Flowchart

(Click on image for full size)

Storyboard
Below are 3 examples of what an interactive tutorial may look like that would teach the user how to make toast.




Moodboard
Below is a moodboard created from the description provided in tutorials.

Moodboards allow us to create a theme for a project by recognising colours, textures, items, activities and other characteristics that a specific user might enjoy. These can then be incorporated into products/systems to allow the user to relate.




1 comment:

  1. Hi,The programmer takes the layout from the designer and creates the code to make the site functional. He/she needs to pay close attention so the site becomes expandable in the future for Web Design Cochin. Also, programming can get rather complex when databases are involved. Thanks...

    ReplyDelete