29
Date tested Start time End time Tester name Tester's Job/Role Tester phone no. Tester email Platform/OS Used Page tested (filename or URL) Connection used (network, dial-up, ISDN) Browser used (IE, Netscape, Opera) General comments about the site (after testing) How would you rate the usability of this checklist? Do you have any suggestions for additions to this checklist?

Heuristic checklist

Embed Size (px)

DESCRIPTION

This is the Excel spreadsheet that I use for expert reviews. Create a set of tasks performed by a typical user and then respond to the questions and note the severity of the problems. Some of this is adapted from Jakob Nielsen's original Heuristic list.

Citation preview

Page 1: Heuristic checklist

Date tested

Start time

End time

Tester name

Tester's Job/Role

Tester phone no.

Tester email

Platform/OS Used

Page tested (filename or URL)

Connection used (network, dial-up, ISDN)

Browser used (IE, Netscape, Opera)

General comments about the site (after testing)

How would you rate the usability of this checklist?

Do you have any suggestions for additions to this checklist?

Page 2: Heuristic checklist

2

No.Criteria

Yes No N/A

1

1.1

1.2

1.3

1.4

1.5

1.6 Can each page "stand alone"?

1.7

1.8

1.9

1.10

1.11

1.12

2 Clarity of Communication

Severity

(0-4)

Visual Presentation and DesignDoes the page layout contain enough open space to not be cluttered?Is the page moderate in its use of color?Is page length appropriate in its content?

Does the page provide feedback whenever possible (e.g., "reply" screen for forms-based pages)?

Is the page length two screens or less?

Is the formatting scheme logical and standard?Are row and column headers visible for data tables?Is the site aesthetically pleasing enough to keep users interested?Is the text (size, color, font) on the background (color, texture, etc.) easy to read?Are the text columns no wider than 3.5 inches on your screen?

Do graphic elements (photos, images, etc.) match context?

F1
See Severity Ratings tab
Page 3: Heuristic checklist

3

2.1

2.2

2.3

2.4

2.5

2.6

2.7

2.8

2.9

2.10

2.11

2.12

2.13

2.14

2.15

2.16

Can you determine quickly the purpose and features of the page?Can you easily find contact information?Can you easily send an email to the contact person?Are links and icons labeled in a way that makes sense?Are clear instructions given for performing processes?Are FAQs organized by category?Are information and error messages useful, accurate and correctly spelled?Does the page convey a clear sense of its intended audience?Is the language used in a way that's familiar and comfortable to you?Are the page title and headings short and meaningful?Is the language kept clear and simple?Are header elements used to convey page structure?Is the target of each link clearly identified?Are acronyms and abbreviations defined?Are the contents ordered in a logical way (e.g., alpha, temporally, spatially, categorically, or by magnitude)?Are you provided with a preview of what will happen or where you'll go before you click on a hyperlink?

Page 4: Heuristic checklist

4

2.17

2.18

2.19

3 Navigation

3.1

3.2

3.3`

3.4

3.5

3.6

3.7

3.8

3.9 Are meaningless links avoided?

3.10

Is information "chunked" into short, readable paragraphs or bullets?Does the page use an "inverted pyramid" information structure, with summary information presented first, followed by more detail?Does the page title accurately describe the contents of the page?

Is there a lack of excessive "page bouncing" where you must visit several pages to get the information you need?Is there a link to a site map, site index or list or commonly accessed sections?Is hyperlinking used frequently, to prevent large pages from being` downloaded?Is there a clear and obvious link to the home page?Is the navigation flow consistent and logical?Does the page use (approximately) standard link colors?Are the links obvious in (i.e., clearly labeled for) their intent and destination?Is there a convenient, obvious way to maneuver among related pages, and between different sections?

Are links provided to other relevant pages?

Page 5: Heuristic checklist

5

3.11

3.12

3.13

3.14

3.15

3.16

3.17

3.18

3.19

4 Consistency

4.1

4.2

4.3

5 Accessibility

5.1

Are links provided to more in-depth coverage of information?Are navigational aids provided on both the top and bottom of each page (if page is longer than one screen in length)?Is this page easy to find from other pages?

