|
|
|
Presented by: |
|
Mike Burgess |
|
President of Spinnaker, LLC |
|
Immediate Past Chair of the PRSA Technology
Section |
|
|
|
|
Importance of your content |
|
People |
|
Search engines |
|
Section 508 and Web Content Accessibility
Guidelines |
|
Usability tips |
|
Usability testing |
|
Usability resources |
|
|
|
|
|
|
The single most important component of your
website is your content. |
|
Define your target audience, including
non-traditional audiences and those with special needs. (search engines,
spammers, Macintosh users, etc.) |
|
|
|
|
Plan, plan, plan. |
|
Keep your site user-focused and task-oriented |
|
KISS (Keep It Simple Stupid) - Avoid technical
jargon. |
|
Find creative ways to reinforce your main point
throughout your pages. |
|
Use visual aids like bold, CAPITALS, italics and
teletext to emphasize points. Also consider changing font size, color and
style to draw your readers eyes to your main points. |
|
Utilize headings and lists to break down the
your content into more manageable chunks. |
|
|
|
|
The Web is just another medium. |
|
People read 80% as fast on a screen as on a
printed page. |
|
Whenever possible separate content from
presentation. |
|
Utilize contrast, chunking and web conventions. |
|
|
|
|
Evaluate content using complex algorithms |
|
Do not evaluate grammar |
|
Description - needs to be specific to content on
that page |
|
H1 - specific to content on that page |
|
Title - less than 80 characters |
|
|
|
|
Very important if you are part of Federal or
State Government or do business with the government |
|
www.section508.gov |
|
www.w3.org/TR/WCAG10/full-checklist.html |
|
bobby.watchfire.com (accessibility validation) |
|
www.diveintoaccessibility.org |
|
|
|
|
Alt tags |
|
Summary tags for tables |
|
Relative sizing |
|
Hot keys and skip navigation links |
|
Accessibility statement |
|
|
|
|
Text as an Image |
|
Flash |
|
Image formats (.jpg, .gif, .png) |
|
Document formats (.pdf, .doc) |
|
|
|
|
Web conventions |
|
Breadcrumbs |
|
Unique headings and page titles |
|
Don’t use frames as it masks the URL of the page |
|
Give visual clues (scent) about where your user
is in your hierarchy |
|
|
|
|
Drill down |
|
Site Map |
|
Search |
|
Try to cater to all three |
|
|
|
|
Card sort |
|
Scenario-based testing |
|
Watch users perform common tasks |
|
Questionnaire |
|
Focus groups |
|
Look in your logs |
|
Test your competitor’s sites |
|
Hire a consultant |
|
|
|
|
www.useit.com - Jakob Nielson |
|
www.usability.gov |
|
Measuring User Experience- www.webtechniques.com/archives/2001/02/ellis/ |
|
Usability Testing - www.bls.gov/ore/htm_papers/st960150.htm |
|
|
|
|
|
|
Contact information: |
|
Mike Burgess |
|
Spinnaker, LLC |
|
www.spinnakerweb.com |
|
mburgess@spinnakerweb.com |
|
(785) 233-6278 |
|
|
|
|
|
Notes