The five best design links, every weekday

Category: Ui

All Categories

nngroup.com

Designing Empty States in Complex Applications: 3 Guidelines

Empty states provide opportunities for designers to communicate system status and increase learnability of the system.

joshwcomeau.com

Designing Beautiful Shadows in CSS

When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn’t have to be this way, though!

web.dev

Building a split-button component

A foundational overview of how to build an accessible split-button component.

stephaniewalter.design

Enterprise UX: essential resources to design complex data tables

Table patterns, designing tables for enterprise apps & fitting big tables with a lot of content.

nngroup.com

Designing for Long Waits and Interruptions

5 guidelines help users tolerate the long waits and frequent interruptions that are typical of complex workflows.

uxdesign.cc

UI cheat sheet: Spacing friendships

The easiest way for me to see an interface designer’s skill is by how they use spacing in their design.

tympanus.net

UI Interactions & Animations Roundup #18

A new roundup of the most impressive UI interactions and animations we encountered on Dribbble in the past couple of weeks.

uxdesign.cc

Performance Design: Designing for the illusion of speed

Did you know every second Walmart shaves off of their e-commerce website improves its conversion by two percent?

setproduct.com

Avatar UI design exploration

Here is my UI research for the variants to design Avatars (aka Userpics). You will be guided through the States, Sizes, Styles, Usage, and Templates

workos.com

5 Lessons We Learned Adding Dark Mode to Our Platform

In this post, we will share some of the lessons we learned during the implementation of dark mode at WorkOS.

uxdesign.cc

Tesla’s new ‘mind of car’ UI signals a future we’re not prepared for

A look beyond designing just for users.

storybook.js.org

Automate accessibility testing with Storybook

Find & fix issues as you build UIs.

marcandrew.me

UI & UX Micro-Tips: Volume Eight.

In this follow-up article I’ve brought you another selection of easy to put into practice UI & UX micro-tips.

uxdesign.cc

Designing persuasive banners that don’t ruin your UX

Managing banner expectations and their struggle for recognition.

chrisannetts.com

Improving the Tesco Loan Calculator

Even the best web forms can be improved. I've reviewed the Tesco Bank Loan Calculator, and have made some suggestions on what I would do to refine it.

prototypr.io

Are UI/UX Tips the New Clickbait for Designers?✨

UI Tips are everywhere - Do’s and Don’ts of UI Design. Are they misleading beginners?

marcandrew.me

UI & UX Micro-Tips: Volume Seven

In this follow-up article I’ve brought you another selection of easy to put into practice UI & UX micro-tips.

gridless.design

Gridless.design

Get rid of the grid!

medium.com

Growing (and Shrinking) Pains

How to fix a broken spacing system.

bootcamp.uxdesign.cc

Case study: Enabling meal plan subscribers to buy and manage their meal plans

This project seeks to enable meal plan subscribers to manage their meals plans easily.