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:
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!