ePhilanthropy eZine

Friday, November 3, 2006 eZine 7 Issue 3: Designing Website for Seniors, Verizon Grants Available, Master Trainer Applications Due   VOLUME 7 ISSUE 3  
IN THIS ISSUE
Designing Web Sites for Older Adults (Senior Surfers)
Submit Proposal To Bring "Highest rated" ePhilanthropy Training To Your City
ePhilanthropy Job Bank - New Positions Posted
Verizon Training Grants Available - Review and Apply Online
ePhilanthropy Training in Baltimore
The Fall is Heating Up with ePhilanthropy Training in Miami and Key West
ePhilanthropy Training in San Francisco
Build Strong Nonprofits With Donated Technology Products
We Give You The Tools; You Make The Difference.
Credit Card Donation Processing Made Easy!
Watch A 5-Minute Demonstration Of The Financial Edge ™, Right At Your Desk!
Deadline Extended for Master Trainer Applications
HOME
ARTICLES BY TOPIC AREA
Learn Online and On The eTour
eZine Sponsor
Education
Designing Web Sites for Older Adults (Senior Surfers)
http://www.aarp.org/olderwiserwired/oww-...
by AARP.org

These heuristics are extracted from our review of the recent relevant research on older adults and Web site design. Each heuristic also has a list of questions that we used to focus our observations on the Web sites.

Note that this list does not include heuristics about trust, security, credibility, privacy, and other affective issues. Although these are important issues for older adults, the research we reviewed did not touch on these issues.

Also, remember that these are not all the heuristics that you would need to follow to develop or evaluate a specific Web site. These are the elements that the research in our literature review says are particularly needed by older adults because of the special aspects of age, ability, aptitude, and attitude that come with aging.

Related Research

Readers interested in these heuristics may find the related literature review helpful. For an example of the heuristics in use, see our expert review of 50 Web sites.

Interaction Design: Designing the way users work with the site


1.  Use conventional interaction elements.
1.1 Does the site use standard treatments for links?
1.2 Is link treatment the same from to within the site?

2.  Make it obvious what is clickable and what is not.
2.1 In lists of bulleted links, are the bullets clickable?
2.2 Are command and action items presented as buttons?
2.3 Do buttons and links show that they have been clicked?
2.4 Are buttons clearly labeled?
2.5 If there is an image on a button or icon, is it task-relevant?
2.6 Do graphic buttons avoid symbols that will be unfamiliar to older adults who have low computer and Web expertise?
2.7 Is there a visible change (other than the cursor changing) when the user "points" to something clickable with his or her mouse?

3.  Make clickable items easy to target and hit.
3.1 Are buttons large enough to easily see the image or text on them – at least 180 x 22 pixels?
3.2 Is the area around buttons clickable?
3.3 Is there enough space between targets to prevent hitting multiple or incorrect targets?
3.4 Do buttons and links enlarge when the rest of the text size is increased?

4.  Minimize vertical scrolling; eliminate horizontal scrolling.
4.1 Does the site work at the resolution that the user would typically view the site at without horizontal scrolling?
4.2 Do pop-ups and secondary windows open wide and long enough to contain the content without the need for scrolling?
4.3 For scrolling lists, for example, a list of all the states.
  • Are checkboxes used rather than drop-down or pull-down menus?
  • If not, are drop-down menus (a menu that drops down when requested and stays open without further action until the user closes it or chooses a menu item) used rather than pull-down menus (a menu that is pulled down and that stays available as long as the user holds it open)?

5.  Ensure that the Back button behaves predictably.
5.1 Does the Back button appear on the browser toolbar on every page?
5.2 Does clicking the Back button always go back to the page that the user came from?

6.  Let the user stay in control.
6.1 Is there no rolling text that goes by automatically?
6.2 Does the site use static menus (a click leads to another page) rather than “walking menus” (exposing a sub-menu on hovering)?
6.3 If there are walking menus, do they expand on a click (rather than a hover)?
6.4 Are the sub-menus timed to stay open for 5 seconds or until they’re clicked?

7.  Is there clear feedback on actions?
7.1 Are error pages descriptive and did they provide a solution to the user?
7.2 Are confirmation pages clear?

8.  Provide feedback in other modes in addition to visual.
8.1 Are captioning and or meaningful alternative text provided for images, video, and animation?
8.2 Does the site support haptic (vibrating, tactile feedback) pointing devices (such as the Logitech iFeel mouse)?

Information Architecture: Organizing the content


9.  Make the structure of the Web site as visible as possible.
9.1 Does the site use a directory list format for listing topics (such as Yahoo! does or hhs.gov or firstgov.gov)?
9.2 Does the site use cross-references to related topics and redundant links?
9.3 Is the site hierarchy as broad and shallow as possible?

10.  Clearly label content categories; assist recognition and retrieval rather than recall.
10.1 Are labels descriptive enough to make it easy to accurately predict what the content will be under each topic category?
10.2 Do labels and links start with different, distinct, and relevant key words?
10.3 Are labels useful and understandable each on their own?
10.4 Do labels reflect language that older adults are familiar with?

