How to Design a Form for People Using a Phone

To design a form for mobile use, you assume the person is standing, distracted, and using one hand. Every field they do not have to fill is a field worth removing.

Why desktop forms fail in the field

A form that is merely long on a desktop becomes unusable on a phone.

  • Twenty fields requiring continuous scrolling
  • Free-text entry where a selection would do
  • Data typed that a photo could capture
  • No sense of progress, so the form feels endless

What works on a small screen

  • Selections over typing — single select and radio rather than free text
  • Conditionals, so only relevant questions appear
  • Photo capture, replacing description with evidence
  • Calculated fields, removing arithmetic from the person
  • Pagination, giving a sense of progress

How to build it in Jestor

  1. Build the form in Jestor, then open the app in build mode and switch to the mobile version.
  2. Arrange the components for a narrow screen, with the primary action at the top.
  3. Replace free-text fields with selections wherever a fixed set of answers exists.
  4. Add an attachment field for a photo rather than asking for a description.
  5. Use calculated fields — total from quantity and unit price, for example — so nothing is worked out by hand.

Why choose Jestor for field operations?

Jestor lets the mobile layout be built from the desktop, so nobody configures an app while holding a phone — the arrangement happens where it is comfortable and is reviewed where it is used.

Several ready templates are explicitly mobile-capable, including stock movement and field sales order generation, which are the processes that most often happen away from a desk.

Frequently Asked Questions

Do I build the mobile layout on the phone?

No, from your computer, with a preview. See jestor.com.

Can totals be calculated automatically?

Yes, from quantity and unit price, for example.

Do forms work fully on mobile?

Yes, including opening, filling, and saving.

Video Tutorial: Step by Step

Check out other practical tutorials on the Jestor YouTube channel.

Get to know Jestor

With Jestor, you can automate workflows, connect teams, and build internal systems your way — all without code and powered by AI. Discover Jestor at jestor.com and see how to take your company's operations to a new level of efficiency and control.

Read more