“Will my website work on mobile?”

It’s still one of the questions I’m asked most often when discussing a new website.

The short answer is yes. Any modern professionally designed website should work properly across mobile phones, tablets, laptops and desktop computers. That’s what responsive web design is designed to achieve.

But there’s a difference between a website simply fitting onto a mobile screen and being genuinely pleasant and easy to use on one.

And with so many people now reaching for their phone first when they want to find a business, product or service, that difference matters.

What is responsive web design?

Responsive web design simply means creating a website that adapts to the screen it’s being viewed on.

Rather than building separate desktop and mobile websites, the same website responds to the available space. Columns can stack, navigation can change, images resize and text remains readable without somebody having to pinch, zoom and shuffle the page around.

It’s called responsive because the design responds to the device.

When I originally wrote this article, responsive web design was still something that needed rather more explanation. Today, it should be a standard part of professional website design.

Yet people still ask whether their new website will work on mobile — and it’s a perfectly reasonable question.

Because being technically responsive isn’t necessarily the same thing as being mobile-friendly.

Responsive doesn’t necessarily mean mobile-friendly

A website can fit neatly onto a smartphone screen and still be thoroughly unpleasant to use.

Tiny buttons can be difficult to tap. Navigation can become cumbersome. Pop-ups can cover most of the screen. Forms designed with desktop users in mind can turn into an endurance test on a phone.

Even the order in which content appears matters.

On a desktop, somebody might simultaneously see a photograph, heading, introductory text and call-to-action. On a phone, those elements usually have to appear one after another.

Good mobile-friendly website design therefore isn’t simply about shrinking everything until it fits.

It’s about considering how somebody will actually use the website on a smaller screen.

That’s an important distinction:

Responsive design makes the website adapt. Mobile-friendly design makes the adapted website good to use.

Your customers are using their phones

Think about how you use the web yourself.

You hear about a business and look it up. You need a restaurant, plumber, shop or local service. Somebody recommends a company and you search for its name.

There’s a very good chance you reach for your phone.

For local businesses in particular, mobile can be enormously important because people are often searching while they’re away from their desks and looking for something they need now.

They might want to know where you are, what you do, whether you’re open, how much something costs or how to contact you.

Your website doesn’t have very long to make that information easy to find.

A poor mobile experience makes your business harder to use

People don’t generally stop to diagnose what’s technically wrong with a website.

They don’t think:

“The responsive breakpoint on this navigation could have been handled better.”

They think:

“This is annoying.”

And then they leave.

If your telephone number is difficult to find, your menu won’t open properly, text is difficult to read or your enquiry form is fiddly to complete, you’ve introduced unnecessary friction between a potential customer and your business.

That’s particularly damaging when a competitor is only one search result away.

A professionally designed business website should make dealing with your company feel straightforward, regardless of the device somebody happens to be holding.

Mobile-friendly design affects how your business is perceived

Your website is part of your business.

If it feels awkward, dated or neglected on somebody’s phone, that impression doesn’t remain neatly confined to the website.

It can affect how they perceive the company behind it.

That’s why mobile design isn’t merely a technical consideration. It’s part of your branding, credibility and customer experience.

A polished desktop website followed by a dreadful mobile experience is a little like having a beautifully designed shop with a front door that sticks.

People notice the door.

Mobile matters to Google too

Mobile usability isn’t only important to the people visiting your website.

Google primarily uses the mobile version of a website’s content for indexing and ranking. So the mobile version isn’t some secondary edition of your website that Google occasionally glances at – it’s fundamental to how the site is crawled and understood.

That doesn’t mean making a website responsive will magically propel it to number one.

SEO doesn’t work like that.

Content, relevance, authority, website structure, performance and numerous other factors still matter. A website that performs poorly for mobile visitors, however, isn’t giving itself the strongest possible foundation.

There’s more to being visible in search than simply having a well-designed website, which I cover in Why a Good Website Isn’t Enough to Get Found on Google.

Speed matters even more on mobile

Mobile visitors aren’t necessarily sitting at home or in an office using fast Wi-Fi.

