I was just reading Smashing Magazine’s post on good and bad shopping cart designs when I get a call from an associate asking if I can critique an online ordering system that a company had recently developed. Coincidence?
So I went to the website (which I’m not going to post here, because the business is nice enough but their ordering system is not nearly up to scratch) and… I couldn’t find how to order online.
Well that’s a bad sign. I looked again. And there, in the top right hand corner of the website was a little rectangular ad for online orders. It looked like an ad, it was an ad, and so my eyes just skimmed right over it. I had gone straight to the menu bar and couldn’t find it there.
Tip #1: Make sure it’s obvious how to get to your online shop. Don’t try to reinvent the wheel, a menu (as in navigation, not food menu) is used for a reason, and that is to link people to other aspects of your site. If an important part of your site isn’t obviously accessible from the menu then people might miss it.
Okay, well now that I found it I decided to dive in and try ordering for myself using the system.
“Sorry, your postcode is not accepted, here’s a confusing error screen that seems to imply that you can enter your address in full instead but all the fields are disabled”. Ouch. From one hurdle to the next. I understand that there might be a limited service area for delivery, but if you then provide those people with text boxes below the error message (disabled because the postcode wasn’t in the delivery area), you are just confusing them. The boxes asked for my address, which I tried to provide but I couldn’t enter anything into them. Nice, obvious, linear ordering structures will keep people happy. It may not be exciting or creative, but people want something familiar when they’re handing over money. If their location means that they can’t use the system then tell them that and provide them with another option, don’t just leave them stranded.
Tip #2: Direct your customer where you want them to go in each step. Don’t leave them alone, isolated and confused.
For the sake of testing the system I then found a postcode that the company did service. Up came those text boxes again for my address, but this time they were enabled. Okay, that’s fine - it wants my address. I enter in a street I found using Google Maps and it then says: “Sorry! We haven’t yet had an order from that street. Please place an order via [phone number]”.
No. That’s just making the process even harder. I don’t want to have to now call you to place my order, I expect you to accept the street address or at least check it against a database of streets in the area, rather than one you have compiled from a limited number of past orders.
Tip #3: Do not make the customer jump through hoops to order your products
The ordering process so far was looking bad.
Well I then found a street that it would accept (someone must have used it before for an order). I got to progress through to ordering the products that I wanted. There was a nice visual selection of what was available, so I clicked one that looked interesting and up pops another window with about two dozen optional extra choices to customise it. Sure, giving the user choice is good, but only give them that much choice if they ask for it. I just wanted the standard issue, not something customised ad nauseum.
Tip #4: Sometimes less is more. Options are good, but only when people want them and know what to do with them.
The rest of the process went sufficiently smoothly, but I was not happy with the system as a whole. It might have worked on paper, sure it may be logical for people fairly technologically savvy, and sure it made things easier coding up the backend, but by the end of it all the process was driving away customers and costing sales.
So that is why you should check your online ordering systems to make sure they are straightforward and obvious to use. Then you’ll have very happy customers.
Do you have any similar experiences with an incredibly frustrating checkout process? Or have you found one that pulled it off perfectly? Comment about it below.