Smashing Magazine - #478: Inclusive Design

Accessible numbers, ADHD, readability guidelines, neurodiversity design system and inclusive mindset workbook. Issue #478 Oct 15, 2024 View in the browser

Smashing Newsletter

Hej Smashing Friends,

A few weeks ago we’ve run Inclusive Design Patterns For 2025, a free 3h 30mins online workshop, diving into all the fine details around accessibility, designing for older adults, and how to make a strong case for accessibility. You can now watch a full video recording and download all slides.

The world is made up of neurodiversity, with everyone beautifully different in their own way. This week we want to focus on the neurodivergent. We explore how to design more accessible numbers and how to build for ADHD, as well as some practical readability guidelines. A few things that people struggle with, and how little changes in design can help.

SmashingConf Antwerp 2024
SmashingConf Antwerp 2024 venue
Meet SmashingConf Design & UX (Oct 28–31, 2024), in the magical city of Antwerp, Belgium.

In the meantime, we are getting ready for the final conference of the year — SmashingConf UX & Design (Oct 28–31) in Antwerp, Belgium. With plenty of practical insights and workshops on design, UX and accessibility at the very heart of them. With sessions on Figma, design systems, data visualization and design patterns. Jump to the details! 👻

Also on schedule:

We hope this issue will help you get your accessibility efforts off the ground! 🎉🥳

Vitaly


1. Accessible Numbers

Numbers are everywhere, whether you’re managing money, arranging appointments, or doing calculations. Yet, many people struggle with them: Four out of five adults have low functional math skills, and half of the working-age adults in the UK are affected by low numeracy. So, how can we present numbers and data so that everyone can make sense of them?

Accessible Numbers

Accessible Numbers has got your back. Created by Dave Smyth, the site explores how designers can help people understand numbers better. As Dave shows, it’s the little details that make a positive impact and benefit everyone: rounding up numbers, leaving space around numbers, and letting people make mistakes when entering numbers, for example, are small but effective ways to improve usability. (cm)


2. Neurodiversity Design System

How can we design better experiences for neurodiverse users? Will Soward’s Neurodiversity Design System is a wonderful introduction to the topic. Originally created to improve the design of Learning Management Systems, it defines a set of standards and principles that can be applied to all kinds of websites and products that need to hold a person’s attention for an extended time.

Neurodiversity Design System

The system covers everything from numbers, fonts, typography, and color to inputs, interface, communication, and animations. You’ll also find a collection of learner personas that characterize real traits and qualities of neurodiverse users in the design system. Another fantastic example of how designing for accessibility can benefit everyone. (cm)


From our sponsor

Webinar From ImpactSense: How To Unlock The Full Potential Of Your User Research

ImpactSense
Tired of User Research that doesn’t create real change? Join ImpactSense’s free webinar on October 22 and learn how to transform raw user behaviour into actionable insights that drive tangible results. Led by CX and UX expert Veronica Naguib, this is how you level up your UX. Register now.


3. Designing For ADHD

We all know those moments when we struggle to focus, and a website bombards us with too many options or asks for too much of our attention, making it hard to concentrate and keep on track. While this might only be a momentary condition for most users, for users with ADHD, an extreme lack of focus is the normal state. So, how can we design products to support them?

Building For ADHD Will Make Your Product Better For Everyone

The post “Building For ADHD Will Make Your Product Better For Everyone” dives deeper into how to get users who struggle with focus to onboard and sustain interest in your product. As the post points out, by designing for ADHD, you can uncover areas of friction for everyone that may otherwise go unobserved. Lots of valuable insights are guaranteed. (cm)


4. Upcoming Workshops and Conferences

That’s right! We run online workshops on frontend and design, be it accessibility, performance, or design patterns. In fact, we have a couple of workshops coming up soon, and we thought that, you know, you might want to join in as well.

Smashing Online Events
With online workshops, we aim to give you the same experience and access to experts as in an in-person workshop from wherever you are.

As always, here’s a quick overview:


5. Inclusive Mindset Workbook

How can we create an inclusive mindset that can serve as a foundation for all our design decisions? That’s the question that the Inclusive Mindset Workbook by Project Lima attempts to answer. It helps you make inclusive design your practice — in three steps.

Inclusive Mindset Workbook

The workbook explores why inclusive design matters and takes a closer look at the power that designers have when it comes to inclusive design. You’ll learn to recognize exclusion, reflect upon it, and create inclusive solutions. With practical tips, activities, and exercises for reflection, the workbook will stretch your imagination of what’s possible and help you make inclusive design a natural part of your design workflow. (cm)


From our friends

BTConf
Looking for an event that bridges the gap between tech and design? Beyond Tellerrand is exactly where you need to be — with Linda Liukas (who speaks about her playgrounds on which children learn programming without computers), Jessica Hische (who talks about her career as a designer and author), alongside Manuel Matuzovic, Sophie Koonin, Hidde de Vries, and many other speakers who will be in Berlin next month. Sounds interesting? Have a look and secure a ticket.


6. Resources For Cognitive Accessibility

Neurodiversity is an aspect that is often forgotten in discussions around accessibility. To raise awareness for the topic, Stéphanie Walter compiled a list of essential resources that help you understand and design for dyslexia, dyscalculia, autism, and ADHD.

Neurodiversity and UX

