Building Mobile-Friendly Surveys

Mobile Optimized Survey

SurveyGizmo surveys are optimized for mobile! Your surveys can be accessed on any web-enabled mobile device and will respond to the screen size and inputs accordingly. Learn more about supported devices.

How Mobile Surveys Work

Once you have shared your survey with potential respondents, it can, and probably will, be accessed using a mobile device regardless of whether you intend for respondents to respond to your survey using a mobile device. This is why it is important to optimize your survey for mobile.

Fortunately, we do most of the mobile optimization for you! SurveyGizmo will detect whether the survey respondent is using a mobile device and will adjust the layout and inputs accordingly. This means that the layout of survey questions and pages will be different for survey respondents depending on whether they are using a desktop or mobile device.* Learn more about layout changes for mobile.

*This is true for surveys using standard themes created on or after August 26, 2014. Surveys created prior to this date will not be optimized by default. If you wish to take advantage of our mobile optimization improvements check out our Advanced Mobile Themes Tutorial to learn more!

 Leading Practices for Creating Mobile-Friendly Surveys

Beyond the display of the elements in your survey, there are a couple of things you, the survey builder, should consider for the mobile-friendliest survey. We handle the layout and display of our various question types. The content, however, is on you; keep the text short and concise and the images relatively small!

  • Consider Survey Length - Short and simple is always a best bet. This is true for all surveys but is especially true when building a survey for mobile response. 
  • Consider the Amount of Text - Avoid using large bodies of text as reading on mobile devices can be cumbersome.
  • Avoid Large Images - Header images will scale on mobile devices but you will need to consider load time. Not everyone has 4G speed so consider the file size of your images; for the best experience, it is best not to exceed 100KB. In addition, images in the Image Select Question Type should be relatively small e.g., no larger than 100px as these images will not be scaled.
  • Avoid JavaScript - Not all mobile devices can support it. If needed, ensure you test thoroughly before deploying.

Mobile Survey Themes

We designed our standard survey themes to be mobile responsive. This means that you can select the theme you want and feel certain that, regardless of the device, your survey respondents will be able to respond to your survey.

Use the Desktop/Tablet/Smart Phone screen options in the upper left of the Style tab get a general sense for how your survey and theme will look on various devices.

If you wish to learn how to make advanced customizations to your survey theme for mobile devices check out our Advanced Survey Theme Customizations for Mobile Tutorial.

Preview Survey on Different Devices

Choose Your Mobile Interaction

On the Style tab under Layout you can choose both a Desktop Interaction and a Mobile Interaction. Hover your mouse over each option to see each in action.

Desktop & Mobile Interactions

Standard Interaction

Survey respondents will experience your survey much like how it is displayed on your Build tab. Check out this survey link on a mobile device to see it in action:

http://www.surveygizmo.com/s3/1877760/Mobile-One-Page-at-a-Time

One at a Time Interaction (default)

Survey respondents will see one question at a time. When the respondent submits the question it will slide to the left and the next question will slide in from the right. Check out this survey link on a mobile device to see it in action:

http://www.surveygizmo.com/s3/1877746/Default-Interactions

Not Mobile Optimized

This option will render the survey as it is designed for desktops on a mobile device. Learn more about Choosing Survey Interactions.

Share your Mobile-Friendly Survey

We recommend the below methods for surveys you expect to be accessed with mobile devices:

  • Web Links - Web links sent out via email will be recognized as links and will be displayed as clickable within the message body on mobile devices.
  • QR Codes - A QR Code (Quick Response Code) or 2D barcode allows respondents to scan a barcode with their smartphone that will take them to your survey. QR codes are especially useful when you wish to share your survey via printed materials or signage, as it is easier to scan a code than type a URL into a browser.
  • Email Campaigns - If you have a list of contacts, sending out your survey invite via a SurveyGizmo email campaign is also mobile friendly.
  • Short Web Links - If you expect that your survey respondents will be typing the URL to the survey into their browser it's best to use Short Links. You can do this by editing your web link and selecting Short URL under the Sub-Type.
  • Kiosk Mode - Use the Kiosk Mode link to collect multiple responses from visitors at kiosk display or trade show exhibit. Kiosk Mode requires an internet connection.
  • Offline Mode - Use the Offline Mode link to collect multiple responses from visitors at kiosk display or trade show exhibit. Offline Mode DOES NOT require an internet connection.

Track Mobile Responses

