Workflow

Readings:

flowChartSiteMap

Interactive Design:
chapter 8: guide, motivate and engage
chapter 9: building sitemaps wireframes and proto types

consider the user:

guide
What is the course you want them to take?
As if they are in rooms, where are they, where are they going, and how do they get there?

motivate
Is there something they will seek?
A reward? Information? Are you enabling them to achieve something?

engage
Can you keep them engaged through humor, games, design, desire to learn or something else?

sketch

  • how will the elements fit together?
  • what do you want them to see first?
  • what belongs on every page?
  • what sort of hierachy can you create in delivering information?

list elements 

  • header
  • audio, video, photos, text
  • features that motivate and engage
  • navigation : how will you guide them?
  • footer

flowchart

What path do you want to offer the user?

sitemap:   

  • how many pages are needed to contain all content?
  • how will they link together?

wireframes 

  • Use your sketches to create blueprints of each  unique webpage.
  • They contain general content and navigation, but not color, graphics, or detailed content.

exercise:

Continue developing your site plan for unit 2. Format your workflow study similar to pages 12-23 of this pdf.

  1. Answer each of the following questions with 1-3 sentences:
    a. How will you guide your user?
    b. How will you motivate your user?
    c. How will you engage your user?
    and…
    List the elements in your web page.
  2. Sketch ideas for the structure of the site. Scan and place on page 3.
  3. Create a flowchart for your site.
  4. Create a site map for your site.
  5. Create wireframes for your site.