How to design the perfect Behavior Guide button

Behavior-guided buttons are you, as Web designers, want your users to click on the button. They are usually a link to download, register, or sell .

Seth Godin (The bigRed Fez) says the buttons are bananas , and your users are the monkeys . The goal is that monkeys can find bananas within 3 seconds (before they give up and leave). "Force yourself to design every page with only one main goal." This is the banana. Make it bigger, make it blue (or red), and let him be bold.

This article discusses the design of a perfect "behavior-guided" button , and shows 30 more awesome behavior-guided button designs .

How to design the perfect Behavior Guide button

Your behavior-guided buttons must be eye-catching and appear suddenly in front of the user. Here are 5 typical good behavior-guided buttons.

1. Color

The color of the button should be highlighted from the rest of the page, so it is usually a relatively bright , high-contrast color.

2. Location

It should be placed where the user expects it to be easy to find. Navigation above the file , inside the product, on the head of the page, or on the right side of the top. It should be eye-catching and not hard to find.

3. Language

The language you use to communicate with your users is important. It should be shorter, main (not verbose), and should be preceded by a behavioral verb , such as registering , downloading, creating, trying, and so on.

At the same time give users a click on the behavior of the boot button reasons, such as " free " for users is ranked first temptation.

4. Size problem

To make it stand out, because it's your most important button, you want your user to click on it, make it bigger than the other buttons, and give the user a big enough place to click on it.

5. Breathing Space

Your buttons can't be too tight with the other elements to look crowded. It needs enough marginsso he can "stand out from the crowd" and the text needs to be padding enough to make it easy to read.