Choose the primary task

A mobile screen has limited space and often receives limited attention. Start by deciding what the person needs to do here. Give that action a clear place in the hierarchy and move secondary choices into a supporting role.

This is not a reason to hide essential information. It is a way to make the next step understandable, with the context needed to choose it confidently.

Make the interface legible

Use readable text, meaningful labels and enough space around controls. Review the screen with realistic content rather than perfectly short placeholders. Long names, detailed messages and validation feedback should fit the design.

A consistent visual rhythm helps people distinguish headings, supporting information and actions. Test that hierarchy on smaller devices and with larger text settings so the experience remains understandable as the layout changes.

Design the feedback alongside the action

Every important action needs a clear response. Explain when work is in progress, when it has completed and when the person needs to correct something. Keep that feedback close to the action it describes.

When a request cannot finish, preserve the useful information the person has already entered. Give them a sensible recovery path instead of asking them to start the whole journey again.

  • A visible response to the action
  • Helpful messages for missing information
  • A clear way to retry or revise
  • Confirmation that describes what actually happened