@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 circumstances
are not ideal?
By identifying stress cases and designing
with 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
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
physical or
cognitive
limitations
social or
cultural
norms
person influencers
our
design
physical or
cognitive
limitations
social or
cultural
norms
device or
network
limits
person influencers
our
design
physical or
cognitive
limitations
social or
cultural
norms
journey or
lifecycle
device or
network
limits
person influencers
our
design
physical or
cognitive
limitations
social or
cultural
norms
location,
weather,
climate
journey or
lifecycle
device or
network
limits
person influencers
our
design
physical or
cognitive
limitations
social or
cultural
norms
location,
weather,
climate
specific
situation or
story
journey or
lifecycle
device or
network
limits
person influencers
Whoa, that’s a lot to think about.
How do we get started?
Anthony D Paul
Director of User Experience
Kelly Driver
Senior 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
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/cognitive
non-transient
Vision/Color
Motor
Hearing
Learning/Memory
PTSD/Trauma
Headache (temporary)
social/cultural
semi-transient
Peer pressure
Taboo
Color theory
Politeness theory
Iconography (e.g. Gerber)
Education level
Terminology/Slang
Safety/Urgency
lifecycle
transient
Tech affluency
Brand familiarity
Subject matter expertise
Time of day
Situational (flat tire)
Part of task series
Distractions (children)
environmental
non-transient
Workplace
Home
Lighting
Internet quality
Power
Ambient temperature
environmental
transient
Outdoors/Travel
Sun
Weather
Physical jostling (subway)
devices
semi-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
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.
Xbox's August de los Reyes (Cliff Kuang) https://is.gd/SJ6C4K
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.
Xbox's August de los Reyes (Cliff Kuang) https://is.gd/SJ6C4K
If you really want that thumbs up
experience, your best bet is to
design for stress cases.
speaking
Responsive 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 Paul
http://adp.rocks
http:// .ws
http:// .ws
@anthonydpaul
Kelly Driver
http://kellydriver.com
@kdriver4

Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and AnthonyDPaul