Can you search the entire site from this page?

Does the site avoid "orphaned" pages?

Does the page avoid the need to scroll horizontally?

Is there a "you are here" visual cue?

Does all underlined text link to something else?

Is the page visually consistent in its "look and feel" with other pages?Is the page visually consistent even without graphics?Are navigation elements used consistently?

Are graphics optimized to download quickly?

Page 6: Heuristic checklist

6

5.2

5.3

5.4

5.5

5.6

5.7

5.8

6 General/Other

6.1

6.2 Are all links active (live)?

6.3 Do all CGI scripts work?

6.4

6.5

Can a user navigate using text only?Are response times fast enough to keep you in a flow state?Does the page allow mistakes to be easily undone?Is load time appropriate to content, even on a dial-up?Is there a text equivalent for every non-text element? (e.g., image map regions, animation scripts, audio and video)Is the text readable by people with color blindness?

Are ALT attributes used to describe images?

Is there a "printer friendly" version for this page?

Does every form have a function?Do you immediately see the results of your actions?

Page 7: Heuristic checklist

7

Page 8: Heuristic checklist

8

Comments/Suggestions for Improvement

Page 9: Heuristic checklist

9

Page 10: Heuristic checklist

10

Page 11: Heuristic checklist

11

Page 12: Heuristic checklist

12

Page 13: Heuristic checklist

Heuristic PrincipleMet Violated N/A Comments/Suggestion to Remedy Problem

Severity (0-4)

1. Organize data into meaningful framework. Organize the user interface purposefully, in meaningful and useful ways that put related things together and separate unrelated things based on clear, consistent (conceptual) models or site metaphors that are apparent and recognizable to others.

1.1 Keep all needed options and materials for a given task visible without distracting the user with extraneous or redundant information.

1.2 Instead of cramming everything about a product or topic into a single page, use hypertext to structure the content space into a starting, overview page and several secondary pages that each focus on a specific topic. Help users avoid wasting time on subtopics that don’t concern them.

1.3 Recognize that users rarely read Web pages word by word; instead, they scan the page, picking out individual words and sentences. Use lists, headings, and other HTML formatting tools to help users find the information that suits their needs.

2. Visibility of system status: Keep users informed about what is going on, through appropriate feedback within reasonable time.

2.1 Structure helps users navigate. Without structural links, pages are orphaned in cyberspace. Provide users with a path to higher levels of navigation and content. (example: breadcrumbing)

E1
See Severity Ratings tab
Page 14: Heuristic checklist

2.2 Accommodate and support user-controlled navigation. Do not force users through set paths. Make alternate paths easy to follow, consistent, and logical.

2.3 Provide feedback by keeping users informed of actions or interpretations, changes of state or condition, and errors or exceptions using clear, concise, and unambiguous language familiar to users.

3. Match between system and the real world: Speak the users’ language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.

3.1 Avoid using technical, scientific or legal language. On main pages of the site, create content that can be understood by a general audience.

3.2 Provide a simple process for completing simple tasks.

3.3 When creating your site’s navigation, do not simply copy your organization’s structure. Create a navigation design and options that reflect user tasks on your site.

4. User control and freedom: Be flexible and tolerant, reducing the cost of mistakes and misuse by allowing undoing and redoing while preventing errors wherever possible by tolerating varied inputs. Provide users with a clearly marked "emergency exit" to easily recover from mistakes.

Page 15: Heuristic checklist

4.1 Don’t disable the Back button on a browser by opening a new window or using an immediate redirect. The Back button is the second-most used navigation feature (after following hypertext links). Users know that they can try anything on the Web and then click on the Back to return to familiar territory.

4.2 Help users recognize, diagnose and recover from errors by providing error messages that are written in plain language (not code), clearly indicate the problem, and constructively suggest or provide a solution.

5. Consistency and standards: Reduce the need for users to rethink and remember by reusing internal and external components and behaviors, maintaining consistency with purpose rather than merely arbitrary consistency. Follow platform conventions.

