Skip to main content
UI Coach Logo

Learn the principles behind the interface

UX laws, made visual

Explore all UX laws

From design to website

Turn your UI designs into live websites.

Build visually in Webflow, just like you design. Fine-tune typography, spacing, layout, and interactions until everything looks right, then publish your site live.

Explore Webflow

Latest from the design community

Adam Silver · Jun 25, 2023

The problem with input masks and what to do instead

In 2010 I discovered input masks. They seemed like a smart way to prevent errors. Because they help users follow a format. And they do so without taking up space. But the truth is that this fancy pattern degrades UX. Here’s why: Problem #1: They’re confusing For example, the cursor advances automatically to the next p.

Read

EightShapes · Dan Brown · Jun 23, 2023

The Structure of Digital Design Revolutions

Photo by Suzanne D. Williams on Unsplash A new project has me thinking about how digital design has changed over the decades. The shifts I’m thinking about aren’t merely new techniques. They aren’t the occasional yet inevitable calls for eliminating wireframes or personas. Instead they are fundamental changes in how d.

Read

A List Apart · by Justin Dauer · Jun 22, 2023

Humility: An Essential Value

Humility, a designer’s essential value—that has a nice ring to it. What about humility, an office manager’s essential value? Or a dentist’s? Or a librarian’s? They all sound great. When humility is our guiding light, the path is always open for fulfillment, evolution, connection, and engagement. In this chapter, we’re.

Read

Adam Silver · Jun 18, 2023

The problem with sticky menus that appear on scroll and what to do instead

I’ve previously written about the problems with regular sticky menus . In response to those issues, some people suggest showing and hiding the menu as the user scrolls up and down. Bondir’s sticky menu appears and disappears as the user scrolls This seems smart because: - the menu gets out of the way to allow users to.

Read

Adam Silver · Jun 11, 2023

Don’t mark required fields with an asterisk

Back in 2008 I worked at a software house. We built e-commerce sites for Boots, Argos and Homebase. Registration, sign in, checkout - all the usual forms. And we always did the same thing: little red asterisks next to each required field. We never tested it. We just followed what everyone else did. Fast forward 15 yea.

Read

Uber Design · Dylan Babbs · Jun 7, 2023

Designing the latest generation of Uber Navigation: maps built for ridesharing

The Uber platform currently powers more than 7 billion trips every year. When we launched Uber Navigation , the world’s first navigation system designed for ridesharing, in 2017, the platform was handling 4 billion trips annually. After 5 years of growing demands, not only in app use but also in terms of ever-evolving.

Read

Adam Silver · Jun 4, 2023

The problem with automatically focusing the first input and what to do instead

In 2009 I was working on the Argos checkout flow. We were considering focusing the first input when the page loads. The idea was to save users a click (never a good sign). Back then we had to use JS, but now we have the HTML5 autofocus attribute. Either way, automatically focusing the first input causes 5 specific pro.

Read

Adam Silver · May 28, 2023

The problem with nested fieldsets and how to avoid them

In 2016 I worked at the Department for Work and Pensions. I was working on a complex form field made up of nested fieldsets. It was inaccessible which surprised me because I was only using fieldsets, legends, labels and radio buttons. Nothing fancy. But as I did more research, it became clearer that nested fieldsets c.

Read

Manuel Matuzovic · May 23, 2023

Workshop: Deep Dive on Accessibility Testing

Once again I’ve teamed up with my friends at Smashing Magazine 😻 to share with you everything I know about web accessibility testing! In this smashing workshop we’ll talk about automatic and manual testing, screen reader basics, Single Page Applications, Dev Tools, and more. Sounds interesting? Great! Here are some m.

Read

Salesforce UX · Kate Hughes · May 22, 2023

There’s Always a Way to Do UX Research

Insights can come from colleagues who have close relationships with or similar roles to end users [AdobeStock/Maria] Designs are created and the next engineering cycle is about to begin. There’s no time for UX research — or is there? When you can’t put mocks in front of end users, consider seeking input from internal.

Read

Adam Silver · May 14, 2023

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. The idea being: the best error is the one the user never sees. But disabled buttons takes this rule to the extreme. And as a result it can frustrate users or worse, cause them to give up completely. Here’s why: Problem #1: Th.

Read

Lyft Design · Alexander Savard · May 11, 2023

“That little island changes everything”

How we designed Lyft Live Activities to elevate the rider experience Illustration by Alexander Savard A game changer for rideshare Of all the things we do at Lyft, choreographing pickups between riders & drivers is one of the most complex and consequential. Nailing this choreography depends on Lyft doing a lot of thin.

Read

Salesforce UX · Kate Hughes · May 10, 2023

Hey, Designers! Submit Your Session Idea for Dreamforce 2023

Experienced and first-time speakers are welcome; deadline to submit proposal is June 6. #DreamDesigners, we want YOU to present at Dreamforce 2023 ! The epic celebration of customer success is coming to San Francisco from Sept. 12–14, and we need your voices. We want to share how all Trailblazers — admins, architects,.

Read

Adam Silver · May 7, 2023

The problem with sticky menus and what to do instead

Sticky menus (menus that stick to the edge of the viewport) are used to make them easy to access on long pages. But this fancy pattern hurts UX far more than it improves it. Here’s why: Problem #1: They constantly take up space They get in the way of the actual content. And it’s worse on small screens where space is m.

Read

Salesforce UX · Kate Hughes · May 3, 2023

Being Design-Led Can Help Speed Up Your Product Release Schedule

Our Briefcase Builder functionality went GA two cycles faster thanks to a shared design vision. There is a common misconception that it takes too long to practice design-led product development — an approach that involves research early and often. Yet a project our team worked on actually moved faster due to being des.

Read

Salesforce UX · Kate Hughes · May 3, 2023

Designers Thrive at Building Team Trust — Here’s How

Designers Thrive at Building Team Trust — Here’s How Learn some go-to exercises for improving communications and camaraderie. When team trust is high, it often means people have intentionally created a safe space for everyone to put ideas forward and build products that help make users successful. Designers can play a.

Read

Lea Verou · Apr 28, 2023

JS private class fields considered harmful

Today I mourn. What am I mourning? Encapsulation. At least in my projects. As a library author, I’ve decided to avoid private class fields from now on and gradually refactor them out of my existing libraries . Why did I make such a drastic decision? It all started a few days ago, when I was building a Vue 3 app that u.

Read