Effective Web Design - HomeWeighting - Using Visual Elements
(Continued)

 

Use "white" or empty space to lead the user's eye to your page content.  Text that spans the width of the page is overwhelming to readers. Breaking text into smaller, manageable chunks allow readers to digest the information you are presenting. Use page margins,  tables, bulleted lists or "blockquotes" as indentation tools that can effectively guide the reader through the document.  Compare how reading this wide block of text feels in comparison to how reading the shorter blocks of text in the following table, making use of bullets and other visual separators, feels.

~**~ Draw attention to important content with bullets, arrows, check marks, horizontal rules and other small splashes of color.
->A set of scheduled meetings
-> Steps in a process
-> A point-by-point presentation of information

The types of content above can be enhanced by these small attention-drawing graphics. When used consistently, they also provide visual cues that allow readers to recognize where they are and what the elements mean.

 

~**~ Navigation is a crucial aspect of weighting elements and design consistency. You not only want your users to know they are visiting your site, you want them to know how to get around in a clear, concise manner. Coordinated graphical elements in the form of buttons or navigation bars are most effective when they are clearly visible and complement, rather than overwhelm, the content. Tasteful, simple, well-placed navigation will ensure that more of your site is used.
previous pagenext page

UO/E Web Support | Style | Learning the Basics


Outreach and Extension

Kate Akers  akersk@missouri.edu
Last revised: 08/12/04

University of Missouri Extension does not discriminate on the basis of race, color, national origin, sex, sexual
orientation, religion, age, disability or status as a Vietnam-era veteran in employment or programs.