Design Better Web Pages?
Here's How.


Less = More

Content is king

Vary color and white space

A little color goes a long way

Allow users to take advantage of what you have to offer:
explain links, make images small and quick

Don't use a technology or cool Web toy just because you can--
make sure if offers something to the user.

For more Web design tips and tricks, please refer to Wendy Robinson's
Design Lecture Page.
 
 
 
These sites work because...

These sites don't work because...

Stanford University  
http://www.stanford.edu/  
Good use of color in background and text. Photo helps give you a sense of what Stanford is like, not a meaningless close-up.  Clean presentation of a lot of information, and doesn't need constant updating in order to remain fresh. Contact information clearly displayed.  


National Institutes of Health 
http://www.nih.gov/  
Tried to fade the image at the top, did it so much that the screen just looks dirty.
Have a nice color bar on the side but waste a lot of navigational space by overlapping the images into the white space. Would work better if they centered the images in the color bar and ditched the fade effect on the right hand border of each photo.


 
 
New York Times  
http://www.nytimes.com/   
Makes a visual connection to the printed newspaper, but doesn't try to recreate it. Makes good space of white space, simple black and red type is most effective on the Web.


UNC Offices of the University Registrar  
http://regweb.oit.unc.edu/registration/  
Pink/purple background makes it difficult to use. Uses frames (can be tricky to see where you are). Uses very small type on some pages, almost unreadable.


University of Georgia  
http://www.uga.edu/  
Good use of Java  to bring up the text when you rollover one of the options on the homepage---helps provide more information without making the page appear cluttered or busy. Feathered  edges of the photo creates a more artistic effect, use of drop shadow in head line an attempt to add a sense of depth to the page. 


Jonathan Ball's page  
http://students.haverford.edu/jball/  
Hard to read text on this background, blinking headline gets incredibly annoying in a big hurry. In his defense, he does ask for advice and suggestions,and gives you a way to contact him.


Greg Zimmerman's page 
http://students.haverford.edu/gzimmerm/ 
Example of how a black background can work effectively. Nice use of images as links and the images load quickly. Also gives you an idea of what you'll find when you follow the link. Spinning counter on the bottom is annoying.


Jonathan Slemmer's page 
http://students.haverford.edu/jslemmer/ 
What does this mean?? Without the right plug-in we have no idea. 


Disclaimer: Opinions expressed here are done so for educational purposes.
They reflect only the opinion of the author of the page, not of JOMC 050 as a whole.
Created by Michael Manning on June 6, 1998
mike baseball icon