ArchivesTag : Buttons

When to Use Toggle Buttons

When to Use Toggle Buttons

Users can get frustrated if they can’t find a specific action on your website. They experience this when you hide actions in dropdown menus. One context where this often happens is sorting content.

Read more »

How Link Blocking Can Increase Your Click-through Rate

How Link Blocking Can Increase Your Click-through Rate

User research has proven that the larger a target is, the faster and easier it is to click. That means if you turn a link into a button, you can increase your click-through rate.

Read more »

Where to Place Icons Next to Button Labels

Where to Place Icons Next to Button Labels

Icons placed next to button labels are like bullet points placed next to items in a list. Both can make information easier to find and scan, as long as they’re placed in the right spot.

Read more »

How to Make Sure Users Don’t Accidentally Delete

How to Make Sure Users Don’t Accidentally Delete

Everyone knows how frustrating it is when you delete something you didn’t mean to delete. Whatever gets deleted is usually gone forever and the user is back to where they started.

Read more »

How to Make Progress Bars Feel Faster to Users

How to Make Progress Bars Feel Faster to Users

In today’s age of instant gratification, making users wait too long for your application to load is a user experience issue. If users get the feeling that your application loads too slow, they’ll grow impatient, and spend their time elsewhere.

Read more »

How to Use Arrow and Ellipsis Affordances

How to Use Arrow and Ellipsis Affordances

Text labels aren’t the only thing that describe what users are clicking. The two most common affordances on menus and buttons are arrows and ellipses.

Read more »

9 Rules to Make Your Icons Clear and Intuitive

9 Rules to Make Your Icons Clear and Intuitive

Have you ever looked at an icon and struggled to figure out what it meant? Users do this all the time with icons they’re not familiar with. And there are only a small set of icons that users are universally familiar with.

Read more »

Why Distinct Icon Outlines Help Users Scan Faster

Why Distinct Icon Outlines Help Users Scan Faster

Icons are visual cues that help users use interfaces more efficiently. Instead of reading each word on an interface, users can scan for the icon that represents the task they’re trying to do.

Read more »

Visual Weight of Primary and Secondary Action Buttons

Visual Weight of Primary and Secondary Action Buttons

When a user interface prompts users to take action, they’ll usually see two buttons. One button is primary to the user’s task and the other is secondary. To make this distinction clear, you have to use visual weight.

Read more »

Why ‘Ok’ Buttons in Dialog Boxes Work Best on the Right

Why ‘Ok’ Buttons in Dialog Boxes Work Best on the Right

A question designers often wonder when designing dialog boxes is where to place their ‘Ok’ and ‘Cancel’ buttons. The ‘Ok’ button is the primary button that completes the action the user initiated.

Read more »