ecommerce shopping cart design

7
SHOPPING CART DESIGN ECOMMERCE Online shopping cart design and usability tips eCommerce UX Design a MineWhat initiative

Upload: minewhat

Post on 30-Jul-2015

1.674 views

Category:

Retail


0 download

TRANSCRIPT

Page 1: eCommerce shopping cart design

SHOPPING CARTDESIGN

E C O M M E R C E

O n l i n e s h o p p i n g c a r t d e s i g n a n d u s a b i l i t y t i p s

e C o m m e r c e U X D e s i g n a M i n e W h a t i n i t i a t i v e

Page 2: eCommerce shopping cart design

1e c o m m e r c e u x d e s i g n . c o m

Where should the shopping cart icon be?

Allow your users to easily locate the shopping cart. Place the shopping cart icon on the top right of every page in your store. Indicate whether the cart contains products or not by specifying the total number of items. Also specify the total value of the items present in the cart.

1

Time saved on category management everyday 2Hrs. See how MineWhat brought an entire team onto one page.

Page 3: eCommerce shopping cart design

2e c o m m e r c e u x d e s i g n . c o m

Full page cart

Users make their final purchase decisions when they are in the cart page. Shoppers add products to cart so that they can review or compare the items they have chosen, check whether the order total meets their budget or whether they qualify for free shipping etc. So, design your cart page in such a way that it assists your shoppers in their buying decision.

2

Page 4: eCommerce shopping cart design

3e c o m m e r c e u x d e s i g n . c o m

Mini shopping cart

Having a mini shopping cart is definitely not an alternative to the full page cart as decision making will be tedious with just a mini cart. It will help shoppers keep track of how much they spend and what they buy. Provide a link in the mini cart to view the full page cart instead of taking the user directly to checkout.

3

Page 5: eCommerce shopping cart design

4e c o m m e r c e u x d e s i g n . c o m

Read on to f ind out how a Shopify based luxury retai ler increased their landing page conversion by 200%.

Use mini cart to confirm that a product has been added to cart. You can also include product recommendations which would make it easier for your shoppers to find more products.

Page 6: eCommerce shopping cart design

5e c o m m e r c e u x d e s i g n . c o m

Empty shopping cart design

When the shopping cart is empty, remind your users to add products to cart instead of just saying that it is empty. Provide shopping instructions and a call to action that entices users to do so. You can also include product recommendations or your store’s unique selling points.

4

Page 7: eCommerce shopping cart design

P O W E R E D B Y

Product Analytics for eCommerce

T h e # 1 e C o m m e rc e i n t e l l i g e n c e p l a t f o r m f o r y o u r s a l e s a n d m a r k e t i n g t e a m s .

Quick ly spot what works and what doesn’ t on your s tore. Dr ive more convers ions.

w w w. m i n e w h a t . c o m > >