1 of 50

Designing for an aging population

Rain Breaw Michaels

@rainbreaw

2 of 50

image

Why are we here?

Because the global human population is aging

In 2019, 1 in 11 people were over the age of 65. The UN predicts that this number will be 1 in 6 by 2050.

​

In 2018, there were more people in the world over 65 than under 5.

Source: United Nations Global Issues, Trends in Population Aging: un.org/en/sections/issues-depth/ageing

Image credit: @nickkarvounis on Unsplash

3 of 50

A NN/g 2019 study looked at top ways older individuals engage online:

  • Follow local and national news
  • Enjoy podcasts
  • Pay bills, order groceries, shop
  • Socialize with family and friends
  • Explore, such as finding new restaurants

image

Older people are users, too

Diverse, dedicated, and impactful users

Source: Kane (2019). Usability for Seniors: Challenges and Changes. Nielsen Norman Group: nngroup.com/articles/usability-for-senior-citizens

image credit: @cwmonty on Unsplash

4 of 50

image

What do I know?

Not enough, actually… but what follows is what I’ve learned

Rain Breaw Michaels, CPWA

Drupal Core topic maintainer for accessibility

Interaction Designer, Google *

@rainbreaw

​

* The point of view, ideas, and research expressed here are my own. I am not presenting on behalf of my employer. Any reference to Google products or materials are in the context of mainstream technology and not my role.

5 of 50

The Obvious

  • Vision
  • Hearing
  • Dexterity

​

The Invisible

  • Cognition
  • Expectations
  • Inclusion

What are we talking about?

As we get older, we change. What does this mean for the designers and engineers of technology?

The Elephant

  • Self-agency

6 of 50

Affordances are contextual

Everything about us determines how we understand things

An affordance is what an interaction element tells us we can do with it. It is binary: it either exists, or it doesn’t. But that binary nature is contextual. If we cannot perceive or understand an affordance because of our situation, it doesn’t exist.

7 of 50

Obvious physical changes

Vision, hearing, dexterity

8 of 50

Physical bodies change

Whether we like it, or not

Until we find a cure for aging, one fact remains true about humans: our bodies change as we get older.

9 of 50

Vision

​

​

10 of 50

Vision changes

Beginning as early as age 40

Near field vision decline — reduced accommodation, presbyopia — begins predictably at 40.

​

By 65, 1 in 3 individuals have some form of degenerative vision loss, also impacting:

  • Center field vision
  • The eye’s ability to process light, color, and contrast
  • And a reduced ability to discriminate blue colors

11 of 50

Designing for vision changes

Best practices

Fortunately, this one is pretty easy thanks to prior accessibility research and WCAG guidelines:

  • Use 16pt font or higher
  • Set line-height to 1.4 or greater
  • Respect user preferences (code with dynamic, not fixed, values)
  • Adhere to 4.5:1 contrast guidelines

12 of 50

Color sensitivity

Part of age-related vision changes

​

A 2014 study showed 45% of individuals in their mid 70s had difficulty seeing colors in the blue and yellow ranges. This number increased to over 60% by age 90.

​

Conforming to WCAG contrast and color guidelines will benefit these individuals.

Source: Dotinga (2014). Color Vision Tends to Fade With Age: Study. HealthDay Reporter. webmd.com/healthy-aging/news/20140318/color-vision-tends-to-fade-with-age-study#1

Image Source: @steve_j on Unsplash and Simulation: Colbis Color-Blindness Simulator

13 of 50

Hearing

​

​

14 of 50

Hearing decline is considered one of the most common changes as we age, and must be considered for aural experiences.

​

Current data shows that 1 in 3 individuals between the ages of 65-74 have hearing loss.

Hearing changes

And reduced audio range

Source: National Institute on Deafness and Other Communication Disorders, “Age-Related Hearing Loss.” nidcd.nih.gov/health/age-related-hearing-loss.

Image credit: @davidsthephotographer on Unsplash

15 of 50

All of the best practices followed for individuals who are Deaf, hard of hearing, in noisy environments, or simply don’t want to make sounds should be considered. Offer:

  • Captions (and ASL interpreters)
  • Transcripts
  • Visual & haptic interface feedback

Designing for hearing decline

Best practices

Source: National Institute on Deafness and Other Communication Disorders, “Age-Related Hearing Loss.” nidcd.nih.gov/health/age-related-hearing-loss.

Image credit: @tbarlettaf on Unsplash

16 of 50

Dexterity

​

​

17 of 50

Dexterity & mobility challenges

Interacting with point & click UIs can be challenging

​

Ways our dexterity changes with age:

  • Physical tremors or shakes
  • Slower physical responses
  • Repetitive stress injury limiting certain movements
  • Medication induced sensitivity changes, such as neuropathy

