Inclusive Design:

Design for ONE, Design for ALL
Stefano Del Furia – Director of Digital Innovation


Campus DaVinci – Umbertide (PG)
Rome | March 22 - 23, 2019
One of the
most
amazing
places in
the
world !!!
#GreetingsFromVenice
How difficult could it be to
get from the train station to
Piazza San Marco?
Yes, they are quite similar 😂
You have a lot of
choices
But how difficult
could it be to get
from the train
station to Piazza
San Marco on a
Wheelchair ?
It can be nearly impossible 😕 !!!
Nothing is
impossible
Installing curb cuts and ramps
make bridges and boats more
accessible for wheelchairs
An inclusive approach
makes better solutions
The
“magic” of
inclusive
design
Let’s begin our journey to Inclusive Design World
From Disability as personal attribute..



Disability: In the context of health
experience a disability is any restriction
or lack (resulting from an impairment)
of ability to perform an activity in the
manner or within the range considered
normal for a human being. 



World Health Organization, 1980

… to context-dependent Disability



Disability is not just a health
problem. It is a complex
phenomenon, reflecting the
interaction between features of a
person’s body and features of the
society in which he or she lives.



World Health Organization, 2001

It’s the wrong interaction that creates disability
When We don’t Care about Disability
Accessibilit
y check
Project
Developmen
t
Testin
g
Release
bad
planning
Who we design for ?



If we use our own abilities and
biases as a starting point, we end
up with products designed for
people of a specific gender, age,
language ability, tech literacy,
and physical ability. Those with
specific access to money, time,
and a social network.

Who gets excluded !



The interactions we
design with technology
heavily depend on what
we can see, hear, say,
and touch. 

Assuming all those
senses and abilities are
fully enabled all the time
creates the potential to
ignore much of the range
of humanity.
We have to
Design for
Human
Diversity
Inclusive Design…



…is a methodology, born out
of digital environments, which
enables and draws on the full
range of human diversity. 

Most importantly, this means
including and learning from
people with a range
of perspectives.
Learn from diversity



Inclusive design puts people
in the center from the very
start of the process, and those
fresh, diverse perspectives are
the key to true insight.

Human beings are the real
experts in adapting to
diversity.
Designing applications
becomes a crucial work
because the inclusive
design must begin

“from the drawing”

When We don’t Care about Disability
Accessibilit
y check
Project
Developmen
t
Testin
g
Release
bad
planning
When We Design for “Divability”
Release
Projec
t
Accessibilit
y
Developmen
t
Accessibility
Testin
g
Accessibility
right planning
Recognize exclusion



All humans grow and adapt to
the world around them and
we want our designs to
reflect that.

Designing for inclusivity not
only opens up products and
services to more people, it
also reflects how people
really are.
Sometimes exclusions are temporary
Sometimes exclusions are situational
Physical Context



Different
environments enable
different capabilities,
present different
limitations, and have
different rules and
social norms.
Social Context



Different social
contexts come with
different rules,
behaviors, and
social norms. 

The Persona Spectrum 

(Permanent, Temporary, Situational)
We use the Persona Spectrum to
understand related mismatches
and motivations across a
spectrum of permanent,
temporary, and situational
scenarios.

It’s a quick tool to help foster
empathy and to show how a
solution scales to a broader
audience.
The Persona Spectrum 

(Permanent, Temporary, Situational)
The Persona Spectrum 

(Permanent, Temporary, Situational)
The Persona Spectrum 

(Permanent, Temporary, Situational)
The Persona Spectrum 

(Permanent, Temporary, Situational)
Inclusive Design doesn’t
mean you’re designing
one thing for all people.
You’re designing a
diversity of ways to
participate so everyone
has a sense of belonging.
Susan Goltsman

Inclusive Design Pioneer
Solve for one, extend to many



Everyone has abilities, and limits to
those abilities.

Designing for people with
permanent disabilities actually
results in designs that benefit
people universally.



Constraints are a wonderful thing 😉
Different
people
benefit
Benefits of inclusive design
Technology that’s designed
through inclusive practices pays
off in many ways including:
•Increased access
•Reduced friction
•More emotional context 🥰
The power of the
Web is in its
universality.

Access by everyone
regardless of
disability is an
essential aspect.



Tim Berners-Lee