11.  Implement the shallowest possible information hierarchy.
11.1 Are important, frequently needed topics and tasks closer to the surface of the Web site?
11.2 Are related topics and links grouped and labeled?
11.3 Do labels and category names correspond to users’ tasks and goals?
11.4 Do paths through the information architecture support users’ tasks and goals?
11.5 Is the path for any given task a reasonable length (2-5 clicks)?
11.6 Is the path clear of distractors and other obstacles to reaching task goals?
11.7 Are there a few, helpful cross-reference links that are related to the current task goal?
11.8 Do redundant links have the same labels?

12.  Include a site map and link to it from every page.
12.1 Is there a site map?
12.2 Is the site map linked from every page?
12.3 Does the site map provide a quick overview of the whole site, a rehash of the main navigation or a list of every single topic on the site?

Visual Design: Designing the pages


13.  Make pages easy to skim or scan.
13.1 Are pages clean looking and well organized (versus cluttered or busy)?
13.2 Is there a clear visual “starting point” to the page?
13.3 If pages are dense with content, is content grouped or otherwise clustered to show what is related?
13.4 Is it easy to tell what is content and what is advertising?
13.5 Do task-supporting keywords stand out?
13.6 Are images relevant to, and supportive of, the text content?
13.7 Are there videos or animated sequences? If so, do they support specific goals or tasks?

14.  Make elements on the page easy to read.
14.1 Is the default type size 12-point or larger?
14.2 If not, is there an obvious way on the page to increase the type size?
14.3 If not, does changing the type size in the browser enlarge all of the text?
14.4 Is the type size on pull-downs and drop-down menus the same size as the text content? Does it change when the user increases the type size?
14.5 Are headings noticeably larger than body content (18- or 24-point)?
14.6 Is sans serif type used for body content?
14.7 Are headings set in a typeface that is easy to read?
14.8 Are there visual cues to direct users’ attention to important items that are in the left and right columns?

15.  Visually group related topics.
15.1 Are pages dense with information, or sparse, or in between? Is the amount appropriate for the audience and type of site?
15.2 Are the most important and frequently used topics, features, and functions, close to the center of the page rather than in the far left or right margins?
15.3 Are task-related topics grouped together?
15.4 Are frequently used topics, actions, and links “above the fold”?

16.  Make sure text and background colors contrast.
16.1 Are text and interaction elements a different color from the background (not just a different hue)?
16.2 Do the colors that are used together make information easy to see and find?
16.3 Are clickable items highlighted differently from other non-clickable highlighted items?
16.4 Are multiple types of highlighting minimized on each page?

17.  Use adequate white space.
17.1 Are there visual cues in the layout of the page that help users know there is more content “below the fold”?
17.2 Is there line space between clickable items? (at least 2 pixels)
17.3 Is body text broken up with appropriate and obvious headings?

Information Design: Writing and formatting the content


18.  Make it easy to find things on the page quickly.
18.1 Is the amount of text minimized; is only necessary information present?
18.2 If there are introduction paragraphs, are they necessary?
18.3 Are instructions and messages easy to recognize?
18.4 Is there liberal use of headings, bulleted lists, and links to assist skimming?
18.5 Do bulleted lists have the main points and important keywords at the beginning of each item?
18.6 Do links have meaningful labels?
18.7 Are buttons labeled clearly and unambiguously?
18.8 Do button and link labels start with action words?

19.  Focus the writing on audience and purpose.
19.1 Is the content written in active voice, directed to “you”?
19.2 Are sentences short, simple, and straightforward?
19.3 Are paragraphs short?
19.4 Is humor used appropriately, if at all?
19.5 Are headings, labels, and captions descriptive of associated content?
19.6 Are conclusions and implications at the top of a body of text, with supporting content after? (inverted pyramid)

20.  Use the users’ language; minimize jargon and technical terms.
20.1 Does the site use words that most older adults know?
20.2 If there are technical words or jargon, are they appropriate for the level of domain expertise that the audience has?
20.3 If there are new or technical terms, does the site help users learn what the terms mean?
20.4 Are concepts and technical information (such as safety and effectiveness information about a prescription drugs) written in plain language?
20.5 Are instructions written in plain language?
20.6 Is the reading level appropriate for the capabilities of the audience and their literacy in the topic area? Is it easy to draw inferences and to understand the implications of text?


[PRINTER FRIENDLY VERSION]
LETTERS

There are no letters for this article. To post your own letter, click Post Letter.

[POST LETTER]
Published by ePhilanthropy Foundation
Copyright © 2006 ePhilanthropyFoundation.Org. All rights reserved.
ePhilanthropy.Org 1101 15th Street, NW, Suite 200 Washington, DC 20005 phone: 877.536.1245 fax: 202.478.0910 email: eZine@ephilanthropy.org
TELL A FRIEND
Copyright © 2002, the ePhilanthropyFoundation.Org. All rights reserved. Permission to use, copy, and/or distribute this document in whole or in part for non-commercial purposes without fee is hereby granted provided that this notice and appropriate credit to the Foundation is included in all copies.
Powered by IMN