1 / 17

Adventures in Web Design

Adventures in Web Design. Kathy 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.

Mia_John
Download Presentation

Adventures in Web Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adventures in Web Design Kathy E. Gill UW, Department of Communication 1 December 2004

  2. 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

  3. 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.)

  4. Readability • Function of line length, type size, leading (line-height), type face, type style • What can we control on the monitor?

  5. White space • What is it? Why do we use it? • Chunking/scanning • Structured Information Exercise

  6. Text and graphics • Balancing act • Relative importance • Low-resolution of the monitor (72dpi) • Bandwidth • Readability of links

  7. Search engine optimization • Bookmarkable URLs • Titles, keywords, descriptions • Becoming recognized source

  8. Multi-media • Flash, Quicktime, WindowsMedia, Real -- how to choose? • Mosh - GNN, Mosh - MTV • Jib-Jab • Movie Trailers • Interactive Stories • MSNBC Interactives, Terrorism • Revlon • Amazon

  9. Case study • Class project • Burke Museum special online exhibit • The Burke’s audience • Server logs • Two designs emerged • Integrated into one

  10. Burke Design 1

  11. Burke Design 2

  12. Final Design

  13. Final Design

  14. Final Design

  15. Final Design

  16. Final Design

  17. Thank you! • Kathy E. Gill, kegill@u.washington.edu

More Related