World Wide Web
Inventor
Web Content
Accessibility
Guidelines
WCAG 2.1 covers a wide
range of
recommendations for
making Web content
more accessible
Web Content
Accessibility
Guidelines
WCAG 2.1 covers a wide
range of
recommendations for
making Web content
more accessible
Web Content
Accessibility
Guidelines
WCAG 2.1 covers a wide
range of
recommendations for
making Web content
more accessible
Web Content
Accessibility
Guidelines
WCAG 2.1 covers a wide
range of
recommendations for
making Web content
more accessible
Web Content
Accessibility
Guidelines
WCAG 2.1 covers a wide
range of
recommendations for
making Web content
more accessible
Examples of Impairment or Disability
addressed 

by WCAG 2.1 Principles and Guidelines
Sight
Physic
al
Heari
ng
Cognit
ive
Speec
h
Neuro
logical
Langu
age
Learni
ng
Perceivable              
 
Provide text alternatives for non-text content. X   X X     X X
Provide captions and audio descriptions for videos and other alternatives for multimedia. X   X X   X X X
Make it easier for users to see and hear content including separating foreground from
background.
X   X     X   X
Operable                
Make all functionality available from a keyboard. X X     X X X X
Provide users enough time to read and use content. X X X X X X X X
Do not design content in a way that causes seizures.     X   X    
Help users navigate and find content. X X X X   X   X
Understandable                
Make web pages appear and operate in predictable ways. X X   X     X X
Help users avoid and correct mistakes.       X   X X X
Maximize compatibility with current and future user tools, including assistive technologies. X X X X X X X X
Overview of Modules

Web Accessibility Objectives
We have
increased the
level of complexity
• Noisy Spaces
• Outdoor use in 

bright light
• Small-sized
touchscreens
• Multitasking-Driving 

or Walking
• All Ages using
Mobile
Could you find
all issues ?
Transport Map
Important news!
Train Status
On Time
Late
Cancelled
134
28
276
Action buttons are too small
Transport Map
Important news!
Train Status
On Time
Late
Cancelled
134
28
276
Texts are too small
Wrong colors
Wrong elements distributions
… but
there’s more
than just
Phones &
Tablets
•Car interfaces
•Smart watches
•Emerging Markets
•Videogame controllers
Not only
technical
conformanc
e
Inclusive Design is
making the user
experience better but
don’t blindly follow it
When Technical
Conformance is bad 😱!
In the UK, Clare,
mother of 7-y-o
Katie, requested
improved access for
her disabled
daughter.
Their house had a
number of steps that
were difficult to
navigate.
After 2 years, the
council fixed the
problem at a cost of
45.000 €.
Can you
guess
how?
The council said
this was the only
option to fit
something into
the garden.
They no longer have a
garden 😒.
The ramp is now a
magnet for
skateboarders.
It’s accessible, but
there was no thought
given to the user
experience.
It’s a Long Way (to the top if ya wanna rock and roll 😎)
Life is like coffee:
you can put all
the sugar you
want, but if you
want to sweeten
you have to turn
the spoon.

If you stay still,
nothing
happens.



Alex Zanardi

Olympic Gold
Medalist
GAAD

Global Accessibility Awareness Day
May 17-18 

Tactile Museum “Omero” – Ancona

5/17 Fri

Sessions (afternoon) + Blind Dinner
5/18 Sat 

Sessions (morning/afternoon)
accessibilitydays.github.io/
accessibilitydays
Special thanks to …
•Alessandro Scardova
(@AlexBream)
•Andrea Saltarello (@andysal74)
•Fabrizio Caccavello (@cfabry)
•Stefano Ottaviani (@ste8)
Our mission is
to empower
every person on
the planet to
achieve more.
Satya Nadella

CEO Microsoft
Rome | March 22 - 23, 2019
When Everybody Plays, 

We All Win !
Thank You Very Much # !
Please tweet your comments
using:
#inclusivedesign

#codemotionrome2019
Twitter: @stenodelfo
Linkedin: /in/delfuria
Stefano Del Furia

Director of Digital Innovation

& Teacher 

Campus “Da Vinci”
Umbertide (PG) - Italy

