universal design

Notes

Study Notes

HCI Notes: Universal Design

Focus: Universal Design

Designing products to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.

1. What is Universal Design?

Coined by architect Ronald Mace, Universal Design (UD) is a proactive design philosophy aiming for inherent usability across a wide range of human abilities, ages, and circumstances. It is a design for the **mainstream** that benefits everyone.

UD vs. Accessibility:

  • **Universal Design (UD):** A broad goal to create a single design solution that works for everyone *out of the box*.
  • **Accessibility:** A focus on specific requirements (often mandated by law, e.g., WCAG) to make a system usable by people with disabilities, often through dedicated features or assistive technologies (e.g., screen readers).

2. The Seven Principles of Universal Design

These principles, developed by a working group led by Mace at North Carolina State University, serve as a framework for inclusive design.

  • **1. Equitable Use:** The design is useful and marketable to people with diverse abilities. (Example: Auto-saving software usable by all, regardless of motor function).
  • **2. Flexibility in Use:** The design accommodates a wide range of individual preferences and abilities. (Example: Adjustable text size, volume, or contrast).
  • **3. Simple and Intuitive Use:** The design is easy to understand, regardless of the user's experience, knowledge, language skills, or current concentration level. (Example: Clear, universally recognized icons).
  • **4. Perceptible Information:** The design communicates necessary information effectively, regardless of ambient conditions or the user's sensory abilities. (Example: Providing captions/subtitles for videos; color coding backed up by text labels).
  • **5. Tolerance for Error:** The design minimizes hazards and the adverse consequences of accidental or unintended actions. (Example: Providing warnings and an easy "undo" function).
  • **6. Low Physical Effort:** The design can be used efficiently and comfortably and with a minimum of fatigue. (Example: Minimal number of clicks required for common tasks; ergonomically designed input methods).
  • **7. Size and Space for Approach and Use:** Appropriate size and space is provided for approach, reach, manipulation, and use regardless of user's body size, posture, or mobility. (Example: Large touch targets on a mobile screen).

3. Designing for Diverse Abilities

Universal Design encourages considering the entire spectrum of human ability, including permanent, temporary, and situational impairments.

[Image illustrating permanent, temporary, and situational impairments]

The Ability Continuum:

  • **Permanent:** A lifelong condition (e.g., total blindness, loss of a limb).
  • **Temporary:** A temporary condition (e.g., eye infection, broken arm in a cast).
  • **Situational:** A temporary limitation based on context (e.g., driving a car, holding a baby, bright sunlight).

Example: Designing for Situational Loss of Hearing

Designing a video interface with subtitles (Principle 4). This benefits the **permanently deaf**, the user with a **temporary ear infection**, and the user in a **situational** noisy airport.

4. Application: WCAG and Digital UD

The Web Content Accessibility Guidelines (WCAG) provide the most detailed standards for implementing Universal Design principles in web and digital content. WCAG is structured around four primary principles (POUR):

  • **P - Perceivable:** Users must be able to perceive the information being presented (it can't be invisible to all their senses). (Relates to UD Principle 4).
  • **O - Operable:** Users must be able to operate the interface (the interface cannot require an interaction that a user cannot perform). (Relates to UD Principles 2, 5, 6, 7).
  • **U - Understandable:** Users must be able to understand the information as well as the operation of the user interface. (Relates to UD Principle 3).
  • **R - Robust:** Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies. (Relates to UD Principle 1).

Practical UD Examples

  • **High Contrast:** Use sufficient color contrast for text readability.
  • **Keyboard Navigation:** Ensure all functions can be accessed without a mouse.
  • **Alternative Text (Alt Text):** Describe images for screen reader users.
  • **Structured Headings:** Use proper HTML heading tags ($

    ,

    $) to organize content for easy scanning.

Navigation

evaluation tech... Back to Module
Module Complete