A few weeks ago I held a quick and dirty Website Optimization contest for one page of Crutchfield’s check-out process. And great things came from that, as Crutchfield kicked in a $75 dollar gift certificate to the winner, and Jeffrey and Bryan Eisenberg also donated some signed copies of their books.
But even better than all of that, I had some really sharp readers suggest great changes and even produce a few mock-ups of those changes/alternative page designs. Best of all, I left sorting through those suggestions up to Bryan and Jeffrey Eisenberg, who volunteered to act as judges for the contest. So here’s their judgement:
The overall design winner is Alex Fisken of UX Associates.
Here’s the design Alex came up with (w/ analysis of good and bad aspects to follow):
So the good parts of this design are all up at the top of the page:
- It’s clear that the user has entered into part of the check-out process, because the various checkout stages are clearly labeled at the top of the page and the current stage — that of selecting accessories — is appropriately highlighted
- It’s perfectly, explicitly clear that the item has been added to cart.
- The two buttons for continue to cart and keep shopping are easily distinguished based on color, size, and shape
- The arrow pointing down to “Choose recommended accessories makes it abundantly clear that the user is being offered a chance to select accessories for his already-added-to-cart TV
And now for the not so good parts:
- The “continue” of “continue onto shopping cart” might be easily confused as a “continue shopping” since that is very common wording for a lot of checkout processes. Might be better to weak that to “proceed to shopping cart” (or to at least test it).
- The wording on “Choose recommended accessories” is liable to damage the very point of the page — to sell more accessories. Seeing that phrase causes readers to ask, “On what basis are these accessories being recommended? And why are you pushing these cross-sells on me?” Might be better to weak or test this wording to something more appropriate
Kevin McCaffrey’s Awesome Accessory Section
First, the “Do you need” formatting of the question is both more direct and more appropriate as it is framed from the buyers point of view (“I need to make sure I have everything I need” vs. “Don’t you want to buy something else from us?”) and designed to solicit a response. We’re all hardwired to answer questions, so this phrasing is harder to ignore than “Chose recommended accessories.”
I also like the option to click “no thanks,” as well as the button to “see more wall mount brackets.” Great stuff.
Now, some might be wondering, but doesn’t the offer have to be generic to all kinds of accessories, rather than specific to Flat Screen TVs?
Answer: No. Not anymore and not if you are a big boy e-commerce player like Crutchfield. They can easily use a service like Monetate to customize that call-out to the product, and, frankly, if they’re not doing that, they should be.
My Franken-page Mock-up
And knowing that the top half of Alex’s design needed the bottom half of Kevin’s design, I couldn’t help but frankenstein them together to come up with this:
And that there is the conclusion of the contest. Congratulations both to Alex and Kevin and a hearty thank you to all who participated. The winners may collect their prizes by e-mailing me their addresses and contact info.
P.S. A special thanks to both Jeffrey and Bryan Eisenberg and Crutchfield for helping out with this.