Website Design Analysis: Behavior request button Design 6 big must kill skill

Source: Internet
Author: User
Keywords The button

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

This is where the rubber meets the M.I..

How much does the action Request button play in the process of translating web traffic into commercial value?

The user Experience designer of the website may understand the role of the action Request button in this transformation, but the next 6 factors to be talked about, each one who wants to gain business benefits from the website, should understand.

What is the behavior request button?

The Behavior Request button is a button that gets the click behavior from a Web visitor.

In general, a click behavior may be linked to downloading, registering, or selling. They may also lead users to a Web page with more information for users to take action (e.g., learn more ...)

6 key elements of the behavior request button

1. Size

In theory, your "Action request button" should look for a sense of harmony between a crowded page and a hidden background. It should be the biggest button on the page, because the bigger the page, the more important it is.

  

(pictured above) The Ncover Site page is a large size to emphasize the behavior request button. In addition, they provide enough space to accommodate other key information, such as "21-day free trial." Strong contrast colors also help users differentiate between download buttons and page backgrounds.

2, location

Placing the Behavior request button in the fold of the page is very effective, because this position is a user's symmetrical visual center, can give users the first impression about the site.

  

(pictured above) The Envy store's login page uses the action request button in the middle to greet the user. This round button is particularly visible against the white border, and it's a powerful incentive for both sellers to join the site after reading the surrounding text.

  

(pictured above) "donate", the Behavior Request button, which calls for donations to help children in war. As level two menu is placed at the top of the page can effectively induce user action behavior. And strategically, the text is placed on a background, and it seems to encourage users to come back again after browsing through other pages.

3, Color

Make sure that there is a color contrast between the action request button and the background color in the design. This ensures that the user is better aware of the button and can increase the likelihood of the user taking action. Also need to consider how the button color to better meet the overall tone of the page, the purpose is to limit the button can play the largest color space.

  

The behavior request button of this application, as shown above, is clearly distinguished from the background color by highly saturated colors. Will you ignore it?

  

(pictured above) Resumator uses very friendly colors on the navigation bar to emphasize the "Sign up" button. and applying the same red to another action button--start the Tour is also the embodiment of this idea.

4, White

White leave is also a behavioral request button to obtain the user's attention an important factor. If your button color is softer or the button is small, it is more effective to take a blank strategy. Such a strategy instantly captures the user's attention because it makes the adjacent elements more dispersed.

  

(pictured above) The behavior request button on the Mintthemes Web page does not appeal to the user's attention with high-profile means, but uses the form of white, which can also stimulate the user to take action. The behavior request buttons at the top and bottom of the page are in this way.

  

(pictured above) The Blaz Robar Web page is clean and concise, giving the behavioral request button enough breathing space. This button does not need to struggle to compete with the user's attention, it can be very good to trigger the user's click behavior.

5, copy

Copywriting plays a very important role in the conversion rate of users.

Strive for concise and clear copy, which can motivate users to take action. When you read the "Buy Now" or "add to the Shopping cart" Copy button, will be more able to feel an immediate click driving force. Conversely, if the user had to ask for the copy first, that would mean a lower conversion rate.

  

(pictured above) Intrahost, the page Behavior request button on the copy is very concise, direct, very direct user to start the work, and do not need to see the description of any operation information.

  

(pictured above) Commendable kids this site calls on the user "get started now" and explicitly informs the user that it is free to use. This additional information is useful and frees users to go deeper into the site to find such information.

6, users can benefit

When we feel that we may miss an opportunity, we tend to respond quickly. The bold and persuasive copy of the text to the button, to convey the interests of users can enjoy the point of stimulating the user's heart.

  

(pictured above) The behavior request button on the FileShare HQ page tells the user the benefits of being a member--uploading files within minutes.

  

(pictured above) The behavior request button on the Apps Templates page stimulates users to join the club and gain the benefit by clearly telling the user what they are doing.

The Behavior Request button plays a very important role in the conversion rate of the page. Now each site's goal is more homogeneous, need to use the above 6 design elements to design your behavior request button to stimulate the user's action, which will have a very positive impact on the conversion rate of the site.

(pictured below) look at some of the action points on the banner operation, and of course some other action buttons related to the product, you can try a few of the above design factors, the conversion rate of the activities may be more help oh. Perhaps, you have other ideas to design the action request button, together to explore

  

  

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.