October 15, 2024 Smashing Newsletter: Issue #478
This newsletter issue was sent out to 194,423 subscribers on Tuesday, October 15, 2024.
Editorial
A few weeks ago, we ran 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.
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:
- Smashing Hour with Alex Russell, Tue, Nov 19
- How To Measure UX and Design Impact, a shiny new 8h-video course with Vitaly Friedman.
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 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.
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. This is another fantastic example of how designing for accessibility can benefit everyone. (cm)
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?
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.
As always, here’s a quick overview:
- Interface Design Patterns UX Training (Autumn 2024) ux
with Vitaly Friedman. Nov 1 – Dec 2 - Advanced Design Systems workflow
with Brad Frost. Nov 12–20 - Figma Workflow Masterclass design
with Christine Vallaure. Nov 13–22 - Building Modern HTML Emails dev
with Rémi Parmentier. Dec 2–11 - How To Measure UX and Design Impact ux
with Vitaly Friedman. Dec 4–12 - Jump to all workshops →
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.
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)
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.
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 course “How 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.
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.
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 by Addy Osmani
- Understanding Privacy by Heather Burns
- Touch Design for Mobile Interfaces by Steven Hoober
- Check out all books →
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 Geoff Graham (gg), Cosima Mielke (cm), Vitaly Friedman (vf), and Iris Lješnjanin (il).
Smashing Newsletter
Front-end, design and UX. Sent out 1× a week.You can always unsubscribe with just one click.