Form design · Mobile
Designing Forms for Mobile
Half your respondents are on a phone. How to make sure the form works beautifully for them.
Mobile is where PDFs go to die and where online forms earn their keep. Designing for the phone means big touch targets, the right keyboard for each field, minimal typing, and a layout that never requires pinching or horizontal scrolling. This section covers the mobile-specific decisions: input types, autofill, camera-based uploads, and testing on the devices your respondents actually use.
Who this is for
- Teams whose forms are opened from texts, QR codes, or social links
- Field-service crews filling forms standing up
- Anyone watching mobile users abandon a desktop-designed form
Key things to know
Trigger the right keyboard
Numeric fields should raise the number pad; email fields the email keyboard. Small detail, large completion impact.
Let the camera do the work
On mobile, "upload a document" should mean "take a photo." Design uploads around the camera.
Thumb-reachable actions
Primary buttons belong at the bottom of the screen, full width, where thumbs already are.
Quick answers
Why do PDFs fail on phones?
PDFs are fixed-size pages. Phones are small variable-size screens. The result is pinch-zoom-scroll-type loops that most people abandon. Online forms reflow to the screen instead.
How do I test my form on mobile?
Open the link on a real phone and complete it end to end, including any uploads. Watch one other person do the same. Ten minutes of this finds what analytics take weeks to show.