For most visitors the phone is the website. See how small screens expose weak design decisions and how to test a site the way real people use it.
Article:
For a large share of visitors, the phone is not an alternative way of viewing a website. It is the website. Google has also spoken for some time of predominantly using the mobile version of a page when indexing and ranking it. A site that is polished on a desktop monitor and clumsy in the hand is therefore being judged by its weaker half.
The mobile version is the primary version
Design teams still tend to approve layouts on large screens and then ask how they might be squeezed onto small ones. The sequence works better in reverse. Begin with the narrow screen, where space is scarce and every element must justify itself, and then allow the design to expand for larger displays. Constraint is a helpful editor.
Small screens expose weak decisions
Long menus, tiny links placed close together and pop-ups that cover the content are irritations on a desktop; on a phone they are barriers. Forms deserve particular attention. Each additional field is another opportunity for someone to give up, and a form that demands a postal address to send a brochure by email is asking for more than it needs. Text that is comfortable on a laptop may also require pinching and scrolling sideways elsewhere.
Test on real devices
Resizing a browser window is a useful start, but it is not a substitute for holding an actual phone. Try the site on an older model, in bright light, over a mediocre connection. Ask someone unfamiliar with the business to complete a simple task, such as finding opening hours or requesting a quote, and watch without helping. Their hesitation will point directly to what needs to be repaired.
Teams looking for a partner to handle website development, content management and technical search foundations as a single piece of work should expect mobile behaviour to be part of the specification from the outset, not a phase added near the end.
A final consideration
Thumbs are imprecise, attention is divided and patience is brief. A website that respects those facts tends to serve every visitor better, including those at a desk.
Sign in to leave a comment.