Back to product guides

Intent

Design for touch, limited height, interruption, and platform conventions rather than compressing a desktop interface.

Checks

  • Account for safe areas, software keyboard, and short landscape height.
  • Keep primary controls reachable and targets appropriately sized.
  • Provide explicit alternatives to drag and swipe outcomes.

Warnings

  • Desktop hover, dense multicolumn layouts, and browser-style chrome rarely transfer directly.

Exceptions

  • Tablet layouts may introduce secondary columns when content and input mode support them.