They could be using 4G or 5G, have a weak signal or be somewhere with patchy reception.

Huge photographs, unnecessary scripts, elaborate animations and bloated pages can therefore become much more noticeable.

Good mobile-friendly website design should consider performance as well as appearance.

Images should be properly sized and optimised. Pages shouldn’t be unnecessarily heavy. Important content shouldn’t be held up while decorative bells and whistles load first.

Nobody has ever abandoned a website because it didn’t have enough spinning things.

Plenty have abandoned one because it took too long to load.

Design for fingers, not mouse pointers

Desktop users have a mouse or trackpad capable of selecting relatively small targets.

Mobile users have fingers.

Buttons, links and menus therefore need enough space around them to be tapped comfortably. Forms need sensible fields. Telephone numbers should be tappable. Navigation should be simple enough to operate without requiring the precision of a watchmaker.

This is where good responsive design becomes less about screen dimensions and more about human behaviour.

The question shouldn’t simply be:

“Does the website fit on a phone?”

It should be:

“Is the website easy to use on a phone?”

There’s a substantial difference.

Content needs to work differently on smaller screens

Responsive design isn’t only about rearranging boxes.

The way people consume information can change on a smaller screen too.

Long expanses of text become much more imposing. Important information buried halfway down a page can require considerably more scrolling. Large headings that look impressive on a desktop can occupy most of a phone screen.

Good responsive design takes that into account.

Headings help break information into manageable sections. Paragraphs need room to breathe. Important calls-to-action should appear where they’re useful rather than simply where they happened to sit in the desktop layout.

Sometimes content may even need to change position depending on the screen size.

The objective isn’t to give mobile visitors less of your website. It’s to present the same useful information in a way that makes sense for the space available.

Mobile-friendly shouldn’t mean mobile-only

With all this emphasis on smartphones, it’s easy to swing too far in the opposite direction.

Desktop visitors still matter.

Someone researching a substantial purchase, comparing suppliers, reading detailed information or completing a complicated enquiry may deliberately choose a larger screen.

And depending on your business and audience, desktop traffic may still represent a substantial proportion of your visitors.

The aim isn’t to choose between desktop and mobile.

It’s to create a website that works properly across all of them.

The layout may change. Navigation may adapt. Images may resize and certain elements may move. But the branding, information and overall experience should remain consistent.

That’s what responsive web design was intended to achieve in the first place.

Do you need a separate mobile website?

No.

Years ago it wasn’t unusual for businesses to have separate mobile versions of their websites, sometimes sitting on their own m. address.

Responsive web design largely removed the need for that.

One website can serve the same content across different devices while adapting its presentation to suit the available screen.

That also means you’re not trying to maintain two different versions of the same website, potentially with different content becoming outdated at different times.

One website. One set of content. Lots of different screens.

Much simpler.

So, will your website work on mobile?

If it’s properly designed, absolutely.

But I’d go further than that.

A modern business website shouldn’t merely work on mobile. It should be designed from the outset with mobile visitors in mind.

That means readable text, sensible navigation, appropriately sized buttons, straightforward forms, optimised images, good performance and content arranged in a way that makes sense on a smaller screen.

Responsive web design provides the technical foundation for doing that.

Thoughtful website design provides the rest.

Mobile-friendly design is no longer an optional extra

When responsive web design first appeared, it solved a relatively new problem: how do we make one website work across an increasing number of screen sizes?

The number and variety of those screens have only increased.

What has changed is our expectation.

People no longer regard being able to use a website properly on their phone as an impressive feature. They simply expect it to work.

And that’s exactly how it should be.

Whether somebody visits your website on a large desktop monitor, a laptop, tablet or phone, the experience should feel as though it was designed for the device they’re using – rather than squeezed onto it as an afterthought.

If you’re planning a new website or replacing one that’s beginning to show its age, professional website design should consider mobile from the beginning.

Because when somebody asks “Will my website work on mobile?”, the answer shouldn’t merely be yes.

It should be yes, and it will be just as easy to use there too.