The collection includes technical accessibility considerations, personal accounts and lived experiences, and guidance for creating more inclusive products. A focus also lies on building inclusive workplaces and educational systems that accommodate the needs of neurodivergent professionals and learners. One for the bookmarks. (cm)


7. New Video Course: How To Measure UX And Design Impact

Ready to dive deeper? Well, we have something very special coming up for you: Our brand-new video courseHow To Measure UX & Design Impact” with Vitaly Friedman. Meet a 8-hour long journey to UX metrics and design KPIs, sailing in unchartered waters every now and again.

How To Measure UX & Design Impact

From establishing team-specific design KPIs to translating ambiguous objectives into practical design goals and making sense of OKRs, SUS, UMUX-Lite, TPI, KPI trees, feedback scoring, gap analysis, and Kano model, the course is filled with plenty of examples to help you measure UX. Jump to details!

8. Readability Guidelines

What if there was a central place where the community shared knowledge and created a universal content style guide based on usability evidence? That was the idea Sarah Winters of Content Design London had back in 2018. The result is the Readability Guidelines wiki.

Content Design London Readability Guidelines

For the Readability Guidelines, content collaborators from multiple sectors worked together to answer readability questions and develop a set of consistent guidelines to improve readability and usability. The topics covered range from clear language and grammar points to content design and images. The wiki is no longer being updated but with more than 100 guidelines, it is still a treasure chest for everyone who wants to ensure their content is accessible. (cm)


9. Recently Published Books 📚

Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been at the core of everything we do at Smashing.

In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books. Have you checked them out already?

Success At Scale
It’s here, and it’s shipping! Success At Scale, a new book by Addy Osmani. Get the book or browse the complete library.


10. Recent Smashing Articles


That’s All, Folks!

Thank you so much for reading and for your support in helping us keep the web dev and design community strong with our newsletter. See you next time!


This newsletter issue was written and edited by Cosima Mielke (cm), Vitaly Friedman (vf) and Iris Lješnjanin (il).


Sent to truly smashing readers via Mailchimp.
We sincerely appreciate your kind support. You
rock.

Follow us on Twitter Join us on Facebook

unsubscribe update preferences view in your browser

Older messages

#477: UX Kits, Tools & Methods

Tuesday, October 8, 2024

Playbook for universal design, UX deliverables glossary, UX toolts for better thinking and better design workshops. Issue #477 • Oct 8, 2024 • View in the browser Smashing Newsletter Hello Smashing

#476: How To Measure UX

Tuesday, October 1, 2024

New video course, measuring UX and usability for assistive technology users, free eBooks on UX impact, scorecards, and how to use the Accessible Usability Scale (AUS). Issue #476 • Oct 1, 2024 • View

#475: New Front-End Adventures

Tuesday, September 24, 2024

With color accessibility, font performance optimization, view transitions, and ethical web principles. Issue #475 • Sep 24, 2024 • View in the browser Smashing Newsletter Hej Smashing Friends, From

#474: Web Accessibility + Free Workshop

Tuesday, September 17, 2024

With guidelines on inclusive design, designing for ADHD, dyslexia, neurodiversity, dyscalculia and general do's and don'ts. Issue #474 • Sep 17, 2024 • View in the browser 💨 Smashing Newsletter

#473: Motion and Animation

Tuesday, September 10, 2024

Practical guides to transition animations, cheatsheets, a library of loading and progress indicators and how to design systems that focus on animation UX.Issue #473 • Sep 10, 2024 • View in the browser

You Might Also Like

Accessibility Weekly #419: Understanding VPATs and ACRs

Monday, October 21, 2024

October 21, 2024 • Issue #419 View this issue online or browse the full issue archive. Featured: Understanding VPATs and ACRs: Key insights "This week I had a bunch of requests from clients

Mentorship

Sunday, October 20, 2024

Issue 217: Thoughts on the most important relationship in your craft ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Halloween Email Templates & Newsletter Ideas

Sunday, October 20, 2024

This week, we've released a selection of new Halloween email templates, ready for you to use directly from your Designmodo account.͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌

Driving stick shift

Sunday, October 20, 2024

Issue 216: The importance of manual driving in a world of copilots ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Accessibility Weekly #418: When Team Opinions Differ

Sunday, October 20, 2024

October 14, 2024 • Issue #418 View this issue online or browse the full issue archive. Featured: A11y at work: When team opinions differ "Sometimes working with a larger team means that you'll

Inside Mark D. Sikes’s Historic Renovation of Blair House

Sunday, October 20, 2024

View in your browser | Update your preferences ADPro Design Within Reach Turned a San Francisco Warehouse Into a Certified-Cool Flagship—And AD PRO Directory Members Got a First Look Inside On

Oops! Here's the Correct Edition of The Source

Sunday, October 20, 2024

View in your browser | Update your preferences ADPro Revisiting AD's Coverage of a Presidential Dwelling We accidentally sent out today's newsletter with the wrong text, here's the correct

12 real life business transformations, plus what are you reading?

Sunday, October 20, 2024

Learn how to make your business grow and glow! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

How to Boost Your Profile, According to Kelly Wearstler and More

Sunday, October 20, 2024

View in your browser | Update your preferences ADPro Everyone's an Influencer Of course there's beauty in privacy—but for business owners, building and maintaining a public profile is essential