In today’s digital era, the word SEO and WordPress is known to many, especially for online enthusiasts. There is another word though that goes with that but is often misunderstood or knows nothing about.
What is Responsive Web Design (RWD), really?
Following the definition in Wikipedia, it is a Web design approach that makes viewing of a website in a wide range of devices (from mobile phones, tablets to different sizes of desktop computer monitors) without affecting its design and graphics.
This has become more popular since the use of mobile devices for internet browsing boomed, too! If your website can’t be seen properly on mobile devices, you’re losing a lot of potential clients.
To show you how a certain website looks like on a wide variety of monitors, here are some examples:
Above Picture Source: http://goo.gl/3ByUxq
This is an example of a website’s home page on different screens. Notice that the design slightly changes with the screen. Mostly, the menu is at the upper right or left side and automatically drops down and shows the menu as you click its icon.
Now, can you see the difference? The bottom design of the site on a PC shows on mobile as the user continues to scroll down on the mobile device while on the PC, all images are seen at once because of the screen size.
This is what responsiveness means. The pictures and design responses to the device’s size, so the viewer can still see the same design even on a smaller screen. Programmers know how to do that but I don’t want to tackle much on that side.
The reason why I’m showing you this is so that you can check how responsive your website is on different devices. I recently did that to my website and I like how it changes on smaller screens.
My website on mobile view:
My website on laptop view:
Most websites are said to be responsive but when you check on different devices, some menus and pictures appear distorted or out of place. That’s the last thing we want to happen. Giving our viewers any reason not to stay on our site.
Above Picture Source: http://goo.gl/ki2GXu
Check out your site and tell us if you’re happy with what it looks like on different screen sizes. If not, start contacting your programmer to have it fixed.