How To Use Buttons Perfectly

We all know about the importance of a good call to action, but have you ever thought about the importance of your website buttons?

Buttons have the power to get users to carry out an action and the more beautifully designed and compelling that button is, the more people you’ll get carrying out said action.

So how can you design your own buttons so you stand out and get those conversions?

Read on to find out 5 simple steps to making your own effective buttons.

1. Make buttons look clickable

It may sound obvious, but it needs to look clickable. Users need to know that it’s a button and be drawn to it automatically.

Using shapes that are commonly used for buttons is a good start. Squares, circles, rounded squares… these are all shapes that people are familiar with the term ‘button’. Adding shadows to the button also helps, as this added depth gives people the illusion of the button being clickable.

2. Make the button obvious

Just like how we’re used to a certain look of a button, we’re used to knowing where to find them. People have expectations of where to find buttons on a website, for example, you would expect the ‘previous’ button to be on the left-hand side of the ‘next’ button. There is a time and a place for thinking out of the box, but that isn’t now.

According to InVision, did you know that 88% of online consumers are unlikely to return to a website about a bad experience? That’s a massive percentage right?

By making sure that everything is where people expect it to be, you’re making it a lot easier for the consumer. Easier for the consumer, means they’re staying engaged on your website and keeping them away from your competitors. It’s a win-win!

3. Repeat, repeat, repeat

You could make all of your buttons look like buttons on a website, but if there is no consistency, it’s no good. People expect all of the buttons to be same within a brand, so it’s best to keep that button all the way through your website to avoid confusion.

Don’t be afraid of telling people what to do. You may think it’s too obvious, but don’t ever let anyone tell you that microcopy doesn’t matter.

Don’t feel like you’re restricted to the generic “ok” and “cancel”. By expanding on that and creating a button that says “Upload Video” or “Cancel Booking”, you’re making it obvious for the user exactly what they’re signing themselves up (or coincidentally not) for.

4. Size matters

The size of the button, believe it or not, is quite important.

MIT’s Touch Lab¬†found that buttons needed to be big enough to be clicked on by a finger. This doesn’t mean you should overdo it and make the button too large, but the button definitely shouldn’t be smaller than 10mm.

Connect Insolvency¬†have perfected the size of their buttons. They’re big enough to draw your eye too them, but they’re not so big that they are a distraction.

5. Don’t overdo it

You don’t need to have a button for everything. It may seem like a good idea to offer your users every single functionality possible, but it isn’t. People want to think that they have all of the options available but in reality, having too many options can quickly confuse and frustrate a user.

Buttons are a tool that should be used to enhance your user’s experience, not confuse them. Use them to your advantage by taking your users down a logical pathway that makes the user believe they are in control.

There you have it!

By following these 5 simple points, you can make sure that you’re using your buttons to their full potential. After all, it’s the finer details that count.