Posted on February 9th, 2011 by Kevin Partner
How one small design change can kill your conversion rate
BigCommerce, a hosted ecommerce service, recently pushed out a minor update to all its shops including my MakingYourOwnCandles site. Developers Interspire allow shop owners to schedule the upgrade to a convenient date and, as part of that process, require them to tick a box that says, in effect, “I understand that this may mess up my store design”.
So, once the upgrade had taken place, I checked our shop to see what damage had been done to discover that the menu system had changed. Gone was the simple, tree-type list of categories and subcategories to be replaced by a swanky new “fly-out” menu which, as I’d made changes to the text colour in the main shop, featured black text on a dark background.
After half an hour’s feverish work sifting through the various CSS rules to find out which controlled the text colour, I had a visible menu system again. So, for Tuesday and Wednesday of that week, we ran with the new menu. It was a disaster.
Over those two days, the conversion rate plummeted by 75%. I would hardly have believed it if I hadn’t seen it for myself. By Wednesday evening I was in full panic mode. I finally found the checkbox for restoring the tree menu and, like flicking a switch, the conversion rate recovered instantly.
Why? I can only guess, because I’m not prepared to chuck money away experimenting with it, but I think there are at least two ways in which the fly-out menu is inferior. Firstly, if you have relatively few categories with lots of subcategories, the tree menu shows this to prospective customers more effectively: the shop looks as though it has a wide range of products. Secondly, the fly-out is more fiddly to use as it requires the user to hover over the main category name before clicking. In almost all cases with user interface design, simplest is best.
I’m angry that Interspire enabled the fly-out by default – it seems much more sensible to render the shop as it was and let owners know that a new menu type is available should they wish it trial it. But the big lesson is the effect that seemingly tiny changes to interface design can have on a business: it can mean the difference between a profitable enterprise and a basket case.
Tags: BigCommerce, Interspire, web design
Posted in: Online business
Follow any responses to this entry through the RSS 2.0 feed.
You can skip to the end and leave a response. Pinging is currently not allowed.
4 Responses to “ How one small design change can kill your conversion rate ”
Leave a Reply
Authors
- Barry Collins
- Chris Brennan
- Christine Horton
- Darien Graham-Smith
- Dave Stevenson
- Davey Winder
- David Bayon
- David Fearon
- Ewen Rankin
- Ian Devlin
- Jon Honeyball
- Jonathan Bray
- Kevin Partner
- Mike Jennings
- Nicole Kobie
- Sasha Muller
- Steve Cassidy
- Stewart Mitchell
- Stuart Turton
- Tim Danton
- Tom Arah
Categories
- About the bloggers
- Android App of the Week
- CES 2013
- cloud computing
- From Gmail to Hotmail
- Green
- Hardware
- How To
- iPhone App of the Week
- Just in
- Microsoft Office 2010
- MWC 2013
- Newsdesk
- Online business
- Random
- Rant
- Real World Computing
- Software
- View from the Labs
- Web
- Windows 7
- Windows 8
Archives
- June 2013
- May 2013
- April 2013
- March 2013
- February 2013
- January 2013
- December 2012
- November 2012
- October 2012
- September 2012
- August 2012
- July 2012
- June 2012
- May 2012
- April 2012
- March 2012
- February 2012
- January 2012
- December 2011
- November 2011
- October 2011
- September 2011
- August 2011
- July 2011
- June 2011
- May 2011
- April 2011
- March 2011
- February 2011
- January 2011
- December 2010
- November 2010
- October 2010
- September 2010
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- December 2009
- November 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
advertisement


February 9th, 2011 at 3:00 pm
One thing that quickly came to mind is that if you have a lot of returning customers, they might have been confused and frustrated by the change (people don’t like change). Given time, the conversion discrepancy might have evened out. Maybe….Maybe.
Personally, I agree with you. The simple tree is easy, intuitive and informative.
Great post!
February 9th, 2011 at 3:33 pm
I was in doubt of using bigcommerce, shopify or solidshops.com. The last one gave me 6 months for free because I signed up for their beta and they allow me to build 100% custom templates so up to today I’m happy with my choice. I think bigcommerce should indeed avoid changing peoples designs without asking clearly.
February 10th, 2011 at 1:15 pm
Those menus also don’t work on touchscreen devices or on browsers with javascript blocked (e.g. noscript on Firefox). I know they’re annoying enough to me that I’ll often just not bother.
February 11th, 2011 at 5:28 am
Hi Kevin,
Sorry to read about the experience you’ve recently had upgrading your BigCommerce store(s).
I have just verified the code in the upgrade wizard, and it does state that the fly-out menus are set to Disabled by default – so I want to work with you to isolate the cause of this issue.
The engineering rule of thumb here, is that security and bug patches are applied to stores, while new features are disabled by default.
Can you please email me directly with the links to your stores, the original versions of BigCommerce you upgraded from, and the current version you’re on now. You can find that information at the bottom right of your Control Panel when you next log in.
We’ve got a big year ahead of us here at BigCommerce, so I look forward to your feedback.
Kind Regards,
Chris Iona
Product Development Manager
BigCommerce – the world’s fastest growing ecommerce platform