Skip to content

Instantly share code, notes, and snippets.

@plainspace
Forked from vikramrojo/UsableInterface.md
Created September 8, 2018 01:07
Show Gist options
  • Save plainspace/86805563241f013846fa9d41dfa57d57 to your computer and use it in GitHub Desktop.
Save plainspace/86805563241f013846fa9d41dfa57d57 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

Adaptation of an application features to a user’s changing needs

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

🔦 Discoverability

Exchange of states and knowledge between an application and a user

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

📖 Comprehension

Degree to which an application’s contents are clear to 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

🚀 Efficiency

Cognitive load of an interface and its contents presented to a user

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

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