How to Optimise Forms for Mobile Users

Overview

A large proportion of event website traffic now comes from mobile devices, so a form that works well on desktop but poorly on mobile can significantly reduce conversions.

Mobile form optimisation is about making forms easy to read, easy to complete, and easy to submit on smaller screens.

Why Mobile Optimisation Matters

Google uses mobile-first indexing, which means the mobile version of your site is especially important for both users and search visibility. If your forms are difficult to use on mobile, this affects not just conversion rates but overall page experience.

Keep the Form Simple

On mobile, complexity has a bigger impact. Use:

• fewer fields

• one column

• short labels

• clear spacing between inputs

Avoid long blocks of supporting text above the form. Keep instructions close to the field they relate to.

Make Buttons Easy to Tap

Buttons should be large enough to tap comfortably on a touchscreen. Our recommendation of around 44 pixels is a sensible benchmark, and it also aligns well with broader mobile accessibility expectations.

Buttons should:

• stand out clearly

• have enough spacing around them

• use obvious action text

Use the Right Input Types

Where possible, match the field type to the data needed:

• email field for email address

• telephone field for phone number

• numeric fields where only numbers are expected

This helps mobile devices show the most useful keyboard and can speed up completion.

Support Autofill

W3C recommends using valid autocomplete attributes so browsers can understand the purpose of a field and help users fill it in faster. This is especially useful on mobile, where typing effort is higher.

Examples include:

• name

• given-name

• family-name

• email

• tel

• organization

Avoid Disruptive Overlays

If your form appears in a pop-up or modal, be cautious on mobile. Google advises avoiding intrusive dialogs that obscure too much of the page content or make the page difficult to use. Embedded forms or smaller banners may perform better for some use cases.

Summary

A good mobile form should:

• be short and easy to scan

• use large tap targets

• support autofill

• minimise typing effort

• avoid disruptive presentation

The easier a form is to complete on mobile, the more likely users are to finish it.