HomeTechnology

Why Do You Need a Responsive design for your Blog or website?

On which device you are reading this blog post? Tablet, Smartphone, desktop or laptop? I don’t know but you might be using any of these devices and some other person will be using some other device. Right?

This is the reason I have to ensure that my blog looks good on any of the devices of different resolutions. Within last 5 years, mobile/tablets users increased a lot and still increasing rapidly. This leads the use of responsive design for blogs and websites.

What actually the responsive design is?

Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors). – quote from Wikipedia.

This simply means that a responsive design makes sure to show your blog or website perfect on all kind of devices from mobiles to big screen computers without any disturbance in design.

As water takes the shape of the pot in which it is poured, responsive design resizes itself as per the resolution of device on which it is opened.

I have checked my blog’s analytics and found that 15% of total traffic comes from mobile devices. This made me start thinking that if I don’t give good viewing experience to these readers; they won’t be coming back again and again.

I used to use mobilepress and wptouch mobile plugins which simply create mobile site so that when you open the blog from a mobile, you see a mobile site which shows you very less content of the blog. These mobile plugins are somehow good but not always because when I tried opening my blog on tablets and other medium sized devices, many things was looking broken.

Then I thought to purchase a responsive wordpress template but I loved the current theme(Daily theme from Themejunkie) very much so I decided to make few changes on main design and then make it responsive myself. Buy Daily Theme

For your information, I am neither a web designer nor I have in-depth knowledge of HTML/CSS but I tried my best and It took around 1 week to made the changes and make the current theme responsive. I am happy that I made it!

Check the screenshots of Techtricksworld.com on different devices with different resolutions:

ttw-responsive-5

ttw-responsive-4

ttw-responsive-3

ttw-responsive-2

ttw-responsive-1

So how Responsive Design will help my blog?

Mobile/tablet users will have better viewing experience: As my blog is now responsive, the readers who view it from mobile and tablets or any device will have better viewing experience. They would love it to see the same blog design on smaller device similar to how it looks on desktop. Before I made it responsive, they had to see the mobile site generated by mobile plugin which was not enough.

One Design fits to all screens:   As I mentioned earlier in this post, the same design will fit on every screen just with resizing in size as per the device. So no distractions for readers.

No tension for Future: Having a responsive website ensures you that any future devices will be able to display your blog/website content correctly.

SEO benefits: Many websites/blogs have separate designs for mobiles and desktops (m.example.com and example.com) which require duplicate content and that is completely against of Google’s Algorithm. You need to use canonical tags to avoid penalization from Google but in case of responsive design, same content shows across all the devices (Same site with same url). No SEO problem at all. You can read this post on SEJ which defines the SEO benefits of a responsive design.

There might be many benefits of responsive design which I am yet to uncover. I am totally a newbie into this awesome thing but I am researching and reading more about it on daily basis.

All I can say is, every blog or website should have responsive design because mobile users are increasing day by day and I am sure that in the next 10 years there will be an even bigger user base of mobile/tablet users. It might even more than desktop/laptop users. So having a responsive design is a profitable deal for now and for future as well.

What are you waiting for? Start making your blog/site responsive to stand out of the crowd.

Note: I have tried my best to make TTW’s theme responsive but I am very sure that many things are yet to be fixed because it was my first attempt. So please give your feedback if any.

If you love responsive design then please share this post on social media to spread it more!

