Inclusive Design
Thinking beyond accessibility
#NERDSummit
Mike Miles
Genuine ( )wearegenuine.com
Dev(up); ( )developingup.com
All the internet places: mikemiles86
We all have one thing in common
We want to make a positive impact on as many
people as possible
Inclusive Design is...
Planning considerations to ensure that a product,
service and/or environment is usable by everyone to
the greatest extent possible.
Based on Universal Design
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.
Thinking beyond accessibility
Inclusive Design encompasses accessibility issues, as well as, the wider range of human differences.
Inclusive
Design
Location
Gender
Language
Education
Age
Accessibility
Vision 
Hearing  
Cognitive Ability 
Mobility
Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017
10 Principles of Inclusive Design
1. Be Equitable
2. Be Flexible
3. Be Straightfoward
4. Be Perceptible
5. Be Informative
6. Be Preventative
7. Be Tolerant
8. Be Effortless
9. Be Accomidating
10. Be Consistent
© 05/2011 Sandi Wassmer
bit.ly/IDXPrinciples
Four Pillars of Inclusive Design
I. No user is average
II. Every user deserves equal access
III. Provide understandable content for every user
IV. Every user deserves our trust and respect
©  09/2016 CC4.0 Mike Miles
I. No user is average
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.
The Myth of Average
"If you design for the average, you are literally
designing for nobody."
­ Todd Rose
bit.ly/IDXAvgMyth
The average user does not exist
Building for the "average user" is the same as building for no user. Every user has a unique difference
Plan beyond the average user
Planning for unique users (outliers) and their differences, means capturing everyone in between.
Create personas with limitations
"Suffers from red­
green colorblindness"
"Has a broken wrist
due to a skiing
accident"
"Does most work while
traveling"
Map users based on behaviors
Create an impact map of expected behaviors
© Dominic Krimmer www.dkrimmer.de
Plan out the journey you want users to have. Base it on the real behaviors they will take and how they
can reach your intended endpoint.
II. Every user deserves equal access
45% of internet browsing is from desktop
desktop mobile / other
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.
Structure in a way that makes sense
Use semantic markup, 
Use progressive design to deliver experience
Prioritize what needs to be loaded
bit.ly/IDXSemBBC
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
Average global internet speed: 6.3Mbps
Republic of Mali South Korea
0.5 Mbps 26.3 Mbps
Data Source: www.fastmetrics.com/internet­connection­speed­by­country.php#top­10­comparison
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.
Artificially limit yourself
Use tools to throttle connection
Disable JavaScript
Can you navigate without a mouse?
III. Provide understandable content to
every user
The new 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
Be clear and direct
Use simple phrasing and avoid jargon
Pay attention to font, spacing, line length
Be meaningful, tools to check readability
Tools like   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.
hemingwayapp.com
Inform and guide
Display useful error messaging
Plan a user's journey
Provide contextual relations
The new boston.gov website feature contextually linked sections such as street cleaning and tow lots.
IV. Provide every user with trust and
respect
Inclusive Design: Excluding no gender
"The easiest way to do inclusive design? Stop
asking about gender!"
­ Sarah Leren
bit.ly/IDXGender
Drupal.org give users multiple options on how to identify their geneder, or not select an option at all.
Collect only the information you need
Ask "Why do we need this data?"
Ask "What options can we give users?"
Ask "Why should users give this to us?"
Pintrest not only gives users options, but also explains to the user why they collect gender information.
Be responsible with data
Explain how the data is used
Explain how the data is protected
Give users control of their data
Four Pillars of Inclusive Design
I. No user is average
II. Every user deserves equal access
III. Provide understandable content for every user
IV. Every user deserves our trust and respect
If we agree to these four pillars when building our applications, then we have to think differently.
We make a positive impact on as many
people as possible
And if we follow the four pillars, then we will reach a wider audience.
Resources
 
This presentation
 
Presentation Slides
 
