POUR Flashcards
What are the design principles of POUR?
Perceivable,
Operable,
Understandable and
Robust
State 3 ways to implement a perceivable (See) user design
- Not use colour as the only way to explain or distinguish something
- Provide transcripts for audio and video
- Make sure your service is responsive - for example to the user’s device, page orientation and font size they like to use
State 3 ways to implement an operable user design
- Make sure users can move through content in a way that makes sense
- Let people play, pause and stop any moving content
- Only use things like mouse events or dynamic interactions (like swiping or pinching) when they’re strictly necessary - or let the user disable them and interact with the interface in a different way
State 3 ways to implement an understandable user design
Hint - Language
- Make sure features look consistent and behave in predictable ways
- Make it clear what language the content is written in, and indicate if this changes
- Make it easy for people to identify and correct errors in forms
State 3 ways to implement a robust user design
- Use HTML so user agents, including assistive technologies, can accurately interpret and parse content
- Make sure your code lets assistive technologies know what every user interface component is for, what state it’s currently in and if it changes
- Make sure important status messages or modal dialogs are marked up in a way that informs users of their presence and purpose, and lets them interact with them using their assistive technology
Define perceivable in POUR
Users can recognise and use your service with the senses that are available to them
Define operable in POUR
Users can find and use your content, regardless of how they choose to access it (for example, using a keyboard or voice commands)
Define understandable in POUR
Users can understand your content and how the service works
Define robust in POUR
Content can be interpreted reliably by a wide variety of user agents (including reasonably outdated, current and anticipated browsers and assistive technologies)