Why is responsive design important?

Shop


What does responsive design mean?

Responsive design for your website means that it is dynamically changing and adapting depending on the screen (size, orientation) that is used to view the site. Responsive web design is about providing custom layouts for devices, based on the viewport (browser window) size.

Today a responsive site is more important than ever. Many people use several devices (Ipads, Mobiles, PC and so on) for searching and browsing. Elements on the page are reshuffled when screen size is changed.​

As a designer or site owner you never know which device that is used to visit your site, right? That is why responsive design is important, to create a great User Experience for your visitors, regardless of which device they use.

How to get a responsive site?

Many of WordPress themes are responsive today so if you use it on your site you don’t have to think too much about that. But if you wish to customize, consider the usability also for mobile users. Begin looking at the mobile layout and decide what you really need to show/share with your users. Then you can add some more things to the design for you desktop site. But remember that the most vital functions must be easy to find on a mobile.
Here is some inspiration for your WordPress site, free themes for 2017:

If you would like to get a more flexible theme you can purchase a web site builder tool (Quards) for only $ 99, single time cost. That is not much according to the time and cost to hire a web developer. It’s rather simple to apply and the result is stunning. Chose between different themes as: Startup, Promo site, Article or Photography.​ Click the banner to check it out:

Qards

If you are a designer/UI developer, you work with one HTML document and different style sheets for each screen size. Tutorial to get started:

Benefits

  • ​A mobile-friendly site is good for your business. There is nothing more irritating than visiting a crowded, full website in mini format on a mobile phone. You have visited these sites, haven’t you? What do you do? I know what I do. I leave. That is not giving a good User Experience and I promise it’s not good for your business. ​
  • You don’t need to worry about a bad User Experience on phones.
  • No need to manage SEO for both desktop and mobile site. It’s also good for ranking to have a responsive site.
  • Easier to update once, not several times for each site. Also easier to administrate.
  • A responsive site helps you to keep visitors on your site, whatever screen size they’re at for the moment.

User Experience (UX)

UX is about giving your visitors a great experience when visiting your site. Wether they use a desktop, tablet or mobile… A great experience starts with a user research and depends on several things:

  • ​How easy it is to find what you are looking for (getting help).
  • How the navigation works.
  • That every interaction between your visitors and your site work great.
  • You always focus on your users (visitors) when you design or setup your page. What’s on their mind? What are they looking for? Try to meet their needs!

If you wonder how your site meets these needs, do tests. Ask people that are engaged in your niche to test your site. Give them tasks to do and observe how they perform. Take notes. Do that for several viewports. You will get feedback, and it will help you improve your site.

This all might sound obvious but there are many sites out there with bad UX and without responsive design. Below I have some examples of full websites displayed on a mobile device:

To finish up here are some reading for you if you are interested to get more knowledge:

If you prefer to read on screen, there is now up to 40 % of on Kindle until 11 July.
Kindle – Up to 40% Off Kindle Unlimited

Share This:

 

12 Replies to “Why is responsive design important?”

  1. It is amazing the number sites out there that ignore the information you provide here. We take for granted that sites will look great on mobile devices. I remember when the just getting a website on my first generation iPod touch was the coolest thing. I didn’t mind the pinching and zooming then. Now, it’s like “You’re kidding me, right?” This is sound advice you provide here. Thank you!

    1. I think it’s getting much better for everyday. But I think that, like you mention, that many people take for granted the site looks great on mobile devices. Glad to hear that you find some value in this post, thanks!

  2. I agree that it is very important for the design of your site to be responsive. From experience, if I access a site on my mobile and it doesn’t display properly, I’m likely to go to a different site instead. It speaks volumes of the people behind the website if it doesn’t look right and it can soon lose credibility. I noticed how my own WordPress site appeared differently on mobile and I was quite pleased with the result. I would have had no idea how to go about doing that myself.

    1. It is important, and more and more people check these things. When you use templates for your site, most of them are responsive, but it never hurts to check! And it’s not always looking the way you expected. Best thing in WordPress is that you are able to change theme:-)

  3. You are quite right this is very important if you want a happy customer, I particularly like the video to help give you some sort of idea of which themes are best thanks for the article.

  4. It sadden me when I saw may small business websites are stuck with old technology. It’s a pain viewing these websites on mobile. And as expected I hit the back button barely 2 seconds into it. With the majority of web browsing happening on mobile, responsive design is no longer an option but a must have for any website. That’s what I always stressed to my clients.

    1. Not fun to discover these things. True that it’s not an option anymore, I think almost all people visit websites from mobile at some point. I hope you are finding a way through this. If you doesn’t have coding skills maybe WordPress is an option for you?

  5. I have always had some issues in the past designing my websites to be responsive and I have bought or study numerous learning materials but still have issues.

    For some of my sites I am now using WordPress so I don’t pay attention to it as much and know that WordPress does it behind the scenes. However I would still like to make my designs more responsive because I still rather enjoy the design process.

    This is a great resource that I will bookmark and reference in the near future. Thanks!

  6. Awesome article! All you say it’s absolutely true. I’m still amazed at the amount of websites that are not optimized. In this day and age you would think that a webpage should have a smartphone in mind before a laptop or desktop. I cant remember the last time I sat down in front of a device to do some search. I usually do my browsing on my phone and as you say if its not optimized for smartphones I think the page is not current and out of date so I usually back out and move on to the next one.
    Thank You

    1. Hi! So true, studies show that if you come to a page you don’t understand or it’s hard to find things and so on, you will leave. There is a concept in web design that is called “mobile first”. And as you say, it’s about to design for mobile first:-) Web site is always easier to do second with all the extra space…

      Thanks for your comment!

Leave a Reply

Your email address will not be published. Required fields are marked *