Good interactive experience the design of the product display in the website list

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Product Aggregation page: As the name suggests, is to list the goods, forming a common feature of the collection page.

The aim is to provide consumers with more choice of goods, so as to improve the conversion rate, minimize the user's bounce rate, to ensure smooth browsing. This requires a high quality visual experience and a good interactive experience.

The main focus here is on the product display.

At present, there are 3 kinds of products design:

1. Sorted by ranks (Taobao Mall ...)

2. Waterfall flow (Mushroom Street)

To maximize the display of goods in front of users

3. Special Section outstanding (Excellent public)

Adaptive screen of the product display, each class, using a large figure to push several items or banner

Patchwork sort, suitable for pictures of quality sites.

Basic information on product presentation

Product Picture/Product Name/commodity price

Picture size: 200x200

Picture slightly larger, so that users do not need each point detail to see the big picture, in the list can complete the process of understanding the items, so as not to lose patience.

Whether increasing the size of the picture increases the volume is unknown. But we can obviously see that the comparison has a picture of the truth, the bigger the picture the nearer the truth.

But the electrical picture can be small, especially in the appearance of similar goods, the commodity name appears more important.

Product Name:

Product brand, series, description, characteristics, personalized copy-level participation in activities

Commodity Price:

Original price-current-discount

Highlight current prices, cut off the original price, discount assistance

Add some modules to the website or product features

Credit: A successful transaction of the user, you can make a credit evaluation of the transaction object

Tags: reflect the sales characteristics of goods, such as new products, mail

Comments: The most vivid reflection of the purchase user, but also one of the most concerned elements of users

Sales: is not only a sort of way, but also to guide users to buy, to inform users whether the important element of popularity

Color: In the list you will know if there is any color you need, direct and clear.

Some interactive effects of product display

Hover a single product area: A box appears, emphasizing that the user selects the area that the product contains.

Additional information appears: Show users more like what they know

The cosmetics list in the mall shows how users feel about their products

Excellent public: hover appeared in several angles of the shooting chart + video display

Korea website Ogage

Hover appears preview, search for hidden clips and shopping cart buttons

Click picture/Product Name:

1. Jump directly to Detail page

For example: Taobao Beijing East Amazon ...

2. Pop-up Detail Page box

For example, excellent public: suitable for the content is relatively concise, users need to focus attention, and the page elements in the location of the situation needs to be fixed

For the different types of products, business claims are not the same, but the purpose is to achieve the same, the design end is the same, but the form is different.

Article source: Some things of the internet