18 of 50

Designing for mobility changes

Best practices

  • Larger touch targets:�Conform to WCAG guidelines and ensure that touch targets are a minimum of 44x44 (or follow Material guidelines and go for 48x48 minimum)
  • Extra space between interactive elements:�Leave extra space around targets, rather than butting two targets up against each other
  • Group elements:�If elements in close proximity to each other afford the same interaction, group them into one single element
  • Focus (clearly) visible:�Enable the user to always perceive their current position

19 of 50

Beyond the mouse

Don’t rely on a single modality

​

Enable your user to interact with your interface through the modality of their choice by following WCAG guidelines for “usable.” Especially important: ensure that current focus/position is easy to identify through any modality. Alternate modalities may include:

  • Voice
  • Keyboard-only
  • Some kind of switch device
  • Touch
  • Stylus

Image credits: @sigmund and @nathanareboucas on Unsplash and @vtsaran on Flickr

20 of 50

The “invisible” changes

Cognition, expectations, personality

21 of 50

Our minds change

In ways we don’t like, and in ways we do

Our minds are incredible; aging minds are not simply minds in decline. There is a wealth of cognitive function to be explored and valued.

​

Changes to how our minds work in the areas of memory, attention, and decision making can begin in our 50s.

22 of 50

Cognition

​

​

23 of 50

Cognitive functions inform all aspects of our interactions with the world, including:

  • Comprehension
  • Memory
  • Emotion & reaction
  • Language & communication
  • Planning

What is cognition

Cognitive ability is not equivalent to intelligence

Image credit: @7shifts on Unsplash

24 of 50

  • Procedural: �“long term,” things we have learned
  • Working memory: �“short term,” what we keep in our mind to get through tasks at hand
  • Prospective: �memory used to plan for the future

Types of memory

A critical part of our executive functioning

25 of 50

  • Often so ingrained in us that these memories will last even when confronting dementia
  • Comes from life experiences, builds over a lifetime
  • Relies on patterns; resists change

Procedural memory

Our strongest link

26 of 50

As we age, it becomes increasingly difficult to hold immediate information in our mind for short-term recall. When designing interfaces:

  • Don’t require memory recall across screens and transitions
  • Ask only for what you need, when needed
  • Avoid distracting the user or dividing their attention

Working memory

Our weakest link

27 of 50

If an individual must maintain memory of something, that is temporal, fleeting, or happened at a different interaction point, they are being asked by the designers to perform a cognitive challenge they may be unable to complete.

Example patterns to use carefully:

  • Notices that display for a short period and are then removed
  • Forms or security challenges that present content across several screens and requires recall

Remembering across interaction points

A challenge for working memory

28 of 50

Prospective memory is how we are able to remember what we will need to do, to plan ahead, prepare, and make it through more complex processes.

It can be helpful to offer users a way to keep track of the items they want (or need) to return to, and to clearly provide the next steps in a process with easily retrievable space.

Prospective memory

Memory for what comes next

29 of 50

Offer users supportive forward planning patterns:

  • Use standards, such as proper date and time markup for an event, so that the user can easily send information to other applications such as LastPass, 1Password, Google Calendar, Apple’s Calendar, email, OneNote, Google Keep
  • Tell the user what they need to gather, and provide an estimate of how much time something will take, before they start a longer task in your experience
  • Provide clear steppers and progress indicators that enable the user to move ahead, and remind them of what they haven’t completed

Remembering what to do

Help the user plan ahead

30 of 50

Conform to all of the WCAG criteria for helpfulness under 3.3 - Input Assistance, even the Level AAA ones.

Key goals:

  • Flexible input fields, allowing users to enter content in formats they choose, and process on the backend
  • Helpful error messages that guide the user through solving mistakes they made along the way
  • Assistance making sure they aren’t making a mistake, such as accidentally paying a bill twice

Be helpful

Provide programmatic assistance with form completion

Are you sure?

​

We are double checking with you one more time before you do this permanent and expensive thing.

​

CANCEL YES

31 of 50

Timeouts are one of the most stressful UI experiences. Sometimes they are necessary, but even then, they must allow the user enough time to complete their task. For older adults, consider that they may be:

  • Physically slower
  • Slower to make a decision
  • Learning a new pattern

Pay careful attention to the criteria described under WCAG Guideline 2.2 - Enough Time.

Allow enough time

The internet can be anxiety inducing enough as it is

32 of 50

Cognitive strength

Seniors tend to be methodical

2019 NN/g study found that 95% of the seniors they studied were highly methodical when interacting online. The subjects’ attention span and ability attend to details clearly stood out.

Source: Kane (2019). Usability for Seniors: Challenges and Changes. Nielsen Norman Group: nngroup.com/articles/usability-for-senior-citizens

