Why Your Buttons Should Have a Max Border-Radius
Most interface elements have a boxy shape. Think of text fields, menus, cards, modals, and…
The 4 Contextual States That Govern All Interfaces
Did you know that interface states are a lot like human states? Humans cycle through…
How to Fit Many Menu Items in a Navigation Bar
It’s hard to fit a lot of menu items in a navigation bar with limited…
Remove vs. Delete: When to Use Which
Did you know that data removal and deletion are different affordances? It’s important not to…
The Proper Way to Use Plus Icons on Interfaces
Creating new data is a different affordance than performing a command. Performing a command enables…
Clear Visual Cues for the Perfect File Uploader
Sharing and sending media is quite common on interfaces. However, users need to use the…
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…
Clear Visual Cues for the Perfect Mobile Carousel
One of the most popular ways to display a content collection is to use the…
Why You Should Stop Using Radio Buttons for Scaled Items
You're probably used to displaying radio buttons in a list format. However, list formats aren't…
ExchangeRatesAPI: Convert Your Prices to Foreign Currencies for Free
Online shopping has become an international phenomenon. Users from all over the world now go…
Diagonal Hierarchy Grid: A Method to Optimize Any Interface Layout
The location of an interface element plays a crucial role in how much attention it'll…
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 Optimal Way to Mark Optional Form Fields
Many designers tend to mark optional fields by placing "(optional)" after the field label. This…
Required Data Fields That Shouldn’t Be “Required”
Removing unnecessary optional fields will improve your form's conversion rate. However, there are certain "required"…