Design For Phones From The Start
Many research participants complete surveys on phones. Mobile-friendly survey design improves completion, accessibility, and data quality, especially for public links, panel recruitment, classroom studies, and community samples where researchers do not control the respondent device.
Design for the smallest reasonable screen before publishing. A survey that works only on a large laptop can create missing data, satisficing, failed validation, or accidental screen-outs for mobile respondents.
Open Preview Early
Step 1: Open the survey. From Surveys, open the draft you want to check.
Step 1: Open the survey
Step 2: Review compact pages in Block Builder. Split long pages or dense tasks into smaller blocks before testing on a phone.
Step 2: Review compact pages in Block Builder
Step 3: Open Preview. Use the Preview tab to complete the survey from start to finish.
Step 3: Open Preview
Step 4: Test on real devices. Open the draft or public test link on a phone and tablet when possible.
Step 4: Test on real devices
Step 5: Re-check after changes. Preview again after editing matrices, rankings, heatmaps, conjoint tables, or theme settings.
Step 5: Re-check after changes
Mobile-Friendly Practices
- Keep pages focused: use page breaks so a respondent can finish one task before starting the next.
- Shorten prompts: keep instructions close to the question and move longer explanations into Content Blocks.
- Limit dense grids: split long Grid Matrix batteries or test whether the mobile layout is readable.
- Test interactive tasks: preview sliders, rankings, heatmaps, and conjoint tables on small screens before fielding.
- Protect tappable choices: avoid answer labels so long that respondents cannot tell which option they selected.
- Use readable themes: confirm contrast, font size, and focus states work in sunlight and low-brightness conditions.
Block Builder: Page Break
Question Type Notes
Dropdowns can help with long lists, while large conjoint or matrix tasks may need careful piloting. Heatmaps should be tested on mobile so image coordinates remain meaningful.
- Multiple Choice: best for short visible lists where respondents compare options.
- Dropdown: better for long controlled lists such as locations or institutions.
- Short Answer: test numeric keyboards, validation messages, and whether autocorrect changes entries.
- Ranking: keep the item count modest, since dragging many options is harder on phones.
- Conjoint: pilot whether attributes and levels remain scannable without horizontal strain.
Block Builder: Question Type
Pilot On Real Devices
Before publishing, complete the survey on a phone and tablet. Check scroll behavior, page breaks, validation messages, end screens, QR link behavior, and any external redirects. Ask pilot testers whether any task feels hard to complete on mobile, then test the revised version again.
Preview: Respondent View