MTMG Executive: Inclusive Design Workshop - Milano May 18 2018

Click to edit Master title style
Click to edit Master subtitle style
Edit Master text styles

Inclusive Design
MTMG Workshop May 18/18 Milano
• 2017-07-05
Corey Timpson
Corey Timpson Design Inc.
coreytimpson.com
@coreytimpson

Agenda
. introductions
. overview of 5 vectors
. review of participant examples
. break
. lecture
. workshop solutions to examples
. present ideas for inclusion to examples
. conclusions

Ecosystem
1. Graphic Design
2. Environmental Design
3. Interface Design
4. Software Design and Development
5. Media Design & Production

Design Practice

Overview
Premise/Direction
Design Development & Production
Testing, Prototyping, Testing
Fundamentals

Premise
Rather than design and develop something and then
figure out how to make it accessible, we design with
all audiences, and all abilities, in mind from the outset.
“Inclusion” would also address cultural, linguistic, and
other dynamics of difference.

Premise
Exclusion is the result of mismatched interactions.
Our responsibility is to know how our designs affect these interactions
and create mismatches.
Points of exclusion help us generate new ideas and inclusive designs.

Inclusive Design
Methodology of inclusion has several outputs. One of
these outputs is accessibility.

Environmental Scan
Canadian Museum for Human Rights Guidelines
Smithsonian Accessibility Guidelines
Museum of Science London, Building Accessible
Exhibitions
Musée de la civilisation Québec
National/State/Provincial Building Codes
WCAG 2.0
+ more

Ecosystem

Ecosystem
The user exists within both physical and digital spaces.
Consideration of the building without the installations cannot be
done.
Consideration of the digital installation cannot be done in
isolation.
Many variables combine to define the user experience.

Graphic Design

Graphic Design
Anatomy of Type

Graphic Design
Type Testing

Graphic Design
Text Layout

Graphic Design
Text Layout
I cnduo't bvleiee taht I culod aulaclty uesdtannrd waht I
was rdnaieg. Unisg the icndeblire pweor of the hmuan
mnid, aocdcrnig to rseecrah at Cmabrigde Uinervtisy, it
dseno't mttaer in waht oderr the lterets in a wrod are,
the olny irpoamtnt tihng is taht the frsit and lsat ltteer
be in the rhgit pclae. The rset can be a taotl mses and
you can sitll raed it whoutit a pboerlm. Tihs is bucseae
the huamn mnid deos not raed ervey ltteer by istlef, but
the wrod as a wlohe. Aaznmig, huh? Yaeh and I
awlyas tghhuot slelinpg was ipmorantt!

Graphic Design
Visual Hierarchies

Graphic Design
Colour Contrast

Graphic Design
Overprinting

Graphic Design
Text
1. Reading Levels
2. Nomenclature
3. Character Counts
4. Style Guide Development
- consistency across media
- learnability > usability

Environmental Design

Primary Accessible Zone

Distance vs Size (Type)

Spacing & Pacing
1. Negative space
2. Personal space
3. Respite
4. Sweet spot - somewhat variable based on installation
5. 1.2m for pathways

Seating (Strength, Rest, Support, Reach, Integration)

Sound Management
1. Consider the entire program during development
2. Hardware spec. (directional, adjustable)
3. Testing and Prototyping
4. Volume Control
5. Induction Technology
6. In-situ tuning
7. 70 dBs

Sound Design Considerations
● An earcon is a brief, distinctive sound used to
represent a specific event or convey information
(Abstract).
● Auditory Icons are the auditory equivalent of visual
icons (Representational).

Lighting
1. 50-100 LUX for low vision
2. Artefacts/conservation requirements
3. Small form LED lights can be added to edges in
order to distinguish shapes of furniture within low light
environments. (ie. edges of Kiosks, Tables)
4. Glare (angle of lightning vs angle of viewing vs
material and surface)

Lighting

Digital Prerequisites (Reach)

Digital Prerequisites
1. Reach/Touchable Zones
2. Horizontal and Vertical
3. 685mm (27”) height to tables
4. Angled vs Flat
5. Hardware Specs. (reflection, responsiveness)

Interface Design

Interface Design
Start with conceptual model
A mental model represents a person’s thought process
for how something works and understanding of the
world.
Mental models are based on lived experiences and
intuitive perceptions.

Interface Design
Start with conceptual model
The degree to with a user’s mental model matches a
UI’s conceptual model, will determine how intuitive a
UI will be for the user. (Xerox)

Interface Design
Data-to-ink ratio
Keep data-ink to ink ratio high

Interface Design
UI for Blind and Low Vision Users
Must rely on memory and on a rich vocabulary of
gestures to interact with touchscreen interfaces.
Designers should strive to minimize the cognitive load
for screen reader users.

Interface Design
Navigation, Function Definitions

