How to design a button that gives visitors the desire to click

Source: Internet
Author: User

Today, bin go will talk to you about the important aspect of web design trends, which is the "seduce" user button. The so-called "seduce" the user's button, in fact, for web designers, is how to design a most visitors to the user has the click of the button . These buttons are usually linked to functions such as downloading , registering , and buying .

Foreign designer Seth Godin the button as a banana , and your users will be likened to a cute little monkey . Our goal is to get the little monkeys to quickly find the bananas they want within 3 seconds (i.e. before the user gives up and leaves your site). Force yourself to follow one and only one goal in designing each page, that is, "banana"! Make it bigger, more eye-catching, more beautiful!

This article will discuss with you how to design the perfect "seduce" user click button and will show you 30 good examples of Web button design .

How to design the perfect "seduce" user clicks the button

Good button design will be eye-catching and can "seduce" the attention of the user. Here are 5 essential features of a good button design:

1. Color

Color must be more distinctive than a quiet page, so it's brighter and has a high contrast color.

2. Location

They should be "located" where users expect to find them more easily. Next to the product, the head of the page, the top right of the navigation ... These are eye-catching and not hard to find places.

3. Written expression

It is very important to use what text on the button to express to the user. It should be short and to the point (not wordy), and start with a verb , such as: Register, download, create, try ...

If you want to realistically achieve "seduce" the user clicks the button, add "free" word can certainly play the effect of temptation, of course that is really free, do not mislead or deceive users.

4. Size problem

If it's your most important button and you want more users to click on it, it's no harm to make it more eye-catching. Design This button larger than the other buttons and let the user find it in more places and click it.

5. Space that can be "breathed"

Your buttons cannot be squeezed with other elements in the Web page. It requires plenty of margin(outside) to be more prominent, and more padding(inner margin) is needed to make the text easier to read.

30 page button Design examples

1.things

2.Wordpress E-Commerce

3.Skype

4. PB Wiki

5.Exceptional

6.Picsengine

7.InCase

8.Goodbarry

9. PlanHQ

TypePad

Mozilla Firefox

Signals ofPanax Notoginseng

Hambo Design

Cake PHP

Traffik

Boag World

Donor Tools

Luke Larsen

Square Space

Wu Foo

Barack Obama

FreshBooks

Crazy Egg

Web Notes

Campaign Monitor

Light CMS

Litmus

Stumble Upon

Remember theMilk

Ekklesia 360



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.