Skip to main content
Web Design6 min read

What does "mobile responsive" actually mean?

The question many clients ask but often feel embarrassed to raise. Here is the clear version.

A layout scaling beautifully across desktop, tablet, and smartphone screens.

You have probably heard the phrase dozens of times. Here is what it actually means and why it matters for your organisation.

Mobile responsive is one of those phrases that gets thrown around in almost every web conversation, usually with the assumption that everyone already knows what it means. Most people have a rough idea but would hesitate to explain it confidently. That is completely fine. Here is the clear version.

The simple explanation

A mobile responsive website is one that automatically adjusts its layout depending on the screen size of the device it is being viewed on. On a large desktop monitor, content can be spread across multiple columns. On a smartphone, the same content stacks into a single column so it fits comfortably without the user needing to zoom or scroll sideways.

The alternative is a fixed-width website, where the layout is the same regardless of screen size. On a phone, this typically means the text is tiny, buttons are impossible to tap accurately, and the overall experience is frustrating enough that most people leave immediately.

Why it matters more now than ever

More than half of all web traffic now comes from mobile devices, and for many organisations, particularly charities and community groups, the proportion of mobile visitors is even higher. If your website is not mobile responsive, you are delivering a poor experience to the majority of people visiting it.

Google also uses mobile responsiveness as a ranking factor in its search results. A website that performs poorly on mobile is less likely to appear prominently when people search for what you do.

How to tell if your website is already mobile responsive

The simplest test is to open your website on your phone and see how it looks. Does the text resize to fill the screen comfortably? Can you read it without zooming? Are buttons large enough to tap without accidentally hitting the wrong thing?

Google also offers a free tool called the Mobile-Friendly Test (search for it on Google) that analyses any web address and tells you whether it meets Google's standards for mobile responsiveness.

What about apps?

An app is different from a mobile-responsive website. An app is a piece of software you download from an app store. A mobile-responsive website is a website that works well on mobile browsers. For almost all small businesses and charities, a mobile-responsive website is all you need. Apps are significantly more expensive to build and maintain, and the vast majority of organisations never need one.

What to look for when commissioning a new website

Any reputable web designer building a new site in the current era will make it mobile responsive as standard. It is not an optional extra. If you are commissioning a new website, it is worth confirming this explicitly at the briefing stage, and asking to see examples of the designer's work on mobile before committing.

The phrase to look for in any proposal is simply "mobile responsive" or "responsive design." Both mean the same thing.

If this article raised a question you'd like to talk through, get in touch at hello@graniteandglitch.com

Get in touch

READY TOBUILD?

Start Project