Usability Principles

1

User Control and Freedom (including customization, shortcuts, and precision)

The interface will allow the user to perceive that they are in control and will allow appropriate control.
The interface will allow the user to perform a task exactly.
Allow users to customize the UI as appropriate.
Enable frequent users to use shortcuts for common tasks.

• Let the user choose when to advance to the next page, instead of automatically redirecting them.
• Ensure users can complete tasks efficiently, and not have to rely on workarounds or repetitive processes.
• Dashboards let you customize what you see.
• Options for user to choose settings between list view and grid view of items.
• Showing "recently viewed" items to the user.
• "Quick links" menu to frequent actions.

2

Recognition vs. Recall

(including interpretation)

Reduce short-term memory load by assisting users and providing needed information through the interface.
The interface will make reasonable guesses about what the user is trying to do.

• If asking a user for their account number, provide it for them if possible.

• If a user is filling out a multi-page form, show the information they have already submitted when asking for confirmation.

• Chrome autofill will fill out a form based on a user's contact information that it knows.

3

Mental Model

The interface/system should match mental models that the user holds of the real world.

• If a person was looking for rooms in multiple buildings, show the rooms grouped by building, not in an alphabetical list.

4

Clarity

The interface will communicate as clearly and as efficiently as possible with comprehensible, precise, and unambiguous communication. Evident differentiation between items. Clear context.

• Text, links, labels, and menu items should be clear and concise to avoid confusing users

• Navigation menus, text, and images combined should make it clear what a website or web page is about.

• Icons, images, and highlights should be self-explanatory.

• The difference between similar elements should be clearly described so that users can easily compare and choose between elements

5

Simplicity & Aesthetic Integrity

The interface will present elements simply.
The interface will have an attractive and appropriate design.

• Instead of adding extra styles, graphics, words, and lots of functionality, reduce the complexity of the page and simplify it down to the essential information/elements.

• Interface styles support the user focusing on the actions they are completing, not distracting them.

6

Accuracy

The interface will be free from errors.

• Titles, labels, messages, content do not contain typos or erroneous/misleading information

• Calculations done in the background are accurate
   

7

Error Handling & Prevention

The system will prevent errors as much as possible, and provide simple error handling in meaningful terms.

• Assume people will make mistakes. Anticipate what they will be and try to prevent them.

• Validation of form fields to prevent user error.

• Helpful instructions in the context of the interface to assist the user.

• Plain language in the user's terms to explain errors.
   

8

Consistency & Predictability

Strive for consistency across the interface and system.
The interface will behave in a manner such that users can accurately predict what will happen next.

• The interface uses the same names for menu items as their corresponding page titles.
• The logo is always in the top left, and the search is always in the top right and does not change on different pages of the interface.
• Instead of having a button that says "Go!" provide a "Submit form" button with text telling the user what will happen next.
• The action button on the multi-step form could say "Complete order and proceed to shipping details"

9

User Support

The interface will provide additional assistance as needed or requested.

• Contextual help is provided through information links to explain form fields and why they are needed.
• A permanent link to customer support in the interface.
• Live help within a website/application

10

Forgiveness

The system will permit easy reversal of actions.

• If the user submits the form, let the user edit the form.

• Provide an "undo" and “redo” button when editing.

• Revision history

11

Feedback

The interface will offer informative feedback to the user.

• Confirmation message upon action completed, confirming to the user that it was a success.

• If a user has not filled out a required field, highlight the field in red and have text saying "This field is required."

12

Accessibility Compliant

The interface will meet AA WCAG level 2 accessibility compliance.

• All links should have accessible active/focus/hover states.

• All interfaces should be navigable by tabbing (keyboard only).

• All images have alt-text labels