Design Systems and Universal Design
Learning Objectives
- You know what design systems are and you know of some design systems.
- You know of universal design and know of universal design principles.
Design systems
A design system is a collection of styles, components, patterns, and practices that guide the design of applications. A design system helps with creating a consistent user experience, and reduces the time needed to build applications. In addition, a design system can potentially improve the usability of the application.
The time savings mainly relate to not needing to reinvent the wheel or to design styles, while the usability improvements come from potential research-based design of the design systems.
There exists a wide variety of design systems, including:
- Google’s Material Design System
- Apple’s Human Interface Guidelines
- Amazon’s Cloudscape Design System
- Microsoft’s Fluent Design System
- Adobe’s Spectrum
- Salesforce’s Lightning Design System.
- Aalto’s Design system.
Design systems differ from design guidelines. While guidelines outline the principles and rules for designing applications, design systems also include the tools, e.g. components and libraries, that can be used to realize the designs.
Seven principles of universal design
Following Device-Agnostic Design Philosophy, we seek to create services that can be accessed and used by anyone, regardless of the device or platform they are using. The objective is to ensure that all developed services work on any device, at any time, and anywhere.
When discussing this in the context of design systems and usability, it is meaningful to take a step back, and consider related design approaches. A classic approach that all who know of device-agnostic design should be aware of is Universal Design.
Universal Design is “The design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.” — The Center for Universal Design (1997). The Principles of Universal Design, Version 2.0. Raleigh, NC: North Carolina State University
There are seven principles to Universal Design, which have been compiled by Bettye Rose Connell, Mike Jones, Ron Mace, Jim Mueller, Abir Mullick, Elaine Ostroff, Jon Sanford, Ed Steinfeld, Molly Story, and Gregg Vanderheiden. The principles and their associated guidelines are as follows.
Principle 1. Equitable Use — The design is useful and marketable to people with diverse abilities.
- Provide the same means of use for all users: identical whenever possible; equivalent when not.
- Avoid segregating or stigmatizing any users.
- Provisions for privacy, security, and safety should be equally available to all users.
- Make the design appealing to all users.
Principle 2. Flexibility in Use — The design accommodates a wide range of individual preferences and abilities.
- Provide choice in methods of use.
- Accommodate right- or left-handed access and use.
- Facilitate the user’s accuracy and precision.
- Provide adaptability to the user’s pace.
Principle 3. Simple and Intuitive Use — Use of the design is easy to understand, regardless of the user’s experience, knowledge, language skills, or current concentration level.
- Eliminate unnecessary complexity.
- Be consistent with user expectations and intuition.
- Accommodate a wide range of literacy and language skills.
- Arrange information consistent with its importance.
- Provide effective prompting and feedback during and after task completion.
Principle 4. Perceptible Information — The design communicates necessary information effectively to the user, regardless of ambient conditions or the user’s sensory abilities.
- Use different modes (pictorial, verbal, tactile) for redundant presentation of essential information.
- Provide adequate contrast between essential information and its surroundings.
- Maximize “legibility” of essential information.
- Differentiate elements in ways that can be described (i.e., make it easy to give instructions or directions).
- Provide compatibility with a variety of techniques or devices used by people with sensory limitations.
Principle 5. Tolerance for Error — The design minimizes hazards and the adverse consequences of accidental or unintended actions.
- Arrange elements to minimize hazards and errors: most used elements, most accessible; hazardous elements eliminated, isolated, or shielded.
- Provide warnings of hazards and errors.
- Provide fail safe features.
- Discourage unconscious action in tasks that require vigilance.
Principle 6. Low Physical Effort — The design can be used efficiently and comfortably and with a minimum of fatigue.
- Allow user to maintain a neutral body position.
- Use reasonable operating forces.
- Minimize repetitive actions.
- Minimize sustained physical effort.
Principle 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.
- Provide a clear line of sight to important elements for any seated or standing user.
- Make reach to all components comfortable for any seated or standing user.
- Accommodate variations in hand and grip size.
- Provide adequate space for the use of assistive devices or personal assistance.
When considering user experience laws discussed next, reflect also on how they relate to Universal Design principles outlined above.