Back to Home

It’s Just Shopping

Posted by Eric Hsu on February 14th, 2008

Heard something brilliant the other day when I was discussing ecommerce “best practices” with someone at the office. “It’s just shopping” she said. And it all makes sense. We all know how to shop in the real world (and know what we like and don’t like about certain stores), so why should an ecommerce shopping cart be any different?

Over the years, I’ve heard and read so many different articles with different views on how the cart should work on a website, and what are the “best practices” today. Not last month. Today.  Well, considering how much time I spent building ecommerce sites, and how much money I spent shopping on ecommerce sites, I’d like to throw my 2 cents into the mix. Here are my top 10 “how the shopping cart should work”.

1. Use a dynamic shopping cart
When you’re grocery shopping, you wouldn’t want to be sent straight to the cashier every time you put something in your cart. So don’t take the customers away from where they are when they click the “add to cart” button. Let them decide where they want to go next.

2. Allow quantity when adding to cart
There’s nothing stopping you from putting 2 bags of marshmallows in your cart, so why should it work differently on any website?

3. Include a store navigation accessible from anywhere in the site
When you’re ready to move from the produce section to the frozen meats, you don’t always go back to the store’s entrance and start over do you?

4. Include related products on product pages
Not on the shopping cart page. Not on the review your order page. On the product detail page. That way you know the ketchup and mustard are both condiments (related), and you don’t end up seeing one of them sitting next to the paper towels.

5. Forms should be top aligned
UI studies show it is easier and faster to fill out forms if the names of the fields are directly above them. So you work on the form from top to bottom, rather than left, right, left, right, left right, … You get my point.

6. Specify optional fields, not required fields
Most fields are required anyway.

7. Shipping address should be an optional step
9 out of 10 customers ship to the same address as their billing address. Don’t put up the entire shipping address form just to intimidate them. The less work they have to do, the more likely they’ll actually finish the checkout process.

8. Ability to save carts
I know you can’t do this in the grocery store, but don’t you wish you can? So you can put together your cart for next week’s grocery since you’re already in the store, and all you have to do is to come back next week to the store and pay for it.

9. Large buttons
I love it when I get to Home Depot, all I have to do is look up and know exactly where I am suppose to find what I need and pay for things when I’m done. Make your “add to cart” and “checkout” buttons stand out. Please.

10. Beauty is important
White space is good, but too much of it is bad. Wouldn’t a badly designed site and checkout forms make you a little uncomfortable? Maybe it’s not a legitimate site? Maybe it’s not secure? Maybe I should go to someone else whose store “looks” better?

Eric Hsu, Chief Style Officer

2 Responses to “It’s Just Shopping”

  1. Paul Mabray Says:

    PS - all these are going into our new platform launching in April!!!!!!!!!!
    P

  2. Ethan007 Says:

    I’ll second that Eric. I shop a lot on the internet and the one big thing to me that you didn’t mention is SPEED. The one thing I hate is a shopping cart that is slow or gets hung up. I recently bought a couple wine bags from a company winebags.com and was impressed with their simple website but fast and extremely simple to navigate. I was on their landing page but a couple seconds, quickly found the wine bag I was looking for, into the cart and out their simple one page checkout. Anyway, check them out if you have time for a simple and FAST system here: http://www.winebags.com.

Leave a Reply