Interface Design
Navigation, Function Definitions
1. Functional standardization
2. Design standards (nomenclature, iconography)
3. Gesture and behavioural standards
Learnability, Usability, Accessibility

Software Design & Development

Semantics, Structure, Standards
1. Software/Programming Languages
2. Why should the visitor care?
3. W3C/WCAG goes only so far
4. Consistency
5. Behaviour and expectations are key considerations
6. Learnability
7. Scalability

Semantics, Structure, Standards

RFP / RPQ
“Software design must meet internationally recognized
W3C Web Content Accessibility Guidelines (WCAG)
v2.0 Level AA [and revised section 508 standards of the
ADA]. Vendor must include an identification of tools,
best practices, processes, and strategy for
implementation.”

Media Design & Production

Linear Media (Theatre)

Linear Media (Kiosk)

Components
1. Primary Asset (ie. Film)
2. Child Assets
- ASL
- Description Track
- Transcription
- Text-to-Speech
3. Ducking

Components
Note:
. Production Sequencing and Project Schedule
. Captions are not Subtitles

Inclusive, Accessible

Inclusive Design
Media Design (Theatre)

Inclusive Design
Media Design (Kiosk)

The Sum of All Parts (Digital Kiosk)

The Sum of All Parts (Digital Surface)

The Sum of All Parts (Tangible Interface/Mixed media)

Inclusive Design

Testing & Prototyping

Linear Media Installation (360° Film)

Mixed-Media Installation

Prototyping & Testing are critical.
Especially in mixed, busy, multi-user environments.
Developing tools in order to solicit usable and pointed
feedback.

Soliciting Good Feedback (ie. constructive criticism)

User / Experts
A user/expert is a person who has developed expertise
by means of their lived experience in dealing with the
challenges of the environment due to a physical,
sensory, and/or cognitive functional limitation.

User / Experts

Innovation

Universal Access Point (UAP)
System of 5 components
1. Cane detectable floor strip
2. Tactile marker
3. Mobile App
4. iBeacon
5. Content Management System

Cane-detectable tactile floor strip

Tactile marker

iBeacon

Mobile app

UAP in mixed-media installation

UAP Scalability

Universal Keypad (UKP)
Navigation of digital interfaces
Navigation of tangible interfaces
Standardized approach through all instances of digital
interaction.
+ zoom, volume control, wrist support

Concept Design

Sematic software standardization

Prototype

In-situ UKP-I

In-situ UKP-A

Mobile Application
Driver for development was Inclusive Design
Available for iOS and Android
Available in English and French

Mobile Application
Driver for development was Inclusive Design
Available for iOS, Android
Available in English, French
Available in ASL, LSQ
Available in AD English, AD French

Mobile Application
ASL, LSQ, AD Eng, AD Fra Self Guided Tours

Beyond the Gallery

Beyond the Gallery
Visitor Experience

Fundamentals

Fundamentals
Ecosystem, each component needs consideration but
within the context of the system as a whole.
Testing. Prototyping (wash, rinse, repeat)
Standards, evolution, scalability.
Redundancy. Redundancy.

Fundamentals
Establishing Standards to Work From

Virtual Reality
. captioning
. signed interpretation
. descriptive audio
Fundamentals
Establishing Standards to Work From

Fundamentals
Redundancy

Strategic Implications

Budget constraints = myth
Aesthetic or design intent are compromised = false

There are only 2 requirements:
. good project management (planning/scheduling)
. the will

. Project Management
- scheduling
- sequencing of tasks
. Budget
- negligible impact
- greatest costs remain content development
- existing = start small
- new = start inclusively

There are no barriers unless we create them.

But there is opportunity:
larger audience demographic
longer audience loyalty
increased usability for everyone

But there is opportunity:
greater visitation
greater reach
larger appropriation & earned revenue
(Canada = $25B annually)

Even further:
. greater audience engagement
. greater return on investment
. mandate fulfillment
(Italy 5% population is declared. Tourism implications?)
(2016 Legislation)

Critical Findings
The work is never done.
Fostering a culture of iterative and consistent evolution
is key.
Accepting and embracing criticism and using it as fuel.
Be deliberate.

Conclusions
The methodology is the most important. Everything
else is an output.
Inclusive thinking has becoming a key characteristic of
the corporate culture.
And this is the measure of success.

Corey Timpson
Corey Timpson Design Inc.
coreytimpson.com
@coreytimpson

Greensboro Counter

MTMG Executive: Inclusive Design Workshop - Milano May 18 2018

Recommended

Recommended

More Related Content

Similar to MTMG Executive: Inclusive Design Workshop - Milano May 18 2018

Similar to MTMG Executive: Inclusive Design Workshop - Milano May 18 2018 (20)

More from Corey Timpson

More from Corey Timpson (19)

Recently uploaded

Recently uploaded (20)

MTMG Executive: Inclusive Design Workshop - Milano May 18 2018

Editor's Notes