Archive for 'Buttons'

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 »

Why Users Click Right Call to Actions More Than Left Ones

Why Users Click Right Call to Actions More Than Left Ones

How you design your call to action buttons can affect whether users click them or not. Most designers focus on how their call to action buttons look.

Read more »

Why ‘Sign Up’ and ‘Sign In’ Button Labels Confuse Users

Why ‘Sign Up’ and ‘Sign In’ Button Labels Confuse Users

How fast can you spot the difference between ‘sign up’ and ‘sign in’? Using these together as button labels causes users to click the wrong button because they’re too similar.

Read more »