2016 inclusive design workshop 100116a

19
© 2016 IBM Corporation Hello ! Inclusive Design Thinking | IBM Accessibility Moe Kraft | Erich Manser October 1, 2016

Transcript of 2016 inclusive design workshop 100116a

Page 1: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation

Hello!Inclusive Design Thinking | IBM Accessibility

Moe Kraft | Erich ManserOctober 1, 2016

Page 2: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 2

Empathy Icebreaker

Alarm Clock

Page 3: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 3

Empathy Icebreaker instructions:

Take 2 minutes and design an Alarm Clock.

Let’s share our designs.

Page 4: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 4

Empathy Icebreaker – new constraint

Now, Take 2 minutes and design an alarm clock for a person who is deaf.

Let’s share our designs.

Page 5: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 5

IBM Design Thinking

Page 6: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation

What is design?

Page 7: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 7

Design is intent

Design is the intent behind an outcome.

Page 8: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 8

Outcomes that help people

Human-centered outcomes require empathy for the people you serve.

Page 9: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 9

Empathy Icebreaker #2

Low Vision Goggles

Page 10: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 10

Empathy Exercise #2 - Instructions

• Break into groups of 2 or 3• Take a pair of the low-vision

goggles• Use your phone or borrow a

phone• Assistance by anyone in your

group is fine & encouraged.

Page 11: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 11

Building Empathy / The Challenge

1. Take a photograph of something in the room.

2. Share that photograph on social media. Feel free to tag us on Twitter!

#a11ydesign | @moekraft | @ibmaccess- OR- @erichmanser

Page 12: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation

Phone may have been difficult to view

© 2016 IBM Corporation

Page 13: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 13

What is an inclusive persona?

Page 14: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 14

Persona example

Has color blindness

Page 15: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 15

What is an Empathy Map?

Page 16: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 16

An empathy map identifies what a user says, thinks, does & feels

QuotesWhat do they say or need to say to others? How do they likely express themselves?

Expectations & ReactionsWhat do they think about the situation? What is their worldview?

ActionsWhat do they do to get their job done?

ValuesHow does this person feel about their job?

Page 17: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 17

Empathy Map

• Please break into groups of 2 or 3 people.

• Draw a persona• Give that persona a disability• Identify what your persona

says, thinks, does and feels

Page 18: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 18

Empathy Map

Think back to the goggle exercise and remember what you thought, said, felt, and did. Put these down on your empathy maps.

Page 19: 2016 inclusive design workshop 100116a

© 2016 IBM Corporation 19

Empathy Map Ground Rules

1. Write before you talk.

2. There are no bad ideas.

3. Stay focused on your users.

4. Everyone participates.

5. Stay engaged.