Page layout and design
- Information placed above the fold (the point where the page must be scrolled up) is attended to more easily.
- Comparison shopping can require "pogo-sticking": bouncing up and down to view the information. Multi-column pdf documents are prime offenders.
- Chunk text into readable portions. Provide links for further information.
... ZDNet AnchorDesk and MSN Slate are good examples.
- Using html frames is problematic - behavior can be unpredictable linking out, cannot bookmark a state within a frameset, history list does not reflect states within a frameset, title doesn't change, printing the frameset may not work, recursive framesets within frames may cause errors.
- Pay attention to text legibility. Avoid ALL CAPS, make sure text color contrasts with background, make text large enough for different platforms and browsers, if you want it read.
- Metaphor can be useful to provide a unifying framework and facilitate learning from past experience and knowledge, but it can go overboard.
... BemarNet uses a geographical representation.
... monster.com stands out from the crowd of "career" sites.
References:
Spool et al., Web site usability: A designer's guide, 1999.
Nielsen, Designing web usability, 2000.
[Contents] [Previous] [Next]