Stefano Del Furia - Inclusive Design - Codemotion Rome 2019

  • 1.
    Inclusive Design:
 Design forONE, Design for ALL Stefano Del Furia – Director of Digital Innovation 
 Campus DaVinci – Umbertide (PG) Rome | March 22 - 23, 2019
  • 2.
    One of the most amazing placesin the world !!! #GreetingsFromVenice
  • 3.
    How difficult couldit be to get from the train station to Piazza San Marco?
  • 4.
    Yes, they arequite similar 😂
  • 6.
    You have alot of choices
  • 7.
    But how difficult couldit be to get from the train station to Piazza San Marco on a Wheelchair ?
  • 9.
    It can benearly impossible 😕 !!!
  • 10.
  • 11.
    Installing curb cutsand ramps make bridges and boats more accessible for wheelchairs
  • 12.
  • 13.
  • 14.
    Let’s begin ourjourney to Inclusive Design World
  • 15.
    From Disability aspersonal attribute..
 
 Disability: In the context of health experience a disability is any restriction or lack (resulting from an impairment) of ability to perform an activity in the manner or within the range considered normal for a human being. 
 
 World Health Organization, 1980

  • 16.
    … to context-dependentDisability
 
 Disability is not just a health problem. It is a complex phenomenon, reflecting the interaction between features of a person’s body and features of the society in which he or she lives.
 
 World Health Organization, 2001

  • 18.
    It’s the wronginteraction that creates disability
  • 19.
    When We don’tCare about Disability Accessibilit y check Project Developmen t Testin g Release bad planning
  • 20.
    Who we designfor ?
 
 If we use our own abilities and biases as a starting point, we end up with products designed for people of a specific gender, age, language ability, tech literacy, and physical ability. Those with specific access to money, time, and a social network.

  • 21.
    Who gets excluded!
 
 The interactions we design with technology heavily depend on what we can see, hear, say, and touch. 
 Assuming all those senses and abilities are fully enabled all the time creates the potential to ignore much of the range of humanity.
  • 23.
    We have to Designfor Human Diversity
  • 24.
    Inclusive Design…
 
 …is amethodology, born out of digital environments, which enables and draws on the full range of human diversity. 
 Most importantly, this means including and learning from people with a range of perspectives.
  • 25.
    Learn from diversity
 
 Inclusivedesign puts people in the center from the very start of the process, and those fresh, diverse perspectives are the key to true insight.
 Human beings are the real experts in adapting to diversity.
  • 26.
    Designing applications becomes acrucial work because the inclusive design must begin
 “from the drawing”

  • 27.
    When We don’tCare about Disability Accessibilit y check Project Developmen t Testin g Release bad planning
  • 28.
    When We Designfor “Divability” Release Projec t Accessibilit y Developmen t Accessibility Testin g Accessibility right planning
  • 30.
    Recognize exclusion
 
 All humansgrow and adapt to the world around them and we want our designs to reflect that.
 Designing for inclusivity not only opens up products and services to more people, it also reflects how people really are.
  • 31.
  • 32.
  • 33.
    Physical Context
 
 Different environments enable differentcapabilities, present different limitations, and have different rules and social norms.
  • 34.
    Social Context
 
 Different social contextscome with different rules, behaviors, and social norms. 

  • 35.
    The Persona Spectrum
 (Permanent, Temporary, Situational) We use the Persona Spectrum to understand related mismatches and motivations across a spectrum of permanent, temporary, and situational scenarios.
 It’s a quick tool to help foster empathy and to show how a solution scales to a broader audience.
  • 36.
    The Persona Spectrum
 (Permanent, Temporary, Situational)
  • 37.
    The Persona Spectrum
 (Permanent, Temporary, Situational)
  • 38.
    The Persona Spectrum
 (Permanent, Temporary, Situational)
  • 39.
    The Persona Spectrum
 (Permanent, Temporary, Situational)
  • 40.
    Inclusive Design doesn’t meanyou’re designing one thing for all people. You’re designing a diversity of ways to participate so everyone has a sense of belonging. Susan Goltsman
 Inclusive Design Pioneer
  • 41.
    Solve for one,extend to many
 
 Everyone has abilities, and limits to those abilities.
 Designing for people with permanent disabilities actually results in designs that benefit people universally.
 
 Constraints are a wonderful thing 😉
  • 42.
  • 43.
    Benefits of inclusivedesign Technology that’s designed through inclusive practices pays off in many ways including: •Increased access •Reduced friction •More emotional context 🥰
  • 44.
    The power ofthe Web is in its universality.
 Access by everyone regardless of disability is an essential aspect.
 
 Tim Berners-Lee
 World Wide Web Inventor
  • 45.
    Web Content Accessibility Guidelines WCAG 2.1covers a wide range of recommendations for making Web content more accessible
  • 46.
    Web Content Accessibility Guidelines WCAG 2.1covers a wide range of recommendations for making Web content more accessible
  • 47.
    Web Content Accessibility Guidelines WCAG 2.1covers a wide range of recommendations for making Web content more accessible
  • 48.
    Web Content Accessibility Guidelines WCAG 2.1covers a wide range of recommendations for making Web content more accessible
  • 49.
    Web Content Accessibility Guidelines WCAG 2.1covers a wide range of recommendations for making Web content more accessible
  • 50.
    Examples of Impairmentor Disability addressed 
 by WCAG 2.1 Principles and Guidelines Sight Physic al Heari ng Cognit ive Speec h Neuro logical Langu age Learni ng Perceivable                 Provide text alternatives for non-text content. X   X X     X X Provide captions and audio descriptions for videos and other alternatives for multimedia. X   X X   X X X Make it easier for users to see and hear content including separating foreground from background. X   X     X   X Operable                 Make all functionality available from a keyboard. X X     X X X X Provide users enough time to read and use content. X X X X X X X X Do not design content in a way that causes seizures.     X   X     Help users navigate and find content. X X X X   X   X Understandable                 Make web pages appear and operate in predictable ways. X X   X     X X Help users avoid and correct mistakes.       X   X X X Maximize compatibility with current and future user tools, including assistive technologies. X X X X X X X X Overview of Modules
 Web Accessibility Objectives
  • 52.
    We have increased the levelof complexity • Noisy Spaces • Outdoor use in 
 bright light • Small-sized touchscreens • Multitasking-Driving 
 or Walking • All Ages using Mobile
  • 53.
    Could you find allissues ? Transport Map Important news! Train Status On Time Late Cancelled 134 28 276
  • 54.
    Action buttons aretoo small Transport Map Important news! Train Status On Time Late Cancelled 134 28 276 Texts are too small Wrong colors Wrong elements distributions
  • 55.
    … but there’s more thanjust Phones & Tablets •Car interfaces •Smart watches •Emerging Markets •Videogame controllers
  • 56.
    Not only technical conformanc e Inclusive Designis making the user experience better but don’t blindly follow it
  • 57.
    When Technical Conformance isbad 😱! In the UK, Clare, mother of 7-y-o Katie, requested improved access for her disabled daughter. Their house had a number of steps that were difficult to navigate. After 2 years, the council fixed the problem at a cost of 45.000 €.
  • 58.
  • 60.
    The council said thiswas the only option to fit something into the garden.
  • 61.
    They no longerhave a garden 😒. The ramp is now a magnet for skateboarders. It’s accessible, but there was no thought given to the user experience.
  • 62.
    It’s a LongWay (to the top if ya wanna rock and roll 😎)
  • 63.
    Life is likecoffee: you can put all the sugar you want, but if you want to sweeten you have to turn the spoon.
 If you stay still, nothing happens.
 
 Alex Zanardi
 Olympic Gold Medalist
  • 64.
    GAAD
 Global Accessibility AwarenessDay May 17-18 
 Tactile Museum “Omero” – Ancona
 5/17 Fri
 Sessions (afternoon) + Blind Dinner 5/18 Sat 
 Sessions (morning/afternoon) accessibilitydays.github.io/ accessibilitydays
  • 65.
    Special thanks to… •Alessandro Scardova (@AlexBream) •Andrea Saltarello (@andysal74) •Fabrizio Caccavello (@cfabry) •Stefano Ottaviani (@ste8)
  • 66.
    Our mission is toempower every person on the planet to achieve more. Satya Nadella
 CEO Microsoft
  • 68.
    Rome | March22 - 23, 2019 When Everybody Plays, 
 We All Win ! Thank You Very Much # ! Please tweet your comments using: #inclusivedesign
 #codemotionrome2019 Twitter: @stenodelfo Linkedin: /in/delfuria Stefano Del Furia
 Director of Digital Innovation
 & Teacher 
 Campus “Da Vinci” Umbertide (PG) - Italy