The User Agent field, available both in Individual Responses (on the details tab) and the CSV/Excel Export provides you with the browser used by the respondent to submit their response. Mobile browser will generally include something similar to iPhone OS 4 or Version/5.0.2 Mobile!

You can also report on the number of respondents that used each type of device – desktop, tablet, or mobile. To do so, within a Standard Report, click the Insert button between any two charts where you wish to add your device chart and select the Device Chart option from the dropdown menu.

Mobile Optimization Layout Specifics

Every time a survey respondent accesses your survey SurveyGizmo will detect whether their device is mobile. If the device is mobile SurveyGizmo will change the layout of certain elements so that they are optimized for display on mobile devices. Below are the element-specific details of these changes.

Pages

By default, multi-question pages will display one question at a time on mobile devices. This reduces scrolling which can cause respondent fatigue. If you wish to revert to the standard interaction you can do so under Style > Layout. Under Mobile Interaction select Standard. Survey respondents on mobile devices will then experience your survey much like how it is displayed on your Build tab.

Single Text Fields (Textbox, Essay, Number, Percent, Email, etc.)

On a desktop and most laptops, the text fields look like so.

Desktop

When optimized for mobile devices the Number question type looks very similar but will show one field at a time to prevent the need for scrolling on smaller screens. You can turn off this one-at-a-time interaction if you wish.

Mobile

Single-Select Question (e.g. Radio Buttons, Rating, NPS®, Dropdown Menu)

On a desktop and most laptops, single-select question looks like so.

Desktop

When optimized for mobile devices single-select questions look very similar but with larger targets as mobile respondents will be using their finger to select answers.

Mobile

Grid Questions (Including, Textbox Grid, Radio Button Grid, Checkbox Grid, and Dropdown Menu Grid, as well as, the Star Rating Grid, and Custom Tables)

On a desktop and most laptops, the grid questions look like so.

Desktop

Grid questions will be displayed one grid row per page. This will reduce horizontal scrolling trouble as well as problems survey respondents typically experience trying to select the correct option.

Mobile

Slider

On a desktop and most laptops, the Slider question type looks like so.

Desktop

The right and left labels on Slider questions are displayed below the slider itself to allow more room for this text. You'll still want to ensure that your text is short enough to display well on mobile.

Mobile

Slider List

On a desktop and most laptops, the Slider List question type looks like so.

Desktop

The row headers for each item in your Slider List will display above the slider itself to allow more room for this text. You'll still want to ensure that your text is short enough to display well on mobile.

Mobile

Net Promoter Score

On a desktop and most laptops, the Net Promoter Score question type looks like so.

Desktop

When optimized for mobile devices the Net Promoter Score question type looks very similar but with larger targets as mobile respondents will be using their finger to select answers.

Single-select questions, like the Net Promoter Score question, will automatically advance after an option is selected. You can turn off this one-at-a-time interaction if you wish.

Mobile

Drag & Drop Ranking

On a desktop and most laptops, the Drag & Drop Ranking question type looks like so.

Desktop

When optimized for mobile devices the Drag & Drop Ranking question type works a little differently as dragging and dropping on mobile devices is difficult. Instead, respondents will need to click the options in order of their preference. 

Mobile

Ranking Grid

Desktop

When optimized for mobile devices the Ranking Grid question type works a little differently as the small targets in grids are difficult to interact with on mobile devices. Instead, respondents will need to click the options in order of their preference. 

Mobile

Semantic Differential

The Semantic Differential questions are converted to slider questions. It's important to note that Semantic Differentials are not fully compatible with mobile, as column headings will not appear. See screenshots below.

Desktop
Mobile

File Upload

The File Upload question has limited functionality on iOS devices. However, it will allow respondents to upload images/videos saved to the device. If you access a File Upload question using iOS, you'll see the following:

Depending on the Android device, you can also access other file types. Please test this on intended devices before deploying as the fragmentation of Android software means that not all features are available on all devices.

Here is an example of what options you'll see using Android:

Supported Devices

We support Android and iOS devices including Smart Phones and Tablets. We also test the survey experience on some additional devices including the Windows Nokia Lumina, the Amazon Fire tablet and the Blackberry Playbook tablet.

Net Promoter, Net Promoter System, Net Promoter Score, NPS and the NPS-related emoticons are registered trademarks of Bain & Company, Inc., Fred Reichheld and Satmetrix Systems, Inc.

Basic Standard Market Research HR Professional Full Access Reporting
Free Individual Team & Enterprise
Feature Included In