We’re sure many of you reading this will be well aware of the term ‘responsive web design’, which is the practice of designing a site so that it renders well across multiple devices.
Today, it couldn’t be more vital for any ecommerce firm to have a mobile-optimised site, and responsive design has long been deemed the best route to take to achieve this goal.
However, with the increasing prevalence of responsive web design, has also come many an error in its implementation that should be easily avoided. Here are just a few of them.
1. Overly small call-to-action buttons
While it’s understandable that you will wish to ensure every element of your website fits onto a small smartphone screen, this brings the risk that the call-to-action buttons will be too small for visitors to easily tap.
If customers continually accidentally click the wrong button or have to zoom in simply to tap it, such a compromised user experience could lead to them exiting the site. So, be sure to design a site with call-to-action buttons that are neither too small, nor too close to each other.
2. Support for only one image resolution
The detrimental effect that overly large images have on the loading times of a mobile site should mean that your own site design alters the resolution of its images based on the user’s device.
The good news is that there are many ways to ensure this happens automatically, such as the picture HTML5 element or various WordPress plugins.
3. Non-responsive emails
As wonderfully responsive as your main site may be, major usability issues can be created if the emails that your company sends are not also responsive to match.
You won’t want a situation where your mobile users find it difficult to even review their order details or browse through the list of products you’ve recommended to them in an email. Emails need to be treated as the key customer touch point that they are, being given their own role in the responsive design and testing process.
4. Giving mobile users less content
Presenting mobile users with a ‘second-class’ version of your desktop website isn’t a great idea, not least as they may be seeking information with their smartphone that they saw earlier on your desktop site.
Statistics show that the vast majority of online shoppers use more than one device. You therefore need to have a website that is generated dynamically in accordance with the size of the user’s screen, instead of simply hiding vital content.
5. Slow loading times
Mobile users are especially likely to want to take swift action. This means your page size should be kept as small as possible, which will necessitate you carefully considering what content is actually required on the page. Are there certain images, buttons and text that you could dispense with?
Remember that we aren’t contradicting our earlier point here; this isn’t about making your mobile site an inferior counterpart to your desktop one. If certain content must be kept at least somewhere, consider separating it across different tabs.
Would you like to benefit from a gorgeously responsive site for your ecommerce business? We are highly experienced and skilled in CMS website design, and through our packages at various price points, can provide the solution that suits your firm’s needs and ambitions.