Module 3: Storyboards and Site Maps

Overview:

The purpose of this module is to practice the planning aspects needed to create a quality web site. Students have visited and critiqued web sites, studied the basics of color theory and design basics, now we will use this knowledge to create a mock site plan and series of storyboards as if we were creating a web site for a client.

Module 3: List of lessons:

• Lesson 1: Storyboards and Site Maps: (Lesson length 60 - 90 minutes)
  • Description:
  • Learner Outcomes: At the end of this lesson students will have a basic understanding of the elements and principles of "good" web site design and construction. They will begin to understand that this evaluative term changes in relation to audience, purpose and message.
  • Activities: Students team up in groups of 2 or 3 students and are asked to design a simple web site for Premier Coffee Mugs, a small shop specializing in selling handmade coffee mugs, whose owner has decided to take an initial (small) step towards selling her mugs on the Internet. Your client would like a static information-based web site (no online ordering for now) and would like the site to be made up of one main page and 3-5 subsidiary pages.

    The teams begin by developing and printing out a one page initial mock interview consisting of 5 - 8 questions ( because our client is hypothetical for this assignment, include the interview answers as well...remember that this client does not know a lot about the internet). These questions should help determine purpose, audience, scope, as well as artistic style issues. Here is a sample students may use as an model. The next step for the team is to create a short written purpose statement and site map.Next teams create storyboards for the pages using color and text.

    Finally they fill out a hypothetical list of team duties that would need to be done (collecting images, creating text content, coding the pages, etc.) Then share their project plans with another team and compare strategies and approaches. You may then move to full class discussion following this step.

    Teams are to turn in a completed packet to the instructor including:

    • interview questions and answers
    • purpose statement (paragraph describing the task and your general approach)
    • one page site map
    • multipage storyboard w/visual layout and heading text
    • team duty list

     

  • Resources Needed:
  • Internet access

   

  • Suggested Assessment:
  • Discussion following the team work.
  • Grade packet of planning paperwork turned in to team.