33 of 50

Expectations

​

​

34 of 50

Affordances & patterns we know

We understand affordances based on our experiences

Pattern reliance becomes increasingly important as we age. It helps us solve our challenges quickly without having to increase our cognitive load.

35 of 50

Let the user know what happened

Was their input intent captured?

Provide perceivable feedback (visual, audio, haptic) alerting the user whether or not their action or intent was registered

Image credit: @camylla93 on Unsplash

36 of 50

Reliability over speed

“We’ll wait for it to work”

Our expectations of quality go up, and our tolerance for “making do” goes down.

​

For this reason, older individuals typically prefer quality and reliability over speed.

Sources: Forstmann, Tittgemeyer, Wagenmakers, Derrfuss, Imperati, Brown (2011): The Speed-Accuracy Tradeoff in the Elderly Brain: A Structural Model-Based Approach. Journal of Neuroscience 23 November 2011, 31 (47) 17242-17249; DOI: https://doi.org/10.1523/JNEUROSCI.0309-11.2011 and Starns, Ratcliff (2010): The effects of aging on the speed-accuracy compromise: Boundary optimality in the diffusion model. Psychol Aging. 2010 Jun; 25(2): 377–390. doi: 10.1037/a0018022.

Image credit: @berou on Unsplash

37 of 50

Decision making

And the art of “choice delegation”

Research suggests that seniors faced with decisions are more likely to preference the experience of others, especially those they deem to be experts, over weighing their own options.

​

Another trend noticed in older adults is that they are more inclined to “satisfice,” which is to find the first alternative that meets the desired standard, and then to stop looking.

Source: Löckenhoff CE. Aging and Decision-Making: A Conceptual Framework for Future Research - A Mini-Review. Gerontology. 2018;64(2):140-148. doi:10.1159/000485247.

Image credit: @nci on Unsplash

38 of 50

Support decision making

Design choices can help users make choices

We can make it easier for people to make decisions by:

  • Offering shortcuts based on the user’s previous choices
  • Provide users with guided selection paths that connect expert insights most relevant to the individual’s own context

39 of 50

Inclusion

​

​

40 of 50

NN/g 2019 study found that users actually felt left out.

This was largely due to design choices such as small fonts and light text, may also have come from a “feeling” or sense of the tone or nature of the experience resulting from the design patterns.

Consider older users when designing

“It was created with someone very different from me in mind.”

Source: Kane (2019). Usability for Seniors: Challenges and Changes. Nielsen Norman Group: nngroup.com/articles/usability-for-senior-citizens.

Image credit: @kelvin1987 on Unsplash

41 of 50

‘What was the model of your first car?’ .. I have no idea! What car did I have in 1968? What a stupid question!

Subject of Smashing Magazine 2015 user research interviews on security questions

“

“

42 of 50

Challenge yourselves when thinking about who will use your product. Visit the stories and workflows of users over the age of 65. Include them in studies and tests.

Include older individuals in personas

Inclusive design starts from the very beginning

Image credit: @sujatha on Unsplash

43 of 50

You look at things on the internet, and it’s skewed towards not my demographic…

Online there’s a quest to be cool and old people are not necessarily cool.

“

“

44 of 50

The “elephant”

There comes a time when we can no longer do it alone.

Technology must support us when this happens, as well.

45 of 50

Consider the “supporters”

While protecting the actual user’s personal agency

Sometimes older adults need help from supporters (or “secondary users”), such as children, care providers, professionals.

Interfaces that require cognitive tasks may need to consider how to protect individual agency while also enabling easy interactions with a secondary user.

Image credit: @alex_boyd on Unsplash

46 of 50

Key takeaways

The checklist, resources, how to reach Rain

47 of 50

Physical:

  • 16pt+ font and 1.4+ line-height
  • Respect user settings
  • Offer captions, transcripts
  • Don’t rely on color
  • Multimodal interactions
  • Large touch targets
  • Clear, visible focus

Cognitive:

  • Consider the involvement of a supporter or family member
  • Don’t rely on working memory
  • Make form entry forgiving
  • Provide helpful error messages
  • Help a user maintain memory of what needs to happen next
  • Avoid distracting the user

The checklist

When designing for an aging population

Leverage the strengths:

  • procedural memory
  • older users’ tendencies �to be methodical and attentive

48 of 50

​

Direct link to this deck: bit.ly/dc2020-aging

Resources

Including some of the referenced sources

​

49 of 50

Come to Drupal A11y office hours

Drupal Slack, #accessibility channel

@rainbreaw on Twitter

/rainbreaw on LinkedIn

How to reach Rain

@rainbreaw on G.D.O.

Direct link to this deck: bit.ly/dc2020-aging

50 of 50