Archive for 'Buttons'
Finger-Friendly Design: Ideal Mobile Touch Target Sizes
In darts, hitting the bulls-eye is harder to do than hitting any other part of the dartboard. This is because the bullseye is the smallest target. This same principle can also apply to touch targets on mobile devices.
Read more »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
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 »The Visual Weight of Primary and Secondary Action Buttons
Most user interfaces have multiple buttons. But not every button is equal. Some are primary to the user’s task and some are secondary. To make this distinction clear, you should make use of visual weight.
Read more »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
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 the ‘Ok’ Button is No Longer Okay
When the graphical user interface first emerged, designers designed their dialog boxes with a mechanical and binary approach. Clicking the ‘Ok’ button on a dialog box meant that the user wanted the system to carry out an action.
Read more »Call to Action Buttons Best Practices Guide
Your buttons may call users to act, but do they compel users to act? Buttons can come in different shapes and forms, but a button isn’t effective if it doesn’t compel users to take action.
Read more »How a Lightbox Should Open Without a Thumbnail
Do you know what lightboxes are? If you don’t, that’s okay because they often go by many names. Even if you haven’t heard of them, the chances are you’ve seen them before. Lightboxes are the most popular way to view images on the web.
Read more »Bullets Make Links Easier to Scan
You can make a list of links difficult to scan if all you’re doing is stacking them on top of each other like cinder blocks. I’ve noticed this difference when I try to scan headlines at USA Today and LA times.
Read more »Using Gradients on Buttons Correctly
Gradients are commonly used on a user interface to give it a natural look and feel. When a single light source is lit from above it tends to mimic the sun.
Read more »