designing for stress cases - baltimore design week 2016 - kelly driver and anthonydpaul

@anthonydpaul + @kdriver4 #bmoreDW16

How People Do Things

The Gulf of Execution & Evaluation

Don Norman, The Design of Everyday Things

What happens when we fail?

How Bad UX Killed Jenny

Jonathan Shariat https://medium.com/@designuxui

What if circumstancesare not ideal?

By identifying stress cases and designingwith compassion in mind, you’ll create

experiences that support more of your users, more of the time.

Eric Meyer, WordCamp NEO Keynote https://is.gd/UIDQVf

https://is.gd/UIDQVf

What is accessibility?

What inhibits access to our designs?

Our information?

accessibility

usability understandability

our design

our design

physical or cognitive

limitations

person

our design


limitations

social or cultural norms

person influencers

our design


limitations


device or network

limits

person influencers

our design


limitations


journey or lifecycle

device or network

limits

person influencers

our design


limitations


location, weather, climate


device or network

limits

person influencers

our design


limitations


location, weather, climate

specific situation or

story


device or network

limits

person influencers

Whoa, that’s a lot to think about.

How do we get started?

Anthony D PaulDirector of User Experience

Kelly DriverSenior Interactive Designer

We’re probably familiar with personas.

Our instinct is to imagine someone like ourselves. But so many of our users

are nothing like us in any way.

Eric Meyer, WordCamp NEO Keynote https://is.gd/UIDQVf

https://is.gd/UIDQVf

We use design differently.

We use it with a myriad of limitations—both permanent and temporary.

Stress Cases =

Personas and stories, with fewer high-fives

There is no such thing as a normal human. Our capabilities are always changing.

Xbox's August de los Reyes (Cliff Kuang) https://is.gd/SJ6C4K

Permanent vs. Transient (vs. Onset)

User-Specific vs. Environmental

attributes of stress cases

physical/cognitivenon-transient

Vision/Color

Motor

Hearing

Learning/Memory

PTSD/Trauma

Headache (temporary)

social/culturalsemi-transient

Peer pressure

Taboo

Color theory

Politeness theory

Iconography (e.g. Gerber)

Education level

Terminology/Slang

Safety/Urgency

lifecycletransient

Tech affluency

Brand familiarity

Subject matter expertise

Time of day

Situational (flat tire)

Part of task series

Distractions (children)

environmentalnon-transient

Workplace

Home

Lighting

Internet quality

Power

Ambient temperature

environmentaltransient

Outdoors/Travel

Sun

Weather

Physical jostling (subway)

devicessemi-transient

Display size

Input (touch/keyboard)

Audio control

Gesture control

Internet quality

Battery life

They’re usually in concert

attributes of stress cases

Activity time!

introduction

1. Break into groups of 2–3 people

2. Grab at least one worksheet per group

You've built a website for a college commencement. The website does typical graduation things, like help families get driving and parking directions, check schedules, look for tourism information, learn about the speaker, and more.

worksheet section A

1. Choose an audience type for each side

2. Assign each one or more tasks to perform in a single session

3. Define a stress case inherent to the user (e.g., physical/cognitive)

4. Define a stress case imposed by the situation/environment

10 minutes

worksheet section B

Open a commencement site; for example:

➔ commencement.osu.edu

➔ commencement.umich.edu

➔ commencement.syr.edu

➔ commencement.utexas.edu

➔ commencement.wisc.edu

worksheet section B

Who is it designed for?

What tasks or content are most prominent?

At first glance, is this website for your user?

worksheet section B

Trade sheets with another team

1. Capture difficulty notes

2. Repeat this exercise for both of your users

3. Optionally simulate inhibitor (dim screen, move device)

You are no longer the designer. You are a user participating in a usability study, using this website in the real world, within the context that has been given to you.

10 minutes

worksheet section B

➔ Note they don’t have to be implemented.

➔ These are objective suggestions.

➔ Use the word “consider.”

Put your designer and researcher hat back on. Suggest design revisions to remedy the difficulties you observed in usability testing.

5 minutes

worksheet section C

Cheeky

Now do this in real life.

set research goals

Define all important audience groups

➔ Their respective tasks

➔ How needs change throughout their lifecycle

Think about any limitations

➔ User abilities

➔ Environmental and situational hurdles

run multiple studies

Across devices

Field research, outside, in the weather

With real people

With multiple types of tests

➔ Interviews➔ Betas➔ Treejack surveys➔ Usability tests

Build empathy among your team.

share audience definition

Based on research findings

Avoid demographics and stereotypes

Focus on tasks

@alanklement http://is.gd/6RQRwO

http://is.gd/6RQRwO

Audience types

Audience types (with motivations, anxieties, influencers)

User scenario

Decision flow with UI conversations

Single user and scenario journey map

Multi-user journey map

Talk about accessibility.

What inhibits access to our designs?

Our information?

Disability is an engine of innovation.


Cliff Kuang https://is.gd/SJ6C4K

1808, Pellegrino Turri

invents typewriter to help blind friend write legibly

1937, Joseph Friedman

creates bendy straw for his young daughter

1973, Vint Cerf

creates email to remotely communicate with deaf wife

By designing with the disabled in mind, we can create projects that

are better for everyone else.


If you really want that thumbs upexperience, your best bet is to

design for stress cases.

speakingResponsive wireframing (2016)at edUi (Charlottesville, VA)

Atomic brand libraries workshop (2017)at UXCamp DC and UXPA International (Toronto)

organizing➔ http://baltimore.wordcamp.org (Nov 19-20)➔ http://wiaddc.org (Feb 18)

Anthony D Paulhttp://adp.rocks

http:// .ws

http:// .ws@anthonydpaul

Kelly Driverhttp://kellydriver.com@kdriver4