Deprecating in design systems: When it's time to say goodbye
Everything has a shelf life, a time when something has served its purpose and it’s no longer needed. While we talk a lot about how to start a design system, it’s not often talked about what to do w...
9 UX Best Practice Design Patterns for Autocomplete Suggestions (Only 19% Get Everything Right) – Articles – Baymard Institute
Autocomplete / Combobox / Search autocomplete features are provided at 80% of e-commerce sites, yet only 19% achieve the highest performance. See our latest large-scale test findings for on-site search.
OPSZ font rendering bug from Elliot Jay Stocks on Twitter
Update: I fixed this by adding `font-synthesis: none;` to everything. Crazy that the mobile browsers were trying to synthesise their way around opsz. I’ll be adding this to some articles!(Thank you, @Armstrong, for making me think about browser defaults as the potential issue!) https://t.co/op6ejHDB6T— Elliot Jay Stocks / Other Form 🇺🇦 (@elliotjaystocks) September 26, 2022
Error messages need to be easy to spot, but they also need to be helpful. Let’s explore when error messages should live above input fields and why toast error messages are usually not a very good idea.
What Makes A Great Toggle Button (tabs / tab group)? (Case Study, Part 1) — Smashing Magazine
In this first part of a two-part article, Eduard Kuric analyzes the characteristics of effective toggle buttons that make it error-proof and prevent confusion and frustration of users.
Justification & hyphenation – Fonts Knowledge - Google Fonts
In western text, which reads left to right, justification and hyphenation are basic considerations for readability and clarity. But have you ever thought about how you can use them to create a look/feel that alludes to the literary culture of the past?
The web is the default language of design systems right now. Any discussion about design systems is assumed to be talking about the web. And I get it. I love the web. The web is an amazing medium, but it is not the only way our customers interact with our products. A lot of the products we work on are not just web applications. As a community I want us to break outside web centric mindset and take a more holistic view to include all the ways we can help deliver experiences to our customers. Let's explore some the ways we can incorporate other platforms into our design systems.
We are very excited to announce the release of the React Aria and React Spectrum date and time picker components! This includes a full suite of fully featured components and hooks including calendars, date and time fields, and range pickers, all with a focus on internationalization and accessibility. It also includes @internationalized/date, a brand new framework-agnostic library for locale-aware date and time manipulation.
The Surprising Truth About Pixels and Accessibility
“Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to use in any scenario.
Karwai Pun is an interaction designer currently working on Service Optimisation to make existing and new services better for our users. Karwai is part of an accessibility group at Home Office Digital, leading on autism. Together with the team, she’s created these …