Embed Size (px)
Citation preview
Adventures in Web DesignKathy E. Gill
UW, Department of Communication
1 December 2004
Points to be covered
Monitor settings : effect on page size
Readability : line length, line spacing, type size
White space Integration of text and graphics Search engine optimization Multi-media
Monitor settings
No such thing as “average” web user. Know your audience
Increased resolution -> decreased type size and increased line length
Over 40s Remember alternative devices
(PDAs, phones, kiosks, etc.)
Readability
Function of line length, type size, leading (line-height), type face, type style
What can we control on the monitor?
White space
What is it? Why do we use it? Chunking/scanning Structured Information Exercise
Text and graphics
Balancing act Relative importance Low-resolution of the monitor
(72dpi) Bandwidth Readability of links
Search engine optimization
Bookmarkable URLs Titles, keywords, descriptions Becoming recognized source
Multi-media
Flash, Quicktime, WindowsMedia, Real -- how to choose? Mosh - GNN, Mosh - MTV Jib-Jab Movie Trailers Interactive Stories
•MSNBC Interactives, Terrorism•Revlon•Amazon
Case study
Class project Burke Museum special online
exhibit The Burke’s audience
Server logs
Two designs emerged Integrated into one
Final Design
