Prioritise the essential task
Choose the most important journey and put its content first. A small screen forces useful decisions about hierarchy, rather than simply reducing the size of a desktop layout.
Design for touch and reading
Use readable type, comfortable spacing and controls that do not depend on hover. Avoid long unbroken text and keep labels visible when a field is filled.
Keep navigation understandable
A compact menu should preserve clear categories and meaningful labels. The way back, the next step and the current page should be easy to identify.
Handle images intentionally
Use appropriately sized images and provide dimensions so the page does not shift while loading. A decorative image should never push the main task out of reach.
Review complete journeys
Test more than the first screen. Check a form, error message, long title, opened menu and secondary page at narrow widths.
Improve from real feedback
Review where people hesitate or abandon the task. Use observations and relevant analytics to prioritise changes rather than adding interaction for its own sake.