Business & E-Commerce Website Design Best Practices

I get asked about this subject a lot at my seminars and from my clients. I work with what most people would consider micro or small businesses, and while I’ve done some e-commerce work, large complex shopping sites are not something that I’ve had a lot of experience in. Common sense, design standards and my own experience are still my friends though, so here’s my best shot on this subject:

Usability & Navigation

Very few people will talk about an uneventful order, everyone will complain about a bad one.

Usability is one of those lovely words that means many things to many people, but the bottom line is, does it work, does it make sense, is it easy to use?

Make sure it works

I was on a beauty product site the other day and they had a questionnaire to determine which line of their products would be best for me. I actually spent over 3 minutes filling this form out, only to find out that the submit button was broken and did not work. I never got the information I was looking for and was frustrated enough to find the contact page and let them know. I never got a reply and I’m very unlikely to re-visit this site or buy the products now.

Be vigilant about is broken links and have someone test your site regularly, especially to external links that are not in your control. Nothing screams unprofessional site like links that go to Page Not Found. Any time you change anything, it’s always good practice to test for this. You can check your site right now with this tool. http://validator.w3.org/checklink

If it’s not ready, don’t put it out there

Say NO to "under-construction"

I strongly encourage forethought and planning in site design, but that doesn’t mean promising links or info that is not ready yet. If the content for the page is not ready, then don’t put it in the navigation. How many times have you seen COMING SOON! only to come back a week or month later and have whatever was coming still not there? Design the navigation so that adding pages later is no big deal, but “under construction” and “coming soon” are just not cool.

If Mom can’t figure it out, it doesn’t make sense

When I first designed my own site, I did some very artsy things with my navigation. Instead of the straight choices across the top or side that you see almost universally, I embedded the links into the header art. I showed this site to my Mom and despite the fact that the giant leaves to the right had Portfolio and Contact written on them, she didn’t know that was where she was supposed to click until I showed her. Oh. Eventually I got around to changing my navigation to something more conventional. Maybe not as cool, but if your audience can’t make sense of it, what’s the point?

For more on this, check out the Mom test video.

Is it easy to use?

We’ve all been in sites where how to get to the next step, refine the search or figure out the shipping before buying was just not apparent. User testing, (this is a great place to use your Mom again), is critical. Even small companies can enlist family and friend help. This is where you really want to find someone who is not you or your designer. If it’s not easy to use, the chances of repeat visits, otherwise know as business, are slim.

Engagement & Conversion

Engaging your audience and converting them to sales are the holy grail for e-commerce sites. Once you’ve got the structure making sense and working, making your site attractive to your target audience is next.

Know your audience

People gravitate to images that reflect themselves.

Designing a site for baby products in black and red with a lot of flash makes about as much sense as designing a site in pastels with lots of open space for teenage video games. While designing a site that reflects the style and tastes of the owner is appropriate, making it pretty for you and a turn off for your audience is not. People gravitate to images that reflect themselves. If your core audience is older men, then your images should reflect that. While those guys may like pictures of hot girls on their auto parts calendar, when they’re shopping for insurance, those same hot girls do not make them think your company is reliable.

Know the audience you're designing for

Design elements

Why are quote and buy buttons often large and hot colors? Because they work. Why is navigation across the top or on the side? Because that is where we expect it to be. Your site can be your own without being so unconventional that nobody knows what you’re offering or how to get more

Call to action example

information. All e-commerce sites and even those that are just service businesses should have some kind of “Call to Action” on as many pages as possible. What that is depends on what you want your audience to do, but if you want them to get a quote, or sign up for a newsletter or search or buy, makes those actions obvious and don’t be afraid to test different methods.

Customer Service

OK, this seems like a no-brainer, but it bears repeating. If you’re selling something, at some point you will have to deal with your customers.

Don’t surprise them, be up front about things like shipping costs
Don’t make them search for a way to contact you
Make returns and other policies obvious

