The design of your ecommerce website is a critical piece to your marketing strategy and it’s what drives your brand identity on the web. Think about it: you’d put a lot of work into making your brick-and-mortar storefront look and feel just right to represent what your business is about, so why wouldn’t you do the same for your online storefront? It’s just like another layer of packaging to your product; it should highlight and emphasize the items you’re selling and make them more appealing to your customers.
But there’s plenty of ways that design mistakes can be made, especially for new ecommerce sites and redesigns of older ones. I’ve compiled a list below that looks at some of the most common mistakes that I’ve come across in ecommerce design. They’re separated them into three categories: Usability, Layout, and Graphics.
Graphics
1. Bad photography. This is incredibly important, so I’m leading off with it. It’s pretty simple: bad photography can sink your site. Your customer is giving up a lot when they shop online. In a physical store, they can handle and touch the product, look at it from every angle, and compare items side by side. If you’re selling items that rely on their look or design, you need to make sure that your customers can see exactly what the item is about. Take pictures from multiple angles, show the tag or label, highlight details, show items in context, and don’t leave any question about what the item looks like. But that doesn’t mean to make your pictures look boring or clinical like an eBay auction. Create some emotion surrounding your product and show how desirable the lifestyle is that goes along with your product.
2. Only one resolution for your images. This goes along with the tenants of responsive ecommerce design that I’ve gone into some depth on in another article. It’s a detail that often gets overlooked, though. In responsive ecommerce design, the site needs to scale to fit whatever size screen it’s being displayed on. Sometimes the images get overlooked and are not made adaptable. The larger an image is, the longer the load time (which is another item I’ll address below). There are plenty of plug-ins for your platform, along with CSS and new HTML5 tricks like the “picture” element that can serve the image up correctly no matter what device it’s on.
3. Unclear Call-To-Action buttons. This goes for any size screen but is especially important in responsive design. If your button doesn’t stand out or can’t be found because it blends in to the background or is tucked off to the side, it won’t be very effective in converting customers. If it’s hard to use because it’s too small on a mobile screen, then it’ll frustrate visitors and they’ll quickly leave and drive up your bounce rate. Also, keep in mind that many more laptops are coming equipped with touch screens now. Make your buttons finger friendly and easy to see.
Layout
1. Cut the clutter. You see it all the time on ecommerce sites – too much junk that distracts from the important things. If the advertising banner is the first place your eye is drawn rather than the product or company logo, there is a problem. Create a visual hierarchy with the elements on your home page. The places you want your visitors to go first or the places that are the most important need to stand out the most. Carry that design all the way down through the least important aspects of your site.
2. Making your design too radical. You don’t need to reinvent the wheel, here. Being different in your ecommerce design just to be different is a recipe for disaster. There is a long (well, relatively long) history of web design convention that shouldn’t be ignored. Customers have expectations on how to add an item to their order, how to find your contact information, and how to sort categories. While you’re at it: practice consistency across your entire website. Keep colors the same across all your pages. It makes it difficult when you’re looking for a blue button on one page, and a pink one on the next, meanwhile the links have changed color. When you throw something brand new at your visitors, you give them a learning curve that makes them work harder just to spend their money with you.
3. Non-responsive email. Everybody always forgets about the newsletters! Most newsletters are written and displayed as webpages and with the proliferation of mobile messaging, having a responsive design is important. If you’re customer can’t read your email or needs to zoom all around just to see what’s there they probably won’t read it and will stop opening them all together. Then it’s like you never converted them in the first place. Also, keep them light on information. Nobody wants a digest in their email; they want a flyer that they can glance at and get the information they need.
Usability
1. Slow loading mobile sites. Here it is again: responsive design! It’s a given that mobile users want their information quickly. Even though it may seem unrealistic for a signal that bounces around the world, a delay of just a few seconds can cause the visitor to abort the page and leave for somewhere else. Keep the pages lightweight on content. If they absolutely need more, see if you can separate it into another tab. Keep your graphics lightweight, too (See item 2 in Graphics). A good responsive design will only use the necessary resources to display the site correctly and will load much quicker.
2. Products are hard to find. If a customer gets frustrated trying to find the specific item they want, they will leave and it may be very hard to recover that sale. Offering a quick and easy way to navigate through categories or direct to an item is a great way to make the customer experience effortless. There are plenty of other ways to do this too: have a (good) search bar, make sure your product SKUs are correctly categorized, and be sure that your products can be filtered at every step of the shopping process.
3. Account requirement. You don’t need to sign-up for the newsletter or give all sorts of information when you make a purchase in person, right? Don’t require customers to create an account when shopping with your company either. Plus, what if they’re just comparison shopping and don’t want another newsletter in their email just because they wanted to look around. Account fatigue is real!
Instead of requiring account creation, offer to save their shipping and billing information after the sale if they choose. Once the sale is complete, creating an account is no longer an impediment to the sale and the customer may be more likely to let you sign them up. There is now a perceived value because they get to keep in contact with a company that they have already invested with. Data collection is important in ecommerce, but making the sale is a far higher priority.