Who Moved my Buy Button?

Who Moved my Buy Button?

In web design there are a couple things that are for the most part consistent across sites to provide a more uniform experience. Things like most logos tend to be on the top left of a page (as well as link to the homepage) and the search goes somewhere near the top right. Besides browsing the web, something most internet surfers do is shop. It could be clothing, electronics, jewelry, whatever – but this common experience has becomes very inconsistent when it comes time to buy.

I’ve sampled around 30 different product pages to see where the “action” is.
First, It’s not always called the “buy” button, I’ve seen:

  • Add to Cart
  • Buy this item now
  • Add to Shopping Cart
  • Buy Now
  • Add to Bag
  • Buy it
  • Order
  • Add to Shopping Bag

Some buttons have been crowded around product information, while others enjoy a nice amount of whitespace. The locations very, but as you’ll see here, groups do begin to form and a clear majority is formed:

(download as a PDF 1mb)

You can also click on any of these images to view via flickr

who_moved_my_buy_button3

who_moved_my_buy_button4

who_moved_my_buy_button5

who_moved_my_buy_button6

who_moved_my_buy_button7

who_moved_my_buy_button8

(download as a PDF 1mb)

Looking over these 25+ product pages, the thing that stands out the most are the visual design treatments. The amount of whitespace, color, size, etc… This is what draws the eye on a page, and keeps the visitors on your site from getting confused or lost.

3 thoughts on “Who Moved my Buy Button?

  1. I’m impressed by this article a lot. I can see you have paid a lot attention to it which describe the whole process little by little, from button to page design, to user experience. It also leaves us enough space to ponder. Do you mind translating this article into Chinese to share with more people who are unfamiliar with English?
    If you agree, i will save it in my BLOG.

  2. [...] 翻译:blank/怿飞 作者:jeremy johnson 原文地址::http://www.jeremyjohnsononline.com/2006/09/21/who-moved-my-buy-button [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>