Improve User Experience by Designing with Cognitive Differences in Mind

A presentation at ID24 by Elizabeth Schafer

Improve User Experience by Designing with Cognitive Differences in Mind

Improve User Experience by Designing with Cognitive Differences in Mind

What is ADHD?

What is ADHD?

What is ADHD?

What is ADHD?

ADHD subtypes

ADHD subtypes

limitation: executive function

limitation: executive function

limitation: regulation of attention

limitation: regulation of attention

limitation: working memory

limitation: working memory

Application in web accessibility

Application in web accessibility

What can we do?

What can we do?

1. Show important content

1. Show important content

Icons need text labels

Icons need text labels

Wrap text instead of truncating

Wrap text instead of truncating

Make sure browser find (Ctrl+F) works

Make sure browser find (Ctrl+F) works

2. Use motion for clarity

2. Use motion for clarity

Unnecessary motion is distracting

Unnecessary motion is distracting

3. Let people customize

3. Let people customize

Using the `prefers-reduced-motion` media query

Using the `prefers-reduced-motion` media query

Personalization semantics

Personalization semantics

User styles

User styles

Let's review!

Let's review!

Ways to improve cognitive accessibility

Ways to improve cognitive accessibility

Ways to improve cognitive accessibility

Ways to improve cognitive accessibility

Ways to improve cognitive accessibility

Ways to improve cognitive accessibility

Thank you!

Thank you!

Cognitive disabilities are the most common type of disability but are often the hardest to understand. What do we need to consider to make sure we’re not inadvertently excluding people? We’ll look through the lens of attention-deficit/hyperactivity disorder (ADHD) to explore how differences in cognitive functions can affect usability on websites, and what we can do to improve the user experience for everyone.

Video

Resources

The following resources were mentioned during the presentation or are useful additional information.

Buzz and feedback

Here’s what was said about this presentation on social media.