Inclusive Design Principles

Posted on Friday, 9 June 2017 by Henny Swan
  • Category:

Three hot air balloons hang together in a calm, sunny sky

Behind every great site or application lies thought, empathy and inclusion. This doesn’t happen by accident, it happens by design. How we get there is as unique, original, and diverse as the people who use our products. The Inclusive Design Principles are just one way to help you get there.

Why Inclusive Design Principles?

Inclusive Design is about putting people first. It’s about designing for the needs of people with permanent, temporary, situational, or changing disabilities — all of us really. At TPG we wanted a framework which we could use, alongside the standards and guidelines, to take products beyond compliance.

We work with people throughout the design, build, and evolution of a product including users, designers, architects, developers, product owners, strategists and more. These principles help ensure we identify the most appropriate features for a product, implemented in the best way possible, to support as many people as possible. As such the Inclusive Design Principles are not guidelines or a replacement for guidelines, they are prompts to be used during the design phase.

How to use the principles

During the design phase, we need to do more than just ensure visual designs have sufficient colour contrast, visible focus states, logical structure and so on. We need to look at what features to include and how best to present these features from a visual design and interaction perspective.

Let’s take an example such as a search feature and how we might apply a couple of the principles starting with Add value:

Consider the value of features and how they improve the experience for different users.

Imagine a native app for a streaming music or TV service. The search is predictive so people with dexterity issues or learning impairments can use the feature with more ease. Search results are also grouped under headings or for artists, albums and songs etc. This makes results easier to filter, scan, and navigate to for blind people using screen readers. So far so accessible – providing everything is coded correctly.

Search results in the Sonos iOS app are grouped under tabs for Songs, Albums, Playlists and so on.

To add value to the app, integrating with the Voice API supports people who find text input hard. This could include people with a screen reader, zoom, or with dexterity or learning impairments.

YouTube incorporates voice search together with predictive search

This value added feature is also an example of offering choice as some users may find voice search quicker and easier than text input:

Consider providing different ways for people to complete tasks, especially those that are complex or non standard.

By adding value and providing choice you make a search feature not only more inclusive but also more usable for people with situational or temporary limitations such as voice search when in a car or using a touch screen with a plaster on your finger.

Inclusive design need not be a constraint. It’s the opposite; inclusive design is innovation and creatively.

Translations

Inclusion is about everybody so we’ll be adding as many language versions as possible. The Spanish version is available today, with more coming soon. Many thanks to Chaals McCathieNevile for the translations.

Acknowledgements and inspiration

There is so much good work out there that the Inclusive Design Principles build on such as the Microsoft Inclusive Design Toolkit, A Web for Everyone, , the Accessible UX Manifesto and more. But really it’s the people we build this stuff for that are the true contributors and inspiration.

We also want to thank all those who provided feedback, suggestions and translations including Jamie Knight, Chris Mills, Glen Gordon, Marco Zehe, Ethan Marcotte, David Sloan, Melanie Richards, Tom Waterhouse, Matt Attkinson, Chaals McCathieNevile, Patrick Lauke, and Justin Stockton.

Tell us what you think

Feel free to leave a comment or let us know what you think on Twitter using #IDPrinciples.

Slides

Slides are available, a recording of the presentation at Inclusive Design 24 will follow soon.

About Henny Swan

Henny Swan is a User Experience and Design Lead with The Paciello Group. Prior to TPG she worked at the BBC where she was lead author on the BBC Mobile Accessibility Standards and Guidelines, UX lead for accessibility and looked after BBC iPlayer, the BBC Standard Media Player, the 2012 Olympics, Weather and Sport. Henny has also worked as a Web Evangelist in the Developer Relations team at Opera Software ASA, and as a Senior Accessibility Consultant at the Royal National Institute of Blind People in the UK where she set up the RNIB Web Access Centre.

Henny has been involved with Web Standards and Accessibility since 2001, actively participating in W3C initiatives such as the Web Accessibility Initiative Education and Outreach Working Group, the User Agent Accessibility Guidelines Working Group. She is also a former lead of the International Liaison Group within the Web Standards Project (WaSP).

Comments

Comments for this post are closed.