Shopping cart (shopping cart)--B2C website core product Design (ii)

Source: Internet
Author: User

What does a shopping cart do?

Let's take a look at the real supermarket shopping cart, a four wheel of iron basket, guests push around, see what things like, throw in, feel things almost, pushed to the cashier.

What about the shopping cart in the website?

Broadly speaking, shopping cart is everywhere in the consumer-to-consumer website, when guests enter a consumer-to-consumer website, he is the equivalent of pushing the shopping cart to start the supermarket, but the guests temporarily do not see the shopping cart, until entering the shopping cart (Shopping cart page) page, and then go to settle, order success. The shopping cart discussed in this article is a narrow shopping cart, which refers to the process of "Add to Cart" button in the Point product page to enter the next "checkout" (Check out).

What logic will exist when designing a shopping cart (shopping cart)?

The first, of course, is the entry logic, which is where you can click on the "Add to Cart" button to resolve what can be thrown into the shopping cart (shopping cart). Common entrances include: Product List page, single product page, in addition, in the promotion page, shopping cart page of the recommended product section is also a common entrance, depending on the site situation there will be another 7788 of the entrance. When clicking on "Add to cart" at different entrances, different events may occur. So the first thing we need to do is to define the buttons that can have "add to cart" in those pages. Emphasize that, do not underestimate the definition of the entrance, he may have an impact on each of the subsequent steps, especially some hidden entrance, such as our common in the user's history orders often have "next single" (Re-order) function, At this time it is very likely to have such complex logic processing as looking at these goods and having no inventory, and not caring about the design of the shopping cart entrance is almost certainly a substandard shopping cart product design .

The second is to add the commodity logic to solve the problem of how to throw a product into the shopping cart (shopping cart). From the page to show that there may be two cases, a direct access to the shopping cart page, there is a prompt you "product has been added to the shopping cart" and then on the original page let you continue to shop, the two performance of the combination is the kind of pop-up a small box asked you to go to the shopping cart page or continue shopping. Regardless of the kind of jump situation, there is a logic that can not be seen, that is put into the shopping cart products recorded. The product manager must know exactly what to record on the basis of the actual situation on his or her website. The most direct need to record, Yang think includes two parts, one is what goods, the other is how many products added. Maybe someone would think why not record the price of the goods? Yang that the price of the product should have a separate calculation module (price calculator), as long as we know what things, we can always get the price, so should not be recorded here. Just like we sell things in the supermarket, when I put a thing in the car, until the settlement, we only know that there are a few things in the car, there is something, and even we can forget what is in the car, anyway, will know when the settlement.

The third is the shopping cart product processing and page presentation logic. Just like when we are shopping in the supermarket, we need to look at what we have bought and how much it costs before we make a formal payment. When entering the shopping cart page, first of all the things in our shopping cart to calculate the price, Yang more inclined product processing method is, before the shopping cart page display, the shopping cart in a uniform throw into a price processor, the price processor calculates a variety of promotional activities, discounts and other things, This price processor is like a barcode gun on the checkout counter, which returns the price of each product, whether it is a promotional or a normal product that will eventually give the product a correct price. For example, buy a can of Coke 3 yuan, buy two cans of Coke 5 yuan (that is, the price of 2.5 yuan), the user just threw Coke into the shopping cart (equivalent to what we said to add commodity logic), barcode gun Sweep, if there is a can cola, the display unit price of 3 yuan, if there are two cans of Coke display Unit price 2.5 This part of the focus is price processor to and page display separation , he for the page display or for the shopping cart equivalent to a black box of things, the shopping cart as long as the price of the processor to tell the number of things, a few, the price processor gives the corresponding price, The final display is on the shopping cart page. Now let's talk about the focus of the logic of the shopping cart, the real role of the page is two: one is to allow users to settle the order as soon as possible, and the other is to allow users to buy more things (Continue shipping). About allowing users to settle the success as soon as possible, we just do one thing, let users see the page at a glance "to checkout" (Check out) button, this thing said is very simple, do not be difficult, but there are a lot of people do not do well, including some small famous sites, I have seen a website if you buy more than 10 things, if you want to see the "Checkout" button to scroll the mouse 3, 4. Yang's suggestion is to put the "Go clearing" (Check out) button to the upper right corner, using a harmonious and eye-catching color, while in the shopping cart page try not to write too much text, if you have to write, also to "Go to Checkout" (check out) button far away.

Let the user as much as possible to buy more things, like we see in the supermarket checkout of chewing gum, batteries and the like, so there is a non-consumer website core function of the function is very important, if there is time in the future, we can also discuss the product design method of the recommended products separately. It is also important to let the user buy as much as possible and a button is "continue shopping" (Continue shipping). On the Shopping Cart presentation page, there is an important question for the product manager to think about, that is, their website "Continue shopping" (Continue shipping) More important or "checkout" (Check out) more important, each product manager must find their own site "continue shopping" and "Go to Checkout" The balance of (Check out) is shown logically on the page display. Yang has seen most of the site as if "to checkout" (Check out) more important, after all, can immediately place orders, the boss can see the money.

Finally is the logic to leave the shopping cart, the consumer-to-consumer site must think well, which left the shopping cart page is correct, which is wrong, Yang think only users because click "Continue shopping" (Continue shipping) and "Go To Checkout" (check Out) button to leave the shopping cart (shopping cart) is correct, other leave unless there is sufficient reason, otherwise is the product design of the stupidity and chaos caused. If the user clicks on "continue shopping" the key logic is to return to that page, which is closely related to the entry logic mentioned earlier, the product manager should be specific analysis. And the user click "To Checkout" (Check out), logic is very simple, is to enter the settlement process, the specific settlement process design will be discussed in the future.

Shopping cart (shopping cart) basic product design ideas, may be missing the details of things, Yang want to say is, the details will be based on each site will be different, but the core product design ideas are common, he is the product manager should put in the heart of the Tao.

Add: Do not equate the shopping cart product design with the shopping cart page, the shopping cart page is just the main page performance part of the shopping cart product design.

Shopping cart (shopping cart)--B2C website core product Design (ii)

Related Article

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.