mobile-layout-structure

When to use

• When a screen layout feels crowded, fragile, or unclear.
• When deciding between list, form, detail, feed, dashboard, wizard, or tool layouts.
• When keyboard, sticky actions, long content, or small devices affect usability.

Core analysis model

• Pick the layout archetype that matches the user task.
• Group sections by scanning order and decision sequence.
• Define spacing rhythm, density, and visual breaks.
• Decide which regions are fixed, sticky, collapsible, or scrollable.
• Test long content, keyboard overlap, dynamic text, safe areas, and small phones.
• Preserve primary actions without hiding content or blocking system gestures.