Inclusive design describes methodologies to create products that understand and enable people of all backgrounds and abilities. It may address accessibility, age, economic situation, geographic location, language, race, and more.
Manage Accessible Design System Themes With CSS Color-Contrast() — Smashing Magazine
From working with design handoffs to supporting custom themes in a design system, the CSS `color-contrast()` function can become a cornerstone for developers by enforcing accessible UIs.
OOUX is a philosophy and set of principles that help UX designers break down complexity, understand requirements, synthesize research, and facilitate collaboration.
Towards Individuated Reading Experiences: Different Fonts Increase Reading Speed for Different Individuals | ACM Transactions on Computer-Human Interaction
In our age of ubiquitous digital displays, adults often read in short, opportunistic
interludes. In this context of Interlude Reading, we consider if manipulating font choice can improve adult readers’ reading outcomes.
Our studies normalize font size by ...
How difficult can it be to design a bulletproof language selector? It’s not as straightforward as one might think. We need to avoid redirects, decouple our language and country presets, allow for overrides, and use non-modal windows. Let’s dive in!
Humane Design: Avoiding the term "User" - Documentation / Best-practices
It was Aral Balkan that put in strongest words that we should avoid the term “Users” when developing free software. That the term “User” is indicative of the dependency relationship that Big Tech and surveillance capitalism has created between people and the technology they use. One that it not dissimilar of a “drug addict doing drugs” i.e. a user of drugs. The argument is that abstracting people as “Users” in a way de-humanizes them. The thought is that by trying to avoid the term we ar...
💡 CSS :has allows us to check if the main section contains an error and adjust the header accordingly. Neat! 🤩.main:has(.alert--error) .header { border-top: 2px solid red; background-color: #fff4f4;}Article: https://t.co/tLTNSLxZo4Demo: https://t.co/tt7uXynXYr pic.twitter.com/IKkXsnOQhx— Ahmad Shadeed (@shadeed9) April 18, 2022
Was wir fühlen, wenn wir sehen: Künstler:innen, Designer:innen und Forschende ergründen im neuen Kieler Science Communication Network die emotionale Wirkung visueller Darstellungen #wisskomm #scicomm https://t.co/U5j07ksfaP— Tom Duscher (@TomDuscher) March 10, 2022
Which SVG technique performs best for way too many icons?
When I started giving talks about SVG back in 2016, I'd occasionally hear a question I never had a great answer for: What if you have a lot of icons on a page?