Web Design and Usability Techniques
(Second Edition)

I'm always amazed that people will actually choose to sit in front of
the television and just be savaged by stuff that belittles their
intelligence. - Alice Walker, writer (1944- )

The average person is deluged by 3000 messages a day
but will only react to about ten.
People @ home - What's our beef with mutton?

Planning a Web Site

1. Determine the Site Mission
   • Planning Your Site - A Worksheet
   • Web Design Process
   • Usable Sites
   • Web Site Types
   • Brainstorm the Site Mission
2. Determine the Audience
   • Accessibility
   • Demographics
     • Kids' Corner: Website Usability for Children
     • Teenagers on the Web
     • Usability for Senior Citizens
   • Computer Equipment Statistics
3. Choose a Domain Name
• Domain Name Registration
4. Organize Content
   • Chunk Size
     • Seven Plus or Minus Two
   • Content Categories
   • Site Flowchart
   • Labels
5. Determine Technoloies for a Site
   • Database-driven Sites
   • FlashSites
   • XML
   • Cascading Style Sheets

CREATING A MOCK-UP

1. Choose lmages
   1. Choosing Images for a site
2. Choose Colors
   • Color Theory Tutorial
   • Hue
   • Saturation
   • Tint
   • Complementary Colors
   • Analogous Colors
   • Web-Safe Colors     
   • Color Blind Viewers
3. The Need for Web Design Standards
4. Mastery, Mystery, and Misery: The Ideologies of Web Design
5. Apply Design Principles
   • Focal Point
   • Proximity
   • Alignment
   • Contrast
   • Grid
   • Above the Fold
   • Eyes top left - what web authors learn from Eyetrack III
6. Create a Mock-up
   • Paper Prototyping
   • Mock-up    image page
   • Home Page
   • Template
   • Navigation Bread Crumbs
   • Utility Navigation
   • Navigation Usability
     • Is Navigation Useful?
   • Web Page Usability
   • Galleries: The Hardest Working Page on Your Site
7. Users tests of the ‘intermod’ web site mock-up

DEVELOPING READABLE CONTENT FOR THE WEB

1. Choose Fonts
   • Serif Fonts
   • Sans-Serif Fonts
   • Common Fonts    Earl's Font Face Test Page
   • WebFonts
   • A Comparison of Popular Online Fonts: Which is Best and When?
2. lmprove Readability
   • Writing Effectively for the Web and Intranet
   • Inverted Pyramid Writing Style
   • Write newspaper style
   • Standards for online content authors
   • How to write summaries for web and intranet pages, and why
   • When is a long document not a long document?
     

SITE TESTING

1. Perform Usability Testing
   • Testing Roles
   • Testing
   • Testing Areas
2. Validate a Site      Doctor HTML
   • HTML Standards
   • Accessibility
   • Browser Compatibility
   • Image File Formats
   • Slicing      [example]
   • Dealing with Browser Incompatibilities

PUBLICIZE A SITE

1. lncrease Search Engine Rankings
   • Optimizing Web Sites for Search Engines
   • Search Engine Rankings
   • Search Engine Spiders
   • Crawler Pages
2. Market a Site

** Home ** Class Pages ** Site Map **

David J. Hark
HARK/INTERNET-HELP, Inc.
P. O. Box 201 Shepherdstown, WV 25443-0201
304-876-2607
N8GMQ
dhark@fred.net
http://www.dhark.com
http://www.fred.net/dhark
Last updated: 27 October 2006

© 2005, 2006 David J. Hark
All rights reserved.