Mobile survey adjustments

An online survey created using the 1KA tool can also be answered by respondents via a mobile phone. Due to the smaller screen, certain adjustments are required to optimize the survey. For more advanced and new types of questions, or more advanced layouts of basic types of questions (such as image hotspot, slider, combined table, etc.), it may occur on mobile devices to have some offsets or opacity. In this case, we recommend using the basic types of questions and / basic layout questions.

Features in mobile phone adjustments

Category one answer and category - multiple answers (basic vertical layout)

The basic questions category one answer, category multiple answers are generally not problematic and are shown in the survey on a mobile device in such a way that they enable the survey to be completed normally. This applies to the following layouts: vertical, vertical - left text, drop-down menu, select from the list, image type.

For both question types and different layouts, the entire answer box is colored when you click / tap on the selected answer (the entire box is also clickable).

Category one answer and category - multiple answers (other layouts)

For one-answer and multiple-answer questions, layouts are also available that may appear unmanageable on mobile devices, so the layout selected on mobile devices is ignored and the question is displayed in a normal layout (vertical). This applies to the following layouts: horizontal beside the question, horizontal under the question, drag-drop.

Table

Table type question and all subtypes and table type question setups are automatically displayed on mobile devices as a set of basic question types. For example, if we have a question table - one answer with 5 different sub-questions, the question will appear on mobile devices in the form of a set of 5 consecutive questions of category type - one answer.

You can also display tables in the form of automatic spreading in the tab 'EDIT' - 'Settings' - 'Mobile settings'.

Example of a customized view of a table type question - auto-expand (mobile preview) >>

Customization of the double table type question

For the type of questions 'Table one answer' - 'Double table', the answers on the mobile phone appear as a series of questions of category type - one answer. For the sake of transparency, there is a horizontal continuous line between the individual answers on the cellphone and a dashed line between the individual tables.

Display of the table when mobile customizations are off

If you turn off mobile customizations (see the last paragraph), you can also view the spreadsheet on mobile devices in the same format as the web, or use any of the step-by-step questions.

When editing advanced question types and different table layouts, in the 'EDIT' tab - 'Questionnaire', to the right of the 'Advanced' tab, the 'Gradual Resolve' option. If you select 'NO', the question will be automatically adjusted as a consecutive series of questions of category type - one answer (or multiple answers) when answering by mobile phone.

There are also 6 different types of gradual solving that you can see at the link below.

Example of a survey with different forms of step by step answering mode >>

Input questions (text and number)

On a mobile phone, questions with an input field (question types 'text' and 'number'), buttons for questions of type roulette and selection list are automatically adjusted to 100% screen width.

Drag and drop question

You can choose the drag-and-drop layout for different types of questions: category one answer, multiple answers, table. For single or multiple-choice questions, the drag-and-drop layout automatically adjusts to the default vertical layout when completing the survey via mobile. Table type question - Drag-and-drop layout appears on your mobile device as a classic (mobile-friendly) question.

Questions with pictures

By default, if you have images in the survey, they are displayed by default when responding to the survey via a mobile device, and they are adjusted to occupy 80% of the screen width.

Adjusting questions with inserted video

If you inserted video in the questionnaire, the width of the video will adjust automatically on the 100% of the width of the mobile device. Respondents will be able to see the full video, no matter the width of their device they’re using for filling out the questionnaire.

Additional adjustments

Hiding radio and checkbox buttons

With the type of questions such as 'Category – single answer' and 'Category – multiple answers' there is an extra option 'Hide radio button' or 'Hide checkbox button' in the 'Advanced' tab. Functionality is recommended for mobile devices, especially when you're using pictures for answers. In this case, you can hide these buttons (radio or checkbox buttons), respondents which will be filling out the questionnaire on their mobile device will be able to select pictures as an answer with the tap on it. It will be easier for them to choose the answer, as it would be selecting the 'checkbox' or 'radio' button, where you have to be more precise.

Example survey with hidden radio and checkbox buttons (mobile preview) >>

Adjusting the size of the radio and checkbox buttons

With question types 'Category - single answer' and 'Category - multiple answers' additional options of changing the size of radio and checkbox buttons are available. These options can be accessed in the tab 'Editing' - 'Design' where in the roulette there is an option 'Selection of checkbox and radio buttons'. Minimum size of buttons if 18 x 18 px and maximum size is 55 x 55 px. We especially recommend the use of this feature when designing surveys for mobile devices.

Example of a Survey with a default size of buttons

Example of a survey with a modified size of buttons (40 x 40px)

Preview for mobile phone and tablet

You can use the preview to see how the survey will appear on different types of devices (computers, mobile phones or tablets). In addition to basic preview for PC preview, you also have an option to preview survey for mobile phone and tablet. More >>

Possibility to switch off the adjustments for mobile devices

All of the mentioned adjustments are automatically turned on; this way we can allow the optimal display of the questionnaire to those who use their mobile devices. In tab 'EDIT' – 'Settings' – 'Mobile settings' you can change these adjustments, which we dissuade. When you turn off the mobile adjustments the icon of crossed out the mobile phone will appear in the menu line on the upper right corner (beside the icon for turning on comments in the questionnaire).

I case when 'Mobile-friendly' is turned on, you can separately turn off the display of images on mobile phones (if your questionnaire contains pictures that are not suited for mobile devices) and adjust tables on the mobile phones.

Related content: