5 things to avoid in responsive web design

Piranha Designs - Thursday, March 29, 2018

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.

Responsive website design - what is it?

Piranha Designs - Wednesday, November 06, 2013

Mobile usage is continuously growing. Websites are finding it hard to keep up with all the different devices and screens.

Responsive website design is a solution to this problem.

In simple terms it means that the website 'responds' to the device screen size it is on. This website is responsive. If you view it on a desktop with a large screen you will see that it expands to fill the whole screen. If you then try the site on your ipad you will find that it looks very similar but has condensed the content a little to fit perfectly within the screen. Now when you switch to an iphone or Android smart phone you will see that the site has changed quite dramatically. The menu across the top has become a menu icon which can be expanded on tap. The overall layout has become much more vertical, one column rather than a few columns. 

The important thing with responsive design is that there is only one website with all the content in it, but it responds cleverly to the users device. 

It is a lot more work for web designers like us, but the end result is really worth it. Stats show that over 70% of mobile users switch to a competitor if they find the site they are looking at is not mobile friendly.

Is your site responsive? Is it mobile friendly?


Recent Posts


Tags


Archive

Follow Us

We’d love to hear from you and answer any questions you may have.
Send us an email, stay in touch and follow us on facebook/twitter/linkedin.