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

Making users wait too long for your app to load can make users impatient. If users get impatient, they’ll abandon your site for a faster site.

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 Guidelines for Clear and Intuitive Icons

9 Guidelines for Clear and Intuitive Icons

Have you ever struggled to figure out what an icon meant? Users do this all the time with icons they’re not familiar with. That’s why it’s important to make your icons clear and intuitive.

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 see at least two buttons. One button is primary to the user’s task and the other is secondary.

Read more »

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

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

Designers often question where to place their ‘Ok’ and ‘Cancel’ buttons on dialog boxes. The ‘Ok’ button is the primary button that completes the task action.

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 button labels together causes users to click the wrong button. But it’s not their fault.

Read more »