

Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
The fourth step in creating a web site for a final project. In this stage, students create a site map, storyboards, and schematics to illustrate the site's information architecture, navigational structure, and layout. Instructions on creating these elements using various applications and includes examples and references.
Typology: Study Guides, Projects, Research
1 / 2
This page cannot be seen from the preview
Don't miss anything!


1
Background
For your final project, you will create a Web site that consists of at least 15-20 Web pages. In addition the site should be suitable for a task-centered design approach in which users interact to accomplish specific goals or tasks. The site needs to help users perform tasks (e.g., enter information, sort and display information or images based on user input, make purchases, etc.). Since the goal of the project is to learn about designing and evaluating an interface, the process and the user interface are of paramount importance , not the underlying application.
In step 4, you create a site map, storyboards, and schematics of your site. Create a PDF file of Step 4, upload it to your PUB folder, and make a link to it on your class home page.
Site map: A site map is a high-level diagram that reflects the information architecture of the site and, to a degree, its navigational structure or flow. You may create the site map with PowerPoint, Word, or some other application with which you are familiar. The figure below is an example of a basic site map. Your map should reflect the major and minor sections of the site and how they connect. By examining the map, a reader should easily identify the sections of the site, site hierarchy, and the overall amount of Web pages contained within it.
2
Major Tasks/Storyboards: Develop a storyboard that illustrates the steps a user will take to accomplish tasks. Your final project should include at least one major goal/task that users perform. The task must involve interactivity between the user and the Web site (other than clicking links to find information), such as making an online purchase, message board, etc. Your major task storyboards will be a series of illustrations that depict the sequence of Web pages on which the interaction occurs. For example, if users make online purchases, the storyboard depicts the series of screens that users encounter from the point of locating an item to purchase until the transaction is complete. You may use PowerPoint, Word, or some other applications to create your storyboards.
General Storyboard/Schematic. Develop storyboard/schematics that illustrate the layout of individual pages. You should create a storyboard/schematic for each major section of your site and the home page. In addition, create a storyboard/schematic for pages on your site that have distinct layouts. For example, the figures below illustrate a content page and a search page which have distinct layouts and thus a schematic is needed for each.
References:
Van Duyne, D.K., Landay, J.A., & Hong, J. I. (2003). The design of sites. Addison-Wesley: Boston.