top of page
Screenshot 2026-02-02 at 7.03.08 PM.png

Responsive Forms

Adjusting layouts and sizes based on screen dimensions, providing a seamless experience whether on mobile or desktop. 

Design Requirements

  • Avoid Reset and Clear buttons

  • Clearly mark required fields

  • Group fields logically and visually

  • Keep key constraints top of mind

  • Label Fields

  • Logical and Visual Sequencing

​

  • Minimize the number of fields

  • One column layout

  • Vertical alignment of lists, checkboxes, and radio buttons 

  • Visible Specific Error States

Grouped Fields

Clearly and efficiently organizing related information reduces cognitive load, lowers the likelihood of errors, and ultimately results in higher completion rates.

bottom of page