5.1 Do the same as everybody else. If most big Web sites do something in a certain way, then follow along. Users will expect things to work the same way on your site.

5.2 Avoid using HTML that does not comply with standards or causing the user’s browser to engage in a nonstandard behavior.

6. Error prevention: Even better than a good error message is a careful design which prevents a problem from occurring in the first place.

6.1 Use link titles to provide users with a preview of where each link will take them, before they have clicked on it. Help them avoid waiting for unnecessary page downloads.

Page 16: Heuristic checklist

6.2 Avoid link-rot by keeping pages up indefinitely once they have been put on the Web or provide redirect messages and auto-redirect capabilities. Other sites may link to your page. Users may have bookmarked the page because they want to go directly to a relevant part of your site. Search engines are slow in updating their databases, so they too will lead users astray if you remove pages.

6.3 Avoid using a new technology if you suspect that a large percentage of your users have not adopted the new technology.

7. Recognition rather than recall: Make objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.

7.1 Provide search if the site has more than 100 pages.

7.2 Write straightforward and simple headlines and page titles that clearly explain what the page is about and that will make sense when read out-of-context in a search engine results listing.

7.3 Structure the page to facilitate scanning; for example, use grouping and subheadings to break content into smaller "chunks."

7.4 Page titles, headlines, and subject lines needs to clear and succinct. You only get 40-60 characters to explain your content. Unless the title or subject makes it absolutely clear what the page or email is about, users will never open it.

Page 17: Heuristic checklist

8. Flexibility and efficiency of use: Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

8.1 Create the default interface as simple as the task will allow, offering more powerful features available to intermediate or expert users through customizable interfaces, keyboard shortcuts or other subtle mechanism. (an example: provide a basic search on every page with a link to an advanced search option for those who want to use it).

9. Aesthetic and minimalist design: Include in the displays only the information needed by the user at that given time/place. Every extra unit of information in a display competes with the relevant units of information and diminishes their relative visibility.

9.1 When designing for the Web, download speed must be the overriding criterion. To keep page sizes small, graphics should be kept to a minimum, and multimedia effects should be used only when they can add to a user’s understanding of the information. Keep it simple.

9.2 Split long pages of text into multiple pages, connected with hyperlinks. Each "chunk" of content should cover a specific topic. No more, no less.

9.3 Avoid creating huge scrolling pages of text; as they move down the page, users will no longer be able to see navigation options. or….

Page 18: Heuristic checklist

9.4 Practice judicious redundancy. For example, on a long page with a lot of content, repeat the navigation that disappears as the user scrolls down.

10. Help and documentation: Any Help or documentation should be easy to search, focused on the user’s task, list concrete steps to be carried out, and not be too large.

10.1 When writing documentation, provide multiple examples to help the user contextualize their problem.

10.2 When designing help, begin with “how do I…” for topics that show the user how to accomplish a task.

Page 19: Heuristic checklist

Statement 1 2 3 4 5 6 7 N/A

Please read each statement carefully and check a number from 1 to 7, where "1" means you strongly disagree with the statement and "7" means you strongly agree with the statement.

Strongly Disagree

Strongly Agree

The site satisfied the needs of various audiences.

The site was easy to use.

The site was useful.

The site provided material appropriate for the audiences.

The site did everything I expected it to do.

The fewest steps possible were required to accomplish each task.

I was able to use the site successfully.

With a little practice, I could become skillful with the site.

The site used words and phrases that were familiar to me.

Content was presented in an intuitive and logical manner.

Page 20: Heuristic checklist

I didn't wonder whether words or buttons on the same page meant the same thing.

I didn't have to remember information on one page in order to successfully accomplish something on another page.

Content provided by the site was relevant to my needs.

I would recommend a site like this one to a friend or family member.

Page 21: Heuristic checklist

Heuristic Ratings

0 I don't agree that this is a usability problem.

1 Nominal problem only -- fix if time permits or if changing other things at that location

2 Minor usability problem -- fixing this should be given low priority.

3 Major usability problem -- important to fix, so should be given high priority.

4 Usability catastrophe -- imperative to fix this before product can be released.