To Projects
HCI 201 -- Ex9 -- Business Website Plan
Show preliminary versions of your Business Website Plan to
your classmates or friends for feedback.
- Needs Analysis With one or two
sentences, briefly indicate the topic and general goal of your Web site.
- Information Architecture
Sketch out how the content of the site will be organized across several
Web pages. Show what will appear on each page but
not how it will appear visually. Usually this information is specified as
rectangles indicating the pages and arrows indicating the links from
one page to another.
- Low-fidelity designs
Specify how each page appears. Include as much detail as possible.
Many choose to create
paper and pencil drawings because they are quick and easy to create and
allow for many fast changes. Some Web designers test their ideas by
showing their designs to potential users and asking them how they would
perform core tasks. For your project, create some page designs
with paper and pencil and use them as a starting point for creating your
Web site. Include these low-fidelity designs as part of your project. As
you design your pages, consider the following principles:
- Maintain a consistent layout and style across your pages.
(You will use a .css style sheet for the Hobby Website.)
- For each page, consider what you want your user to first see. Use visual
variables such as size and font style to draw the user's attention the
most important elements first. You will also want to consider
the colors you will use.
- Decide what elements should be grouped on a page. Use placement and similar
heading styles to show the user which elements are thematically grouped.
- Carefully consider the fonts and colors that you use on your pages.
- Rationale Write a rationale for your design choices
(about one page). Discuss why you chose your information architecture,
fonts, color schemes, and page layouts. You may also discuss here any
feedback you got from showing your plan to other people.
Grading Criteria
Needs Analysis | 10% |
Information Architecture | 30% |
Low Fidelity Designs | 40% |
Rationale and Feedback | 20% |