User Experience Design: Electrical Business website product page Purchase button

Article Description: User Experience Design: The purchase button of the Electronic Business website product page.

In general, E-commerce Web site to buy things three kinds of users:

1, casual look, is not to buy

2, see First, buy not to buy again

3, just to buy things.

This demand response to the product page of the purchase button, we will generally see the purchase and collection of two buttons, and the purchase can be divided into immediate purchase and add shopping cart two kinds.

For the first user, it's none of his business to make the button more reasonable, because he doesn't want to buy it.

For the second user, the shopping cart button or the Favorites button is a priority button for him because he buys it over a period of time.

For a third user, immediate purchase is the most appropriate button, followed by the shopping cart button, if he needs to buy a variety of products.

We all know that online shopping sites are more picky than offline users, the reason is simple, offline users go to the store to buy things, he has paid a lot of time costs and even economic costs (tolls, etc.), so he is more likely to buy, but online shopping is significantly different, he has more choice between the various sites, Nor waste a lot of time. Among them, the function of the Purchase button module is whether to promote the user to buy the key steps, users here with the not liking to run away is not surprising. So let's take a look at some of the big websites that are doing it in the function module of buying buttons.

First, Dangdang

As shown in Figure 1 below, we see the purchase button when it is a style that I was very familiar with a long time ago. On the left is the purchase button, the right is the collection button, the button size is not differentiated, the button color contrast is low. Click on the purchase button to jump to the shopping cart page.

Two, wheat bag

As shown in Figure 2 below, when we compare the purchase button of the Mai bag and Dangdang, we clearly find that the wheat bag obviously strengthens the visual effect of the purchase button, whether it is the button size and the color contrast, the first time the user sees the "Buy Now" button. But the "Buy Now" is a pseudo concept, because click on the button into the shopping cart after the page, rather than directly fill out the personal information of the issue of the page, which with the following to say Taobao and Le King very different.

Third, every customer sincerity goods

As shown in Figure 3 below, every customer's button is similar to the wheat bag, is to emphasize the visual effect of the purchase button, but there is a bit more different, where the purchase button (put into the shopping cart) on the right side of the collection button, this is more alternative design.

Four, go to show net

As shown in Figure 4 below, walking the network in the emphasis on the design of the purchase button more radical, its form is a button with a link, but the star seems to not be aligned with the text, it does not look very comfortable.

Five, Jingdong Mall

As shown in Figure 5 below, Jingdong's emphasis on the purchase button is the same as that of the MAI bag and every guest, but here in Jingdong, the collection button has a small evolution, and its name is called "Add attention". Jingdong's explanation of the button is "want to know the product price reduction, promotion, arrival and related dynamic information in real time?" A key concern, real-time broadcast, affordable run not off! ", this is very interesting, according to the user's collection information for personalized information push, which is good for product sales."

Shop No. 1th

As shown in Figure 6 below, shop 1th is more characteristic than the site mentioned above, a "Add shopping list" link. We all know that users go to the supermarket to buy things a lot of things are regularly bought, such as toilet paper, toothpaste, shower gel and so on, the 1th store provides this function is more intimate, if you want to buy things to add shopping list, and set the shopping cycle, will be regularly reminded.

Seven & Eight, Taobao & Lok Tao

As shown in figures 7 and 8 below, the buttons of Taobao and Le King are very similar, although I do not have screenshots come in, but Taobao and Le King collection function is, it is in the form of links to the product image next to the purchase button side is immediately buy and add a combination of shopping cart, click Buy immediately into the confirmation order page, This will be convenient for those who only buy the same product.

Put the buttons of these websites together and compare them, not to compare who is good, because the difference between the industry and the corresponding user purchase habits of the difference, each site in the purchase button design made their own choice, and some of the site also tried to innovate, can be sure that the best for their own.