Skip to content

Instantly share code, notes, and snippets.

@vikramrojo
Last active September 19, 2019 09:24
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save vikramrojo/19dde544d22947769cbffdc56d2a0199 to your computer and use it in GitHub Desktop.
Save vikramrojo/19dde544d22947769cbffdc56d2a0199 to your computer and use it in GitHub Desktop.
An intuitive evaluation criteria

Usable Interface

Derived from various usability literature, these 8 usability inspection criteria are meant to be used in critiques and evaluations of web applications.

💰 Affordance

Degree to how seamlessly an app’s layout directs a user to their goals

Requirements Provision

  • The set of features offered by the system satisfies the needs and requirements of users

Choice Availability

  • Within the system, a range of appropriate options are presented to perform an operation

Feature Organization

  • Features provide the best means of performing tasks and are matched to user knowledge

🚀 Benefit

Degree to which an app's features map to a user’s goals

Visual Metaphor

  • System perpetuates a coherent conceptual model of function and organization from relevant metaphors

Cognitive Steps

  • Complex interactions are avoided while the steps to perform operations are minimized and without repetition

System Consistency

  • Steps to complete operations are consistent, likewise with movement and layout that a user can predict behavior

📖 Comprehension

Degree to which an app’s appearance is perceived clearly by users

Accuracy and Prominence

  • Information conveyed by the system is accurate with certain components given emphasis

Perceptual Clarity

  • Objects are discernible, and grouped appropriately without appearing cluttered or misaligned

Accessibility Attributes

  • Supports assistive technologies and where possible, enables usage by impaired users or alternate devices

🔦 Discoverability

Degree to which an app’s states and content are findable

Cognitive Load

  • Complex operations and obscure symbols are avoided

State and feedback

  • User is aware of their location, current state is visible, errors are prominent and actions are visible

Contextual Help

  • Material relating to the context of use is available for an object or its state and extended where needed

References

  • 30 Usability Principles, Connell & Hammond
  • Designing Effective Speech Interfaces, Weinschenk and Barker
  • Heuristics for User Interface Design, Nielsen
  • 8 Steps to an Intuitive UI, McKay
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment