@nephp
#InventTogether
Inclusive Design /
Michael Miles
Genuine (wearegenuine.com)
Dev(up); (developingup.com)
All the internet places: mikemiles86
Planning considerations to ensure that a product, service and/or environment is usable by everyone to the greatest extent possible.
![]() |
![]() |
![]() |
Ronald L. Mace | Slewyn Goldsmith | Patricia Moore |
Founded and pushed the idea of universal design in the architecture and design of public spaces. Lowering barriers to make those spaces as usable by as many people as possible.
The sloped curb is a result of barrier free/universal desighn. It helps those with accessibility issues, but also beyond. Parents with strollers, delievery people, even people distracted by a text on their cellphone.
Inclusive Design encompasses accessibility issues, as well as, the wider range of human differences.
Inclusive Design
Accessibility
Vision
Hearing
Cognitive Ability
Mobility
|
|
© 05/2011 Sandi Wassmer
©CC4.0 09/2016 Mike Miles
In 1952 the Air force had a problem, their new jets were not performing well. The issue? The cockpit was designed for the "average" pilot, for someone who did not exist. It was not until they designed to accomidate the actual differences of pilots did performance improve.
"If you design for the average, you are literally designing for nobody."
- Todd Rose
Building for the "average user" is the same as building for no user. Every user has a unique difference
Planning for unique users (outliers) and their differences, means capturing everyone in between.
![]() |
![]() |
![]() |
"Has red-green colorblindness" |
"Has a broken wrist due to a skiing accident" |
"Does most work while traveling" |
desktop | tablet | mobile |
Data Source: gs.statcounter.com/platform-market-share/desktop-mobile-tablet
Only a few years ago we were asking clients if they wanted a mobile site. Now we tell them they need a responsive site. The market changed. The same thing is happening for accessibility, we need to tell clients they have to plan this way.
Google does not care about how your website looks. They care about the markup and being able to readers your content in the correct order. As do people with screen readers. If you plan for them, then you plan for better SEO
![]() Republic of Mali |
![]() South Korea |
0.5 Mbps | 28.6 Mbps |
Data Source: www.fastmetrics.com/internet-connection-speed-by-country.php#top-10-comparison-2017
If you just build for South Korea, people in Mali are going to have a poor expirence. However, if you plan and build for people in Mali then everyone is going to have a positive experience.
The boston.gov website was redesigned and the content was reorganized with real users in mind.
"The website should act like a helpful human. This is one of the big differences between the old site and the new site... on the old site, it would feel like you were interacting with some sort of lawyer-robot that was speaking to you in government-speak"
Jascha Franklin-Hodge, the city’s chief of information technology
Source: The Boston Globe
Tools like hemingwayapp.com can help you write clear, direct and meaningful content. A readability score of "Grade 6" means the content is engaging enough for advanced users, but clear and inviting enough for new users.
The boston.gov website feature contextually linked sections such as street cleaning and tow lots.
"The easiest way to do inclusive design? Stop asking about gender!"
- Sarah Leren
Drupal.org give users multiple options on how to identify their geneder, or not select an option at all.
Pintrest not only gives users options, but also explains to the user why they collect gender information.
If we agree to these four pillars when building our applications, then we have to think differently.
And if we follow the four pillars, then we will reach a wider audience.
bit.ly/NEPHPIDX
This presentation |
bit.ly/IDXPrinciples
10 Principles of Inclusive Design |
bit.ly/IDXAvgMyth The Myth of Average |
bit.ly/IDXSemBBC BBC Semantic guidelines |
bit.ly/IDXPatterns Inclusive Design Patterns |
bit.ly/IDXGender Inclusive Design: Excluding No Gender |
Questions?