Planning content for a mobile-first service

Mobile first is not a reduced desktop page. It begins with the user’s essential task, a linear document and the constraints of smaller screens, touch input and slower mobile connections.

Identify the primary task

Use search terms, support contacts and observed journeys to establish what users need first. Put the answer and next action before organisational explanation, related campaigns and secondary navigation.

Write a meaningful linear document

Order headings, content and controls so the narrow page works without columns or visual rearrangement. Keep labels concise but specific and avoid moving essential context into hover text.

Reduce transfer as well as layout

Do not send large desktop images and interaction libraries merely to hide them with CSS. Select smaller media, defer secondary enhancement and measure over representative 3G latency.

Enhance for available space

Add columns, persistent navigation and supporting media where the content benefits at wider breakpoints. Preserve reading and focus order instead of visually moving elements away from their source position.

Test in context

Use real devices, touch, zoom, poor reception and interrupted sessions. Confirm telephone, address, form and payment interactions work without requiring precision gestures or a stable high-bandwidth connection.