The five best design links, every weekday

Category: Ui

All Categories

proofofconcept.pub

Dynamic Interfaces

What if a UI could design itself?

builtformars.com

Ticketmaster: the UX of a true monopoly

An onboarding that prioritises data collection, a punishing checkout experience and a core experience ripe with bugs.

nngroup.com

Error-Message Guidelines

Design effective error messages by ensuring they are highly visible, provide constructive communication, and respect user effort.

material.io

Reinventing the carousel

The research and design behind the evolution of the Material 3 carousel.

adamsilver.io

The problem with disabled buttons and what to do instead

In 2009 I prototyped a form that disabled the submit button until all the answers were valid.

adamsilver.io

The problem with sticky menus and what to do instead

This fancy pattern hurts UX far more than it improves it.

smashingmagazine.com

Accessible Target Sizes Cheatsheet

Practical guidelines to prevent rage taps and rage clicks with accessible tap targets for icons, links and buttons.

rauno.me

Crafting the Next.js Website

In February 2023, together with @glennui and @almonk we started building a new website for Next.js.

webkit.org

Badging for Home Screen Web Apps

WebKit now includes support for the W3C’s Badging API allowing you to badge the icon of a web app.

tympanus.net

UI Interactions & Animations Roundup #31

It’s time for a new collection of Dribbble shots featuring trendsetting creative animations and motion designs that will ignite your inspiration.

smashingmagazine.com

Color Mechanics In UI Kits

In this article, Adel Khamatov shares a model of color mechanics that he came up with during research on developing UI kits.

smart-interface-design-patterns.com

Smart Interface Design Patterns

UX design tips and resources on design process, design patterns and UX.

shaper.design

Shaper v2

Generative Design Tool for UI Interfaces.

smashingmagazine.com

How To Design An Effective User Onboarding Flow

If you want to maximize conversions or collect necessary user information for other purposes, a user onboarding flow is necessary.

design.wikimedia.org

Designing a single grid system for all Wikimedia projects

When I first started working at the Wikimedia Foundation I was surprised to discover that there was no underlying layout grid system.

magrawala.substack.com

Unpredictable Black Boxes are Terrible Interfaces

Why generative AI tools can be so difficult to use and how we might improve them.

geoffreylitt.com

Malleable software in the age of LLMs

All computer users may soon have the ability to author small bits of code.

material.io

Introducing Tone-based Surfaces in Material 3

New surface color roles offer more flexibility for large screens and rich color features.

nightingaledvs.com

A Eulogy for Dark Sky, a Data Visualization Masterpiece

A deep look at how the Dark Sky weather app used simple but highly effective charts to report and contextualize the weather.

pimpmytype.com

Fix Color Contrast: Web Accessibility for Text & UI Design

Learn what’s crucial and required about color contrast for text and UI components.