10 Principles of Inclusive Design
 
The Myth of Average
 
BBC Semantic guidelines
 
Inclusive Design: Excluding No Gender
bit.ly/NERD17IDX bit.ly/NERD17IDXSlides
bit.ly/IDXPrinciples bit.ly/IDXAvgMyth
bit.ly/IDXSemBBC bit.ly/IDXGender
Feedback
@mikemiles86
#NERDSummit
 #NERDSummit  @WeAreGenuine Inclusive Design /  Michael Miles
Thank You!

More Related Content

PDF
Inclusive Design (NAEA : 2017.03.08)
PDF
Inclusive Design
PDF
Inclusive Design 101
PDF
Inclusive Design: Tools, technologies + strategies
PDF
Inclusive Design: Thinking beyond accessibility
PDF
Universal Design Rethinking Barriers To Quality Of Life
PDF
Design for all (eng)
PDF
Universal design: Make one design that fits everyone
Inclusive Design (NAEA : 2017.03.08)
Inclusive Design
Inclusive Design 101
Inclusive Design: Tools, technologies + strategies
Inclusive Design: Thinking beyond accessibility
Universal Design Rethinking Barriers To Quality Of Life
Design for all (eng)
Universal design: Make one design that fits everyone

What's hot (20)

PDF
Universal Design Guide for Inclusive Tourism by Scott and Sarah Pruett
PDF
Honors presentation draft
PPT
Universal Design (UD) - And Introduction
PPTX
Workshop Universal Design Principles.
PPT
Universal Design: The Seven Principles
PPT
Teaching for democracy in a holistic perspective
PPTX
universal design principle
PPTX
the world of innovation- aid for the blind
PDF
The Seven Faces of Open Design
PPT
Universal Design (w/ architectural examples)
PPT
A1 universal design
PPTX
Universal architectural design
PPT
Inclusive Design and Wicked Problems
PPTX
The Reach for Universal Design
PDF
Marc Dujardin Introduction of a user-orientated design paradigm
PDF
Accessibility is not Inclusion
PPT
The importance of design!
PPTX
A tool to empower people to help themselves
PDF
Universal design in a diverse world
PDF
Universal Design and urban environment, by Antonio Caperna PhD
Universal Design Guide for Inclusive Tourism by Scott and Sarah Pruett
Honors presentation draft
Universal Design (UD) - And Introduction
Workshop Universal Design Principles.
Universal Design: The Seven Principles
Teaching for democracy in a holistic perspective
universal design principle
the world of innovation- aid for the blind
The Seven Faces of Open Design
Universal Design (w/ architectural examples)
A1 universal design
Universal architectural design
Inclusive Design and Wicked Problems
The Reach for Universal Design
Marc Dujardin Introduction of a user-orientated design paradigm
Accessibility is not Inclusion
The importance of design!
A tool to empower people to help themselves
Universal design in a diverse world
Universal Design and urban environment, by Antonio Caperna PhD
Ad

Viewers also liked (20)

PDF
Do the right thing: accessibility and inclusive design (with Drupal)
PDF
Being a strong transformative leader
PDF
Actividad ciudadano digital
PDF
Actividad 1.1 grupos de alimentos
PPTX
Scoliosis
PPTX
Past simple and present perfect
PPTX
Introduccion calidad
PPTX
3Com LAN-CAT6-10M-BLAU
PPTX
Sclerosis
DOCX
Planificación anual 4° grado de primaria según el Curriculo Nacional
PPTX
Falar bem em público melhora o seu negócio?
PDF
Portfolio Kit for Teachers
DOC
PDF
Inclusive Design: Thinking Beyond Accessibility | DCNL 2017
DOC
News A 11 2017
DOCX
Syllabus tsm-2017
PPTX
Unidad 2 proceso de auditoría
PDF
170309 - FFBB Infos 091
PDF
An Eden Project Field Guide to inclusive communities
PDF
「The Mexico City Charter for the Right to the City: Six strategic principles ...
Do the right thing: accessibility and inclusive design (with Drupal)
Being a strong transformative leader
Actividad ciudadano digital
Actividad 1.1 grupos de alimentos
Scoliosis
Past simple and present perfect
Introduccion calidad
3Com LAN-CAT6-10M-BLAU
Sclerosis
Planificación anual 4° grado de primaria según el Curriculo Nacional
Falar bem em público melhora o seu negócio?
Portfolio Kit for Teachers
Inclusive Design: Thinking Beyond Accessibility | DCNL 2017
News A 11 2017
Syllabus tsm-2017
Unidad 2 proceso de auditoría
170309 - FFBB Infos 091
An Eden Project Field Guide to inclusive communities
「The Mexico City Charter for the Right to the City: Six strategic principles ...
Ad

