What working on a phone means
A site that works on a phone is not just a small copy of the desktop version. It means the text can be read without pinching and zooming. The buttons are big enough to tap with a thumb. The menu is easy to open. Pages do not scroll sideways. Photos load without a long wait.
It also means the things a person needs on the go are near the top: where you are, when you are open, how to book or order, how to get in touch.
Why Google cares too
Google says it uses the mobile version of a site's content for indexing and ranking, which it calls mobile-first indexing. It recommends a responsive design, where one site adapts to the screen, and says the phone version should carry the same main text, headings and data as the computer version. A site that is poor on a phone can be poor in search as well.
What a phone visitor is trying to do
Think about the person holding the phone. A hungry person wants the menu and the hours. Someone with a leaking sink wants to know whether you cover their area and how to reach you. A person looking for a haircut wants prices and a way to book. They are in a hurry, often outside, sometimes in bright sun. A page built for that person puts the answer first and the story second.
That is a design choice, and it is one we make on purpose for each kind of business.
Test your own site in a minute
Open your site on your phone and try these.
- Can you read the first paragraph without zooming?
- Can you find your hours in a few seconds?
- Can you tap the main button without hitting the wrong one?
- Does the menu or price list open as a readable page, not a file to download?
- Does the page stay in place when you scroll, with nothing sliding sideways?
Common phone problems
The most common is a menu or price list that is a PDF. It is tiny, slow to open and hard to read, which is why we put those on the page as text. Others are tiny buttons next to each other, pop-ups that cover the page and cannot be closed, photos so large that the page stalls, and layouts that were never checked on a small screen.
A restaurant site with a PDF menu loses people at the exact moment they are hungry and ready to order.
Tablets and computers too
A site built this way also looks good on a tablet and on a laptop. Designing for the small screen first does not mean a worse experience on the big one. It means the page was built around what matters, with room to spread out where there is space.