Remove vs. Delete: When to Use Which
Did you know that data removal and deletion are different affordances? It’s important not to…
Buttons
buttons
The Proper Way to Use Plus Icons on Interfaces
Creating new data is a different affordance than performing a command. Performing a command enables…
Visual Cues to Help Users Perceive Drag-and-Drop
Drag-and-drop is an affordance that’s harder to perceive than clicking. Unlike clicking, you can’t just…
Overusing Accent Colors Lowers User Efficiency on Interfaces
Your interface likely uses an accent color to highlight interactive elements. It’s usually your brand…
The Proper Visual Cues for Common Interface Affordances
What makes an interface intuitive? An interface is intuitive if users can use it correctly…
How an Interface Mode Killed 10 Sailors
One would think that the worst a poorly designed interface could do is cause frustration.…
Don’t Use Inverted Color Cues on Toggle Buttons
A user made the mistake of posting their private information publicly. They accidentally set their…
Why Toggle Buttons Should Never Look Like Action Buttons
Toggle buttons should never look like action buttons. A common mistake is to use the…
Color Contrast Mistakes to Avoid on Buttons
Imagine a user stuck with indecision when they encounter a pair of buttons on your…
The Myths of Color Contrast Accessibility
There’s a growing demand for designers to make their interfaces accessible to all users. It’s important to accommodate users with disabilities...
When You Need to Show a Button’s Loading State
Buttons have more than an enabled and disabled state. They also have a loading state. The loading state isn't usually shown to users because most actions happen within seconds.
Why You Shouldn’t Gray Out Disabled Buttons
How should disabled buttons appear when they’re inactive? The way most designers indicate an inactive…
The Challenges with Single Toggle Buttons
Toggle buttons should do three things — change states, show the current state, and reveal unselected options. If your toggle button doesn’t do all these things, it has poor usability.
Why Toggle Buttons Are Confusing
Not all buttons perform actions. Sometimes they’re used to change states on an app. These…