Similar to Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017 (20)

PDF
INCLUSIVE DESIGN: Going beyond Accessibility
PDF
Universal Design - Updated
PDF
Inclusive design toolkit manual
PPTX
Participatory Democracy
PDF
A Continental Conversation on Disability and Development
PPTX
Wk4 assgnrayl
PDF
New Vision for ux in South Africa
PPTX
Case study 2 Human Computer Interaction
PPTX
What is ud demographics-w-notes - adopted for dis stud class
PDF
Ijetr021144
PPTX
Universal Design for Touch
PDF
Design for human diversity
DOC
Sandi Wassmer - Transcript, e a11
PDF
Accessible design systems
PDF
Inclusive Play - Sensory Therapy Gardens Manual
PDF
CSUN Inclusive Design Changes Perspective
PDF
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019
PPT
Co-creating the User Experience
PPTX
Design thinking for accessible user experiences - UX Scotland2014
INCLUSIVE DESIGN: Going beyond Accessibility
Universal Design - Updated
Inclusive design toolkit manual
Participatory Democracy
A Continental Conversation on Disability and Development
Wk4 assgnrayl
New Vision for ux in South Africa
Case study 2 Human Computer Interaction
What is ud demographics-w-notes - adopted for dis stud class
Ijetr021144
Universal Design for Touch
Design for human diversity
Sandi Wassmer - Transcript, e a11
Accessible design systems
Inclusive Play - Sensory Therapy Gardens Manual
CSUN Inclusive Design Changes Perspective
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019
Co-creating the User Experience
Design thinking for accessible user experiences - UX Scotland2014

More from Michael Miles (17)

PDF
How to Foster Team Success
PDF
How to Foster Team Success | Drupalcon 2017
PDF
The Flexibility of Drupal 8 | DCNLights 2017
PDF
Drupal8Day: Demystifying Drupal 8 Ajax Callback commands
PDF
The Flexibility of Drupal 8
PDF
Demystifying AJAX Callback Commands in Drupal 8
PDF
MidCamp 2016 - Demystifying AJAX Callback Commands in Drupal 8
PDF
The Flexibility of Drupal
PDF
Badcamp 2015 - R.E.A.D: Four Steps for Selecting The Right Modules
PDF
The Flexibility of Drupal
PDF
Demystifying Drupal AJAX Callback Commands
PDF
NYCCAMP 2015 Demystifying Drupal AJAX Callback Commands
PDF
The Flexibility of Drupal
PDF
Flcamp2015 - R.E.A.D: Four steps for selecting the right modules
PDF
R.E.A.D: Four steps for selecting the right modules Midcamp 2015
PDF
How to R.E.A.D: Steps for how to select the correct module @NEWDCamp 2014
PDF
To Patch or Custom: How to decide when to patch a contrib module or go custom...
How to Foster Team Success
How to Foster Team Success | Drupalcon 2017
The Flexibility of Drupal 8 | DCNLights 2017
Drupal8Day: Demystifying Drupal 8 Ajax Callback commands
The Flexibility of Drupal 8
Demystifying AJAX Callback Commands in Drupal 8
MidCamp 2016 - Demystifying AJAX Callback Commands in Drupal 8
The Flexibility of Drupal
Badcamp 2015 - R.E.A.D: Four Steps for Selecting The Right Modules
The Flexibility of Drupal
Demystifying Drupal AJAX Callback Commands
NYCCAMP 2015 Demystifying Drupal AJAX Callback Commands
The Flexibility of Drupal
Flcamp2015 - R.E.A.D: Four steps for selecting the right modules
R.E.A.D: Four steps for selecting the right modules Midcamp 2015
How to R.E.A.D: Steps for how to select the correct module @NEWDCamp 2014
To Patch or Custom: How to decide when to patch a contrib module or go custom...

