Design

Oh… are we still talking about this?

OOUX is a philosophy and set of principles that help UX designers break down complexity, understand requirements, synthesize research, and facilitate collaboration.

A legible monospace font… the very typeface you’ve been trained to recognize since childhood

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 ...

A new study reveals that the speed at which you’re able to read online depends a lot on the font—and your age.

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!

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...

How Material used color science to make design easier and more expressive than ever before

Making the web more beautiful, fast, and open through great typography

In UI design, what scenario should hollow icons and solid icons be applied to? Some believe that the hollow icons are visually more complex…

Du fragst dich welcher Icon-Style besser zu erkennen ist? Wir haben die Antwort✌ ✔️ Solid gegen Outline ✔️ Mit Beispielen ➡️ Check it out!

In this cheat sheet, we will look at how to categories and think about icon styles.

All in One Bookmark Manager. For your inspiration, read later, media and stuff.

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?

A hybrid online streaming and in-person meetup for web workers & designers about web accessibility & assistive technology — May 4th, 2022, Düsseldorf

💡 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

Reasonable Colors is an open-source color system that makes it easy to build accessible, nice-looking color palettes.

How can we make sure to design with accessible colors?

Corporate Memphis seems to be everywhere nowadays, but where did it come from? And how did it get to be so popular? We explore.

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

Web magazine about user experience matters, providing insights and inspiration for the user experience community

Asking job applicants unstructured interview questions is ineffective. Instead, UX teams should standardize their questions and evaluation criteria to identify qualified people and reduce unfair bias. For job seekers, learn to recognize smart UX teams by how they interview you.

Markdown in all its flavors, interpretations, and forks won’t go away. However, it’s important to look at emerging content formats that try to encompass modern needs. In this article, Knut shares his advice against Markdown by looking back on why it was introduced in the first place, and by going through some of the major developments of content on the web.

Mit der Roboto Serif erweitert Google die vielfach eingesetzte Open-Source-Schriftsippe Roboto. Erstellt als variable Schrift, ist die Roboto Serif sehr umfangreich ausgebaut. Zu den Designachsen gehören: Strichstärke, Weite, optische Größe und Grauwert-Abstufung. Als Einzelschnitte kommt die Fam...

Presentation slides for developers