WHAT IS MOBILE RESPONSIVE DESIGN?
With all this talk lately about Mobile Responsive Website getting a better ranking as from April 21, 2105, I still get asked “What is a Mobile Responsive Website?”
When a website is responsive, the layout and/or content responds or adapts based on the size of screen they are presented on.
A responsive website automatically changes to fit the device you’re reading it on.
Typically there have been four general screen sizes that responsive design has been aimed at: the widescreen desktop monitor, the laptop, the tablet (ipad) and the mobile phone.
As you can see from the image above, the website populates depending on the size of the screen you are viewing it on.
WHY SHOULD I CARE ABOUT MOBILE RESPONSIVE DESIGN?
In short, you should care because you want the visitors to your website to have the best experience possible, without forcing them to adapt themselves. More and more people are using their devices to search the web over traditional laptops or desktop computers.
There are essentially two ways you can give your audience a good experience utilizing responsive design:
The first is optimizing the layout of the content.
If a user is browsing from a mobile phone, they generally don’t have a lot of screen real estate to work with. Phones today will typically zoom out automatically, so that the entire website can be seen onscreen. This can be good, as it gives the reader access to the entire sight, but it can also be frustrating when trying to find information that is located in a tiny part of the upper right of the screen. If you could move some things around, make some things bigger and not have as many columns you’ll give your mobile reader a much better experience.
The second is to adapt the content that is shown.
If you own a restaurant and a potential customer is browsing your site from a mobile phone, chances are they aren’t that concerned with how pretty your site is — your foody blog with the awesome slideshow of delectable dishes scrolling from side to side isn’t very useful in that situation. They want to know what your hours are, where you’re located, how to make reservations, and want a look at the menu.
Your potential customer browsing from a desktop computer probably isn’t looking to eat right now, and isn’t in a hurry to see where you’re located and what your phone number is. Most likely he’s looking to see if you offer a good atmosphere and what types food are available.
These are obviously generalizations but you can see the benefits of having differing content presented to people in different screen viewing circumstances.
Mobile responsive design takes care of this all “on the fly”, and without multiple versions of your site to maintain.
HOW TO EASILY CREATE A MOBILE RESPONSIVE WEBSITE
All of this may be new to a lot of you, and fairly intimidating since it requires not only a change in code and design, but in your overall web strategy and philosophy.
Most WordPress Themes which have been updated in the past 2 years generally have this built in to the Theme. If your website was built around 2013 or earlier, it’s possibly not mobile friendly and you need to do something about it now.
MOBILE RESPONSIVE DESIGN IS THE FUTURE OF THE WEB
Mobile responsive design is all about automatically delivering your audience the content they want, within the context that they’re viewing it.
It is revolutionary for online publishers, because (for most) responsive design eliminates the need for multiple versions of your site, or expensive app development and maintenance as it was a few years ago.
Still not sure if your website is Responsive? Here is a quick link which will take literally seconds to check.
We are here to help so if you have any questions and need to upgrade your website, give the team a call.