Comments (40)

  • Hi Atish,
    Good information about Responsive Website Design which is used to allow a single website to respond for optimal viewing. Responsive website design maketh websites easy to read with a minimum of resizing, panning and scrolling according to device. And thankyou for sharing SEO Benefits of a responsive design.

    Thanks
    karan
    Karan Rawat recently posted…My email account was hacked, is changing my password good enough?My Profile

    Reply
  • I totally agree with the need for responsive. It’s incredible how many businesses ignore the need for responsive. Some people still think that all you need to be mobile friendly is to avoid Flash.

    Reply
  • Hi Bro,

    Responsive theme is the need for today’s blog and website. It is a good idea to move with the responsive theme but as you said that you worked a week to make this theme responsive, no doubt which is looking perfect on my device too 🙂

    Congrats! For making this theme responsive on your own. Keep going 🙂

    >SK Lohar
    Shivkumar recently posted…Now Mobile users in US can unlock their phone legallyMy Profile

    Reply
  • Hey Atish,
    Yes, it has become really important to make a responsive theme for your website as more than 60% users access internet from their smartphones.

    Reply
  • Hi Atish,

    As more and more users are reading our blogs by their smartphones, it is important to have it all set up for that too. I did have so may problems in the past with this.

    My social share buttons were over lapping my content, I had a download so slow, people were just getting frustrated. I had to change it all up and so a few months ago I changed my entire blog and especially that old theme I had which was making everything go crazy.

    As bloggers, we NEED to keep up! Thanks so much for this information.

    -Donna
    donna merrill recently posted…Blogging vs Facebook PagesMy Profile

    Reply
    • Glad to know that you have made it all correct on your blog. I too have thought to get a new responsive theme but then I thought to try my hands on the CSS part. And started working over it and within a week, the blog’s look is completely changed for both desktops and Mobile devices.

      Reply
  • Besides all these valid point- I would love to draw your attention, if your theme does not provide basic functionality like pagination, related post , editor choice, popular post , random post and loads less then 3 sec then we should also avoid that theme. Am i right Aatish?
    rakesh kumar recently posted…10 Known habits that can kill your website within a monthMy Profile

    Reply
    • Yes, These are basic things Rakesh Bro. Many things you can do with plugins like related post, popular post, random post, pagination. even if your theme doesn’t have these options inbuilt.

      Glad you have shared your views. Thanks for stopping by.

      Reply
  • Hey Atish, congratz for your great work 🙂

    Yeah, TTW is now looking awesome with responsive feature. I checked it in all mobile devices like iPhone, tab and Android phone, it looks good.

    I know that you was working day and night to do this task for your blog, hats off to your great work 🙂

    Recently I’ve understood the importance of having responsive theme for blogs and I too moved my blog to the same.

    Thanks for writing this nice post, hope it will insist the newbies to shift their blog to responsive themes to work well for mobile devices.
    Nirmala recently posted…7 Admirable Hobbies That Make Money From HomeMy Profile

    Reply
  • Hi Atish,

    Since the introduction of smartphones, and tablets there is huge requirement for responsive design as it gives good user experience and also avoid any confrontation with SEO.
    Pankaj recently posted…Binary MLM Software : IT FreelancingMy Profile

    Reply
  • Hello Atish,

    Its very important to have a responsive design as people are now getting smarter and they always have technology in their hands in terms of Cell phones, tablets etc. So with such a demand of these gadgets they surf anything from anywhere. And if the website is responsive it can prove beneficial to both them as well as the website owner. With Digital marketing in trend its more important to have a website that works on all platforms so that the users never bounce back from your site.Good information shared by you mate.
    Aditya Antil recently posted…The World of Social Media – Top 5 Platforms You Must AdoptMy Profile

    Reply
  • hi Atish

    after reading this post i came to know the benefits of responsive site specially sco, and by this the site load faster in smart phone or tablet by this visitor don’t have any problem on reading post and it also save the data of the mobile users this is very important thanks atish now i am going to make my site also responsive..

    Reply
  • Nice and very informative post

    A design plays an important role for any website. And mainly the design should be responsive so that it can give better performance and service to the users.Responsive website design makes sites simple to peruse with a least of analyzing and scrolling responsive to the the devices used. As the use of devices have changed the website should fit and presentable on any devices.

    Thank you for sharing.
    Sagar recently posted…20 Great Tips for Making a Successful Career ChangeMy Profile

    Reply
  • Hi Atish,

    Nobody wants to carry heavy laptop just to do few surfing. If your blog doesn’t have responsive theme, I think you are missing some serious traffic. Thanks for sharing this.

    Reply
  • Hi Atish,

    Congratulation for the latest blog theme. Really easy plugin always let more people to come to your blog. I think everyone is getting smarter so all user wants those stuff which is easy and fast for them.

    The stuff you always bring is awesome and for you these things presenting is piece of cake.

    Thanks for sharing.

    Reply
  • Now I also want a responsive design! I use bloggers normal mobile design for mobile users. Does it create problem in SEO?
    Lilesh recently posted…Free Recharges From Earn Talk Time and Ladooo Apps: ReviewMy Profile

    Reply
  • Hi atish !
    I’m new to this blogosphere …
    nd I’m using genesis themeframework Is it ryt according to you for responsiveness 🙂
    Saurabh Tuteja recently posted…6 Ideal Google Chrome Extensions for YoutubeMy Profile

    Reply
  • Hi Atish,
    Thanks for sharing this post. responsive design really helps you to increase traffic. because today’s life most people left to use heavy laptops and desktop computer in out

    Reply
  • In today’s times, Responsive theme is not a choice, it’s must to have.

    What is the point in having a mobile view, which will not work well on most of the tablets. The way tablet users population is growing, all entrepreneurs in the online domain should think towards one site – which will be responsive.

    More over doing separate mobile seo, will be more of pain. Also if you use mobile site in a sub domain, a set up filter is required in Google analytics, which is a sticky process to follow.

    BTW Good post

    Reply
    • Author

      Exactly Harish! Responsive design is nowadays must have for a website because of increasing number of mobile users and yes having 2 separate site is not a good idea too.

      Keep visiting bro.

      Reply
  • You’re site looks good on just about everything. Great job! There’s nothing that I dislike more than to following a link to a blog on my mobile and I can’t read it. So annoying imo. I don’t think a lot of “smaller” bloggers are aware of “responsive” but with people like you explaining it, maybe more will start improving their blogs by becoming responsive.

    Great post!
    Brenda Lee recently posted…Dehydration: 3 Simple SignsMy Profile

    Reply
    • Author

      Welcome to my blog Brenda! Glad you came over here. Responsive design is what working now days because mobile/tablet users are increasing day by day. Hence its must for every blog/website. I have spent sleepless nights to learn and implement the same on my own and by God’s grace finally I have done it.

      Keep visiting Brenda.

      Reply
  • Responsive website design maketh websites easy to read with a minimum of resizing, panning and scrolling according to device

    Reply
  • Bro if my website is not responsive how to design it responsive.

    Reply

Leave a Reply

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

All the data shown above will be stored by Techtricksworld.com on https://www.techtricksworld.com. At any point of time, you can contact us and select the data you wish to anonymise or delete so it cannot be linked to your email address any longer. When your data is anonymised or deleted, you will receive an email confirmation. We also use cookies and/or similar technologies to analyse customer behaviour, administer the website, track users' movements, and to collect information about users. This is done in order to personalise and enhance your experience with us.

CommentLuv badge