Recently uploaded (20)

PDF
Alethe Consulting Corporate Profile and Solution Aproach
PPTX
Cyber Hygine IN organizations in MSME or
PPTX
Internet Safety for Seniors presentation
PPTX
10.2981-wlb.2004.021Figurewlb3bf00068fig0001.pptx
PDF
Paper The World Game (s) Great Redesign.pdf
PDF
Computer Networking, Internet, Casting in Network
PPTX
Tìm hiểu về dịch vụ FTTH - Fiber Optic Access Node
PPTX
KSS ON CYBERSECURITY INCIDENT RESPONSE AND PLANNING MANAGEMENT.pptx
PDF
Alethe Consulting Corporate Profile and Solution Aproach
PPTX
Top Website Bugs That Hurt User Experience – And How Expert Web Design Fixes
PPTX
Basic understanding of cloud computing one need
DOCX
Powerful Ways AIRCONNECT INFOSYSTEMS Pvt Ltd Enhances IT Infrastructure in In...
PDF
BIOCHEM CH2 OVERVIEW OF MICROBIOLOGY.pdf
PPTX
ECO SAFE AI - SUSTAINABLE SAFE AND HOME HUB
PDF
Virtual Guard Technology Provider_ Remote Security Service Solutions.pdf
PDF
Buy Cash App Verified Accounts Instantly – Secure Crypto Deal.pdf
PPTX
Viva Digitally Software-Defined Wide Area Network.pptx
PDF
Top 8 Trusted Sources to Buy Verified Cash App Accounts.pdf
PPTX
1402_iCSC_-_RESTful_Web_APIs_--_Josef_Hammer.pptx
PPTX
Partner to Customer - Sales Presentation_V23.01.pptx
Alethe Consulting Corporate Profile and Solution Aproach
Cyber Hygine IN organizations in MSME or
Internet Safety for Seniors presentation
10.2981-wlb.2004.021Figurewlb3bf00068fig0001.pptx
Paper The World Game (s) Great Redesign.pdf
Computer Networking, Internet, Casting in Network
Tìm hiểu về dịch vụ FTTH - Fiber Optic Access Node
KSS ON CYBERSECURITY INCIDENT RESPONSE AND PLANNING MANAGEMENT.pptx
Alethe Consulting Corporate Profile and Solution Aproach
Top Website Bugs That Hurt User Experience – And How Expert Web Design Fixes
Basic understanding of cloud computing one need
Powerful Ways AIRCONNECT INFOSYSTEMS Pvt Ltd Enhances IT Infrastructure in In...
BIOCHEM CH2 OVERVIEW OF MICROBIOLOGY.pdf
ECO SAFE AI - SUSTAINABLE SAFE AND HOME HUB
Virtual Guard Technology Provider_ Remote Security Service Solutions.pdf
Buy Cash App Verified Accounts Instantly – Secure Crypto Deal.pdf
Viva Digitally Software-Defined Wide Area Network.pptx
Top 8 Trusted Sources to Buy Verified Cash App Accounts.pdf
1402_iCSC_-_RESTful_Web_APIs_--_Josef_Hammer.pptx
Partner to Customer - Sales Presentation_V23.01.pptx

Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017