9 reasons to use responsive design on your website

5 examples of A / B tests you can apply this week
6 Tips to Extract from Google Analytics

Your site is adapted to be viewed on all types of devices? You have visitors that connect you to both the desktop and the mobile phone or tablet? And if we talk that this condition is not so new so it would make you more alert?

In this post, let’s explore some basic questions about responsiveness and show some advantages it brings in terms of performance and results.

Some questions that we will answer during the post:

  • What is a responsive site?
  • Why do you need to have a responsive site?
  • As a responsive site can help in your business?
  • What can happen if you do not adapt?

Introduction: Far beyond the desktop

You are reading this post from a computer, a tablet or a mobile phone? This is not a random question. Only it is made because the way we are browsing the internet is increasingly diverse, and any of the above is possible.

It’s been a while that no one says “I’ll get on the internet.” Just pick up the phone to the side, connect and ready. Without any difficulty we are online.

Look around you, in your office, at the bus stop at the mall food court, on the beach, coffee and even in traffic. Someone must be with a cell phone in hand, right? It is such a common behavior that does not think about how it can influence your business is lagging behind.

At the same time, a detail must be taken into consideration. Most of these people are browsing or apps or websites tailored for mobile devices. This fact leaves on the alert: we need to make our business is also handy for users. Otherwise, the chance of him leaving our site, because of a bad experience, and go to a competitor’s site, is huge.

And it is in this regard that the advantages of a responsive site arise.

What is a responsive site

You know that site you open the phone and the screen is set up, but with letters so small that you need to use the zoom to read? So this is not a responsive site.

Responsive websites are cleverly designed to be adapted to any type of resolution without distortion. Responsive design identifies which is the width of each device and thus can determine how much space is available and how the page will be shown for these spaces is recovered in full. Also adjusts the size of images, fonts and other elements of a page so that they are not disproportionate.

In very practical terms, it is one site that, with the same layout, fits perfectly to any resolution in harmony, passing the same reading experience to the user, regardless of the device by which it is being accessed.

Another common confusion is between responsive websites and mobile versions of a site. There are some differences between these two features, as we shall see below.

Differences between a responsive website and a mobile version

It is responsive entire site designed to be adapted to any type of screen. It is a unique structure code that runs on different resolutions.

A mobile template is a little different, is a second separate site, made exclusively to be opened in certain types of devices.

Recommended for various reasons which you’ll see below, it is that the website is responsive. However, if it is not possible or if you are in an ongoing project for this adaptation, a mobile version or a plugin to adapt to mobile devices is an interesting option as well.

The results of Digital blog today is responsive, but for some time we use the plugin WP Touch , which automatically makes a new layout every time a user accesses your site via mobile. It was an interim measure until our new 100% responsive layout was ready.

9 reasons to have a responsive site (and its advantages!)

Now that you are already situated and already understand what a responsive site, it’s time to talk a few reasons for you to use this feature on your site.

1 – Improving the user experience

User experience is everything. And it brings concrete results.

According to the Google Think Insights , if a user visits your page via mobile and not find what you need, there is 61% chance that he give up and go to another site.

On the other hand, if he is satisfied with your site with a positive experience, the chances of it converting to your product or service is 67%.

Take yourself as an example. Whenever you open a site by mobile phone and realizes that it is misaligned, you are satisfied?

2 – Access via Mobile is growing (and should continue)

According to the report Digital, Social & Mobile 2015 , 39% of the total Brazilian population has Internet access via cell phone and other mobile devices. In absolute numbers, the percentage is 79 million Brazilian.

The same tendency is confirmed in research, showing a 109% increase in the number of page views over mobile devices, and a drop of 12% of page views via desktop.

3 – SEO + Mobilegeddon

Google favors websites and responsive, especially when the search is done via mobile, gives preference to these sites, naturally increasing organic traffic.

Therefore, having a responsive site works with your site to appear in search results, regardless of the device the user is using to perform the search.

One of the 2015 Google updates won the affectionate nickname Mobilegeddon (Mobile + Armageddon). The aim of Google is to favor sites that are responsive or have a mobile version over those who are not prepared. We talk in more depth about this algorithm update in the post “Mobilegeddon: your site ready?” .

In addition, the URL structure will remain the same on all devices, which also improves your ranking and visibility of your website to the search robot.

4 – Increase page speed

One of the recommendations Google Pagespeed Developers is that the content above the fold on a mobile device is loaded in less than 1 second. And the complete page load in less than 2 seconds.

In most cases this is not feasible when a desktop version of the site is loaded on a mobile device. The loading speed, besides being a rankeamento factor for Google, also damages the user. If the site takes to load, there is a high probability that the user closes the window and look for what they need elsewhere.

A responsive site is already lighter and optimized for mobile devices, and so it is loaded faster than a desktop version.

5 – Decrease bounce rate

Having a responsive site reduces the amount of users coming into your site and leave without any interaction.

This item is linked to the user experience, since, if it is not well received upon entering the page, the chances of it close and give up – or leave for other research – are great.

It is important to take care of this rejection rate , since if it is too high, can be interpreted by Google as a sign that the content is not relevant. And when that happens, the chances of your page losing positions is great.

6 – Increase sales

Still based on the report Digital, Social & Mobile 2015 , we have given that 15% of Brazilians who use the Internet on mobile devices have made a purchase in the last 30 days.

In this regard, the preference of the population is even the desktop, which has to the same Question a rate of 36%.

Still, the numbers show a trend that is in full development. Having an application or a responsive site for ecommerce, for example, is a way to increase their sales.

7 – Increase Lead Conversion Rate

Just as there are increased sales, there is also the possibility of increasing the conversion and generate Leads through mobile devices.

If you use social networks to promote their materials, it is very necessary that the pages are responsive. You may be sailing on the networks by smartphone when you see your link in the news feed. And if, when you click, the page is misaligned, is much greater the chance of it not convert it again to open the link on the desktop.

Here at Digital Results have landing pages responsive, which certainly helps to have conversions via mobile devices.

8 – Most shares on social media

Brazil has 78 million accounts on social networks that are accessed by mobile devices, a number that is equivalent to 38% of the total population. This number does not mean unique users, since a person can have multiple accounts on different social networks, for example.

However, it is still a significant number. As access to social networks via mobile phones and tablets is every day more often, nothing smarter than your website to be responsive. The chances of your pages being shared on social networks for these users are much greater if they have a pleasant browsing experience.

Moreover, have only a single page responsive makes the experience more enjoyable also for those who access a link that has been shared via mobile phone by someone else. This prevents a mobile version – usually very brief – to be opened on a desktop, as those domains, for example, “http://m.site.com/slug-da-pagina” or “http: // site. com / mobile / slug-of-page “ .

9 – Preparing for future devices

One major advantage of responsive design is that it is done for different resolutions and not for different devices. That is, no matter what the resolution of your visitor device screen is using, the layout will adapt.

This opens a loophole for future devices, which can be released with different resolutions. A responsive layout leaves your site ready for any device, even those that do not yet exist.

Conclusion

Mobile devices are already there to stay. It is no longer the future is the present. After all, it is not at all absurd also that some people do not even use the internet via computers. And not that some people even have computers at home.

Today, most of the templates are already produced considering a responsiveness. So we ask: What is the layout of your site? It is responsive? It has a mobile version? It uses a plugin? Or is still implementing a new version? Share your case in the comments!