FREE Membership

Responsive Web Design Explained

"Mobile internet usage, as global mobile data traffic is projected to increase nearly sevenfold between 2017 and 2022"

Statisica.com Sep 11, 2019

It pays to be responsive!

Responsive Web Design is the art of controlling the layout of web pages as the user changes the size and aspect ratio of the viewport. In other words, if a user changes from a desktop sized screen to a mobile or tablet sized screen, the layout of the page needs to conform to the new screen size. This does not mean that all the content displayed on the desktop sized screen needs to be faithfully transposed onto the smaller device.

No more Squinting & Zooming

The intent behind thoughtful responsive design should be to provide the most flexible and intuitive experience for the user, and that may mean leaving out non-critical elements from the larger screen. Squinting and zooming must be eliminated when using a smaller device and that often means larger font sizes and increased line spacing. Different techniques for navigating the smaller screen are used for more efficiency including the native 'Slot Machine' view used on the IOS mobile interface and the 'Hamburger' icon that replaces standard tab navigation seen on desktop sized screens.

How does a non-mobile-friendly site hurt my rankings?

Google is now penalising sites that are not mobile friendly and have been doing this since 2015. This quite simply means that not only are you leaving money on the table but you are damaging your ranking, business prospects and diminishing your chances of re-gaining lost ground.

What is the  official Google criteria for being Mobile Friendly

Don't use outdated software like Flash which is not normally used on mobile devices.

Don't make users zoom in to read your text.

Make sure your screen layout adjusts to the portrait or landscape aspect ratio you're currently viewing.

Give your links plenty of room for people with fat fingers.