E-commerce
project UX checklist

Put value proposition above the fold to indicate to potential customers what value they get upon buying your products and what makes you different from competitors. Read more.

To avoid misinterpretation regarding product range (especially if it is very broad) of your e-commerce website, feature different products on the homepage. Read more.

Show personalize sections (e.g. “Recommended for you” or “Based on your searches”) to increase relevance of the page for the user. Read more.

When the user hovers the carousel banner, he is usually interested in its content and therefore shouldn't be interrupted by banner switch. Read more.

Allow customers to see general category page before going into the specific subcategory pages inside it. Read more.

Differentiate categories and subcategories with font styling, indention, and spatial indicators.

Don't make users to guess what the label refer to and use descriptive category names. Read more.

Allow customers to easily access new items and available deals instead of searching through previously browsed products or going through product lists.

Consider displaying very popular filters as a part of navigation.

Make it easy for a customer to get in touch with your store or request support.

Place a store locator in the header to allow customers easily find physical stores, if large % of sales happen offline.

Site logo that links to the homepage is a web convention known by majority of internet users. It can be an important option for some users as a way to begin their product search afresh. Read more.

Show search box instead of search icon to help users find it more easily. Read more.

Save customer time by suggesting products and reducing the need to type whole query. Read more.

Very often people search for the same item repeatedly, even during one session. Save customer time by providing the option of repeating past searches. Read more.

If nothing was found, show personalized recommendations, phone number or chat, recommendations to check spelling, try more general or another keyword. Read more.

Total number of results indicates to customer the quality of search query and helps him decide to scan results or enter new query.

Attract customers' attention to featured items within a list of otherwise similar items. Read more.

Indicate different product variations (colors, materials, styles etc.) to the users so they are aware up front what they can find at the product page.

Additional details could help users to better evalute the product and decide if it worth futher exploring. Read more.

Show filters by category relevance, not alphabetically.

Let your customers know up front how many results they could get after applying certain filter so they could avoid too narrow filtering.

Allow users to easily find (and if needed deselect) all filters that are applied to the current product list. Read more.

Customers often want to see products from multiple angles and different proximities to better understand all their details. Read more.

Users could overlook indicators and don't find other photos of the product available on the page.

Users can't scan all available options of the product until open dropdown and selecting an option from dropdown list requires more clicks.

Size chart could help customers to pick the right fitting clothes and reduce the number of order returns. Read more.

Customers could compare themselves to models at the product photos to get an idea whether size will fit them or not.

Suggestions for alternative and supplementary products could improve the discovery of products on the site and increase the average order value. Read more.

Let your customers know what products they have already bought to avoid accidental purchases.

In order not to lose customers that land on a product page that is permanently out of stock, suggest alternative products or offer in store options. Read more.

Don't confuse a user and redirect him immediately to cart page. He might want to consider other items and doesn't ready to checkout yet. Instead show drop-down cart or pop-up with successfully added item, total sum and following actions, such as “Checkout Now” and “View Cart”.

Allow users to easily edit items (quantity, size etc.) on the shopping cart page. They should not be removed from the cart or redirected back to the product page to edit item.

Don't make users to delete items they aren't ready to buy right now from cart and provide feature to save items for later. Read more.

Maximize the shopping cart page by showing favorites, top selling items, last viewed items or complete the look with these products.

Customers dislike unexpected cost increases during checkout and if that happens could abandon checkout at all. To avoid this situation, show total cost in cart with the breakdown of this amount. Read more.

Nudge customers to add more items to cart by offering free shipping after reaching a certain amount.

According to Baymard Institute, ~35% of online transactions are dropped because of a required registration prompt. Users just don't want to spend time to create another account. Read more.

During checkout show only relevant information such as support number, delivery & payment information, terms & conditions and remove primary navigation and footer.

Top-aligned labels allow users to scan and complete form as fast as possible. Read more.

Multiple columns are harder to scan and users may interpret forms inconsistently. Read more.

Customers much more likely finish checkout process if they know where they are and how many steps left. Read more.

Auto-formatting can help users to avoid mistakes and more easily check if credit card number is correct. Read more.

A lot of users still don't know what is security code and where they can find it. Include tooltip to help users determine which code they need to enter.

The best place to ask users to create account is at the order confirmation page. At this moment, the user has already filled all information and just need to create password to finish the process of registration. Read more.

During registration display all benefits of creating an account on your website, such as saved addresses, order tracking, faster checkout etc.

If password requirement are visible by default, users will avoid errors and create password much faster. Read more.

Save customers time by allowing to unsubscribe from all marketing emails in one click. Read more.

Explicitly indicate current default address and allow customers to select a new default address among saved addresses.

Users expect to use gestures such as pinch or double-tap for zooming and swipe for navigation on mobile e-commerce websites. Read more.

The order summary information (including subtotal, taxes, fees, discounts, and shipping charges) is critical for every user and should be easy to find on mobile checkout. Read more.

Provide users with the correct keyboard for specific form field inputs such as text, email, number or telephone. Read more.

Allow users to take a photo of the credit card instead of typing in their information. Read more.

Ask the user’s current location to calculate delivery costs prior to the checkout.

“Install App” banner could cover important content or elements as well as reduce the size of mobile viewport. Read more.