If you are selling your own products, make sure this process is completely tested as well. The system that works is one that can handle the exceptions well. Very few people will talk about an uneventful order, everyone will complain about a bad one.

Sell your Credibility

Belong to a chamber of commerce, a trade association, have a profile on Linked In or a fan page on Facebook? Tell the world about it. Not only does bring credibility to you and the services you offer, but it has the added bonus of adding more SEO to your site. Do you see what’s happening at bottom of this page?

Test it, track it

Google analytics

How do you know what pages on your site are being visited? How do you know how long they are staying on a page? How do you know if your customers are bailing in the middle of a sale? How do you know that you really need to make sure that your site works in IE6? How do you set up A-B testing to see which landing page works better? One word: ANALYTICS. Google analytics is free to install. There is no excuse for any site and particularly an e-commerce site to not have the tracking code installed. Business is all about measured results. This is where it starts.

Further Resources

http://www.seomoz.org/blog/17-new-rules-for-successful-ecommerce-websites

http://www.site-reference.com/articles/Internet-Marketing/Building-eCommerce-Websites-That-Work.html

http://reach.dzone.com/articles/10-key-practices

http://www.webdesignfromscratch.com/web-design/current-style.php

http://www.lakeshorebranding.com/company/blog/simple-ppc-tip-increasing-conversions-with-a-shiny-button/

http://www.mahalo.com/how-to-use-google-analytics-for-beginners

http://www.newfangled.com/how_to_use_google_analytics

Share and Enjoy:

Filed under: Marketing Strategies, Web Design by Becky

55 Responses to “Business & E-Commerce Website Design Best Practices”

DIY E-Marketing Coach, on February 18th, 2010 at 2:45 pm Said:

I love your reference to whether mom understandings it or not…that is so true.

I might suggest you add search engine optimization to your list…custom redirects….etc.

Michael
Tracy Poyser, on February 18th, 2010 at 5:12 pm Said:

Hi Becky – great collection of tips! Passed in on to my sister also – we’re both in the process of revving up our websites. Hope to connect some time through Local First Chicago.
Thanks for sharing!
Tracy
[url=http://www.theyoutubesecretexposed.com]YouTube Marketing[/url], on March 4th, 2010 at 11:19 am Said:

Hey I just wanted to say that I really enjoyed reading your blog. You have good views, Keep up the good informative info
cause of bad breath, on March 5th, 2010 at 5:03 am Said:

I lately came across your blog and have been learning along. I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very frequently.
kitchener mortgage, on March 5th, 2010 at 11:46 am Said:

Just a quick comment to thx you for your interesting article. Do you know where I could find more on the subject? well done. Emily x
Alaina Pries, on March 6th, 2010 at 1:27 pm Said:

Thx for the info..
Topsoil, on March 6th, 2010 at 5:08 pm Said:

Well, I don’t know if that’s going to work for me, but definitely worked for you! Excellent post!
Panic Attack, on March 7th, 2010 at 7:26 am Said:

Brilliant post! Is going to aid lots of people learn about this matter. Do you want to incorporate video clips together with these? It would certainly help out. Your reason was spot on and owing to you; I perhaps won’t have to detail every little thing to my friends. I can simply lead them here.
Mr. Auto Insurance, on March 7th, 2010 at 11:58 am Said:

In our business we can sometimes thin we know it all, but after reading this I can see I have much to learn.
website design, on March 7th, 2010 at 9:20 pm Said:

good stuff
Men in Black 2, on March 8th, 2010 at 12:19 pm Said:

Thanks for this post
medifast diet review, on March 9th, 2010 at 3:41 am Said:

Thanks for putting this together – this is a great post for those of us with our heads buried in the keyboard all day.
Sherly Shipper, on March 9th, 2010 at 4:20 am Said:

Aw, this was a really great post. In theory I’d like to write like this too – taking time and real effort to make a good article… but what can I say… I procrastinate alot and never seem to get anything done.
Demetrius Schiavoni, on March 10th, 2010 at 4:22 am Said:

Respect for this article, I will add together this website to my bookmark, my room mate just stated to me about this as of recent. this is the best
free computer virus scan, on March 10th, 2010 at 5:17 am Said:

I had fun understanding this post. I want to see more on this subject.. Gives Thanks for writing this nice article.. Anyway, I’m going to sign to your rss and I wish you write great articles again soon.
on line virus scan, on March 11th, 2010 at 12:39 pm Said:

Foremost, let me commend your clarity on this subject. I am not an expert on this topic, but after reading your article, my understanding has improved substantially. Please permit me to snatch your rss feed to stay in touch with any upcoming updates. Wholesome job and will offer it on to acquaintances and my fans.
Hipolito M. Wiseman, on March 11th, 2010 at 3:06 pm Said:

Extremely interesting post thank you for sharing I have added your website to my bookmarks and will check back By the way this is a little off subject but I really like your sites layout.
Nascar Driving Experience, on March 11th, 2010 at 7:22 pm Said:

Nice Information! I personally really like your writing. This is a great website. I will make sure that I stop back again!.
o Aprendiz, on March 11th, 2010 at 11:51 pm Said:

Great information! I’ve been looking for something like this for a while now. Thanks! Roberto Justus
Buy Gourmet Online, on March 12th, 2010 at 7:54 am Said:

thanks for that
canadian jewelry, on March 12th, 2010 at 8:59 am Said:

I Like this site your article is very nice , Thanks, very interesting article, keep up it coming
VIRGINIA CONTRERAS, on March 12th, 2010 at 10:24 pm Said:

hello excellent website yea nice job our blog will soon be adding reviews on blogs and add them to our blogs as the top best 25 blogs to visit we also do reviews on Consumer Reports reviews all types of reviews thank you
Andrew A. Sailer, on March 13th, 2010 at 12:30 am Said:

I really liked visitingyour blog. Great information and well stated. I am adding you to my rss reader.
Andrew C. Smith, on March 13th, 2010 at 1:08 am Said:

Hello there, I am glad that I ran into your site. I spend a lot of time online reading about various topics. It is always nice with such valuable information. I will bookmark this page and am anxiously looking forward to reading some of your future posts. Thanks and God bless.
Rosy Bruce, on March 13th, 2010 at 6:10 am Said:

Will definately come back again getting you feeds also, Gives thanks.
medicare, on March 13th, 2010 at 7:39 pm Said:

Keep working ,great job!
Jerry Jeune, on March 15th, 2010 at 4:31 am Said:

I agree with a lot of what you’re saying here but it could do with more detail. – Without music, life would be a mistake.– Nietzsche
Alarm Clock Reviews, on March 15th, 2010 at 6:19 pm Said:

Fantastic post!
Hailey Rafaniello, on March 15th, 2010 at 11:17 pm Said:

Hi. I needed to drop you a quick note to impart my thanks. I’ve been observing your blog for a month or so and have picked up a heap of effective information as well as relished the way you’ve structured your site. I am undertaking to run my own blog however I think its too general and I would like to focus more on smaller topics.
Brant Macklin, on March 16th, 2010 at 1:42 pm Said:

Thank you for discussing such an informative article with all of us. I’ve bookmarked your blog will come back for a re-read again. Keep up the great work.
international health, on March 16th, 2010 at 5:09 pm Said:

Lots of Good information in your posting, I bookmarked your blog post so I can visit again in the near future, Cheers
Jerry, on March 16th, 2010 at 9:49 pm Said:

One of my favorite customer service quotes is “Customer service is not a department, it’s an attitude!” -UNKNOWN
Perfumes For Women, on March 16th, 2010 at 10:23 pm Said:

Who reads newspapers when they have such a informative site to read. I was really asking myself on this matters so I went to Bing, typed my question and voila, here I am. Such a wonderful surprise to get to your site. Thank you for your time and for this great post. Thank you smarte search engine for bringing me here.

Bye!
Change Management, on March 17th, 2010 at 1:07 am Said:

You made some good points there. I did a search on the topic and found most people will agree with your blog.
website design edinburgh, on March 17th, 2010 at 9:53 am Said:

Thanks for sharing, please keep an update about this info. love to read it more. i like this site too much. Good theme .
So Keohane, on March 17th, 2010 at 12:44 pm Said:

I hope you will keep updating your content constantly as you have one dedicated reader here.
mortgage loan modification, on March 17th, 2010 at 3:08 pm Said:

Hello, I have browsed most of your posts. This page is probably where I got the most useful information for my information gathering. Thanks for posting, maybe we can see more on this. Are you aware of any other websites on this subject
Shelli Anoe, on March 17th, 2010 at 5:06 pm Said:

Your template is very good! This is nice! I like your blog !
Joel P., on March 17th, 2010 at 9:27 pm Said:

Nice post, a little over my head but for sure something to think about
Thank you
__________________________________________
I love this!
Drew Ozer, on March 17th, 2010 at 11:06 pm Said:

Well I been around here for a while and I found what I needed, but the points this post has touched are really amazing, everyone’s trying to either copy or follow the same thing again and again, and most of the time get really hurtled by this. I think this being the first post to really post something out of the box will really help me and many others. I think trying this is really worth. It will not be wastage of time coz in any case this will never harm our campaigns for good serps.
brass glands, on March 18th, 2010 at 1:05 am Said:

I will look forward to reading more of your work.
vancouver dentist, on March 18th, 2010 at 2:41 am Said:

Hey I just wanted to say that I really enjoyed reading your blog but it’s taking a while to load up for me. I don’t have a slow internet connection either, so I think it may be your site? Or maybe there is just a lot of people trying to load up right now, either way I advise you look into it and also, keep up the nice blog posts.
What A City, on March 18th, 2010 at 9:10 am Said:

I appreciate you post. I’m glad Google pointed me to it. I was able to get the information I was looking so badly for days now. Thanks again for your great post. Regards, Denese Harborth
Kurt Piermarini, on March 18th, 2010 at 2:09 pm Said:

Hey, this is one awesome article! Thanx for posting this. I was searching for a site that has this kind of info. Lucky I found this one! I’ll be visiting here again for sure! ^_^
indianapolis computer repair, on March 18th, 2010 at 11:01 pm Said:

It looks like you’ve gathered yourself a fairly sizeable following nowadays. I’m glad for you.
Clinton Claude, on March 19th, 2010 at 7:10 am Said:

Good point, thank you for explaining. Bookmarked your blog for future reference.
Lesley Hunyadi, on March 19th, 2010 at 2:05 pm Said:

My searchs in Internet went answered in your blog. This is a beaultiful blog.
Rodolfo Rodreguez, on March 19th, 2010 at 7:13 pm Said:

you do write some very complete posts. You suffer from the same disease I do. Want to get the whole story out there and tie it up with a bow all pretty.
receipts scanner, on March 20th, 2010 at 10:43 am Said:

So awesome that it’s as simple as going to Google and typing in a question to find your site. I’m curious as to how you did it, and also how many people find you from Google! Thanks a lot for the great content and posts.
Carri Woltmann, on March 20th, 2010 at 11:01 am Said:

I really liked your thread concerning this, and I have seen a number of more like this recently ? the best part about yours is, that it is really informative and handy and packed with good information without having a lot of usless rants and Baloney! I?ll be sure to give this Web site to some buddies
Casinos, on March 20th, 2010 at 11:39 am Said:

I’ve never learned so much from any other blog. Enjoyed reading this today.
club penguin, on March 20th, 2010 at 2:17 pm Said:

good post. love the site!
Marc Lehnhoff, on April 6th, 2010 at 4:26 pm Said:

Love this blog post. Where did you find this information?
Jackon, on April 20th, 2010 at 3:22 am Said:

This website post gave me a whole load of ideas, cheers for sharing
Tara Barnes, on May 23rd, 2010 at 8:57 am Said:

Cool, Thanks for the great information really enjoyed the read !