28
THE ROBIN SMAIL UX RENEGADE #pseweb PSEWEB CONFERENCE JULY 2016 ACCESSIBLE USER EXPERIENCE

The Accessible User Experience

Embed Size (px)

Citation preview

Page 1: The Accessible User Experience

T H E

ROBIN SMAIL UX RENEGADE

#psewebPSEWEB CONFERENCE

JULY 2016

ACCESSIBLEU S E R E X P E R I E N C E

Page 2: The Accessible User Experience

H I. I ’ M R O B I N.

Page 3: The Accessible User Experience

What is USER EXPERIENCE?

QUESTION

Page 4: The Accessible User Experience

— STEVE KRUG

IT REALLY JUST MEANS MAKING SURE SOMETHING

WORKS WELL;

that a person of average ability and experience can use the thing for its intended purpose without

getting hopelessly frustrated.

Page 5: The Accessible User Experience

What is ACCESSIBILITY?

QUESTION

Page 6: The Accessible User Experience

ac•ces•si•ble

1. Able to be reached or approached 2. Able to be used or obtained 3. Easy to appreciate or understand

Source: Merriam-Webster’s Dictionary

Page 7: The Accessible User Experience

ACCESSIBILITY is for blind people. Or people in wheelchairs.

MYTH

source: a11yproject.com

Page 8: The Accessible User Experience

HAVING A DISABILITY PLACES YOU IN THE

WORLD’S LARGEST MINORITY GROUP.

— DISABLED-WORLD.COM

CURRENTLY 10% OF THE TOTAL WORLD POPULATION — 650 MILLION PEOPLE — LIVE WITH A DISABILITY.

Page 9: The Accessible User Experience

Even fully-abled people can become ‘temporarily disabled’.

BUT WAIT.

Page 10: The Accessible User Experience

Start with the question, “How would I feel if…?”

THINK HUMAN

Page 11: The Accessible User Experience

Start by developing realistic user personas.

THINK HUMAN

Page 12: The Accessible User Experience

THE IMPORTANCE OF STORYTELLING

Page 13: The Accessible User Experience

THE IMPORTANCE OF STORYTELLING

Page 14: The Accessible User Experience

`

Page 15: The Accessible User Experience

Put yourselves, literally, in their shoes. Or wheels.

THINK HUMAN

Page 16: The Accessible User Experience

https://www.youtube.com/watch?v=ubd6d3HqogQ

Page 17: The Accessible User Experience

So let’s not talk stereotype.

BUT WAIT.

Page 18: The Accessible User Experience

The Cost of Accessibility

When considered from the beginning, it’s 10% time and cost

…When considered after the fact, it’s at least twice the cost

Page 19: The Accessible User Experience

Bonus!

It also means usability improvements and considerations are woven into the entire project.

Page 20: The Accessible User Experience

• Skip navigation links • Effective <alt> tags • Contrast options and control • Long descriptions for complex images

VISUAL

Page 21: The Accessible User Experience

• Make closed captioning available • Have transcripts of audio/video available

AUDITORY

Page 22: The Accessible User Experience

• Skip navigation links • Website functions available from keyboard • Ensure pages are “error tolerant”

MOTOR

Page 23: The Accessible User Experience

• Provide both images and text • Ensure site is user friendly and understandable • Avoid overly complex web functionality • Avoid jargon; use basic language

COGNITIVE

Page 24: The Accessible User Experience

• Test using stress condition use cases • Is emergency information clear and easily available • Can users access on any platform • Avoid jargon; use basic language

STRESS CASES

Page 25: The Accessible User Experience

POSITIVE RELATIONSHIP

BETWEEN HUMANS AND TECHNOLOGY.

— MITCH STEIN

WE HAVE RELATIONSHIPS WITH OUR TECHNOLOGY. USER EXPERIENCE IS MORE THAN JUST AESTHETICS. IT PROMOTES A

Page 26: The Accessible User Experience

POSITIVE RELATIONSHIP

BETWEEN HUMANS.

PERHAPS WHAT WE’RE DEVELOPING IS A

Page 27: The Accessible User Experience

TESTING TOOLBOX

robin2go.net/guerrilla-testing-toolbox/

Page 28: The Accessible User Experience

ROBIN SMAIL UX RENEGADE

@ROBIN2GO ROBIN2GO.NET

[email protected]