OVERVIEW
Using the design guidelines presented below, provide an example of one web page or application
that violates each guideline and one web page or application that illustrates adherence to each
guideline. A different web page or application must be used for each example. Write one
paragraph for each example, (1) describing the violation or adherence, and (2) the effect it will
likely have on the user.
1. Provide internal consistency.
2. Provide an obvious starting point in the screens upper left corner.
3. Divide information into units that are logical, meaningful, and sensible.
4. Provide a visually or aesthetically pleasing composition possessing the following
qualities:
a. Balance
b. Symmetry
c. Regularity
d. Predictability
e. Sequentiality
f. Economy
g. Unity
h. Proportion
i. Simplicity
j. Groupings
(Choose only three of the items listed in aj and provide an example of a web page or
application that conforms to and one that violates the three qualities you select. Note:
You only need to provide one example for conforms and one example for violates.
The examples you choose must conform to or violate all of the three qualities you select.)
5. Provide adequate separation between screen elements through liberal use of white space.
6. Enhance distinctiveness by creating adequate distance between controls, borders, and
windows. (E.g., Screen controls, group borders, and buttons should not touch a window
border or each other.)
7. Add focus and emphasis to important screen elements using typefaces, blinking,
groupings, color, size, animation, shape, and positioning.
INSTRUCTIONS
1. In a Word document, paste two screen shots of a web page or application for each of the
above guidelines. The first screen shot should represent a screen that conforms to the
guideline, and the second shot should represent a screen that violates the guideline.
NOTE: You should have a total of 14 screenshots: 7 examples of conformance and 7
examples of violations.
2. Include the URL for each screen above the screen shot. If the screen is an application
rather than a web page, provide the name of the application. NOTE: You should have a
total of 14 URLs, one for each of the screenshots.
3. Write one paragraph below each screen shot describing how the screen conforms to or
violates the guideline.
