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 - single answer and category - multiple answers (basic vertical layout)

The basic questions, category - single answer, and 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 coloured when you click/tap on the selected answer (the entire box is also clickable).

Category - single 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 - single 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 - single answer.

Example of a survey with a custom view of a table type question (mobile preview) >>

You can also display tables in the form of automatic expanding 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 GRID TABLE QUESTION TYPE

For the question type 'Double grid table', the answers on the mobile phone appear as a series of questions of category type - single 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.

Example of a survey with question type double grid table (mobile preview) >> (for comparison, see how layout types look on the web version of the survey)

DISPLAY OF THE TABLE WHERE 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' - 'Questionnaire' tab, to the right of the 'Advanced' tab, there is the 'Step by step mode' option. If you select 'NO', the question will be automatically adjusted as a consecutive series of questions of category type - single answer (or multiple answers) when answering by mobile phone.

There are 6 different types of Step by step completing that you can see at the link below.

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

Example of a survey with different forms of step by step answering mode (mobile preview) >>​

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 single 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.

Question with inserted video

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

Example of the survey with embedded video (mobile preview) >>

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 to 2KA and 3KA private package users. These options can be accessed in the tab 'EDIT' - 'Design' - 'Theme modification', under 'Custom icons', 'Icons size'. Minimum size of buttons is 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 a basic PC preview, you have an option of a survey preview for mobile phones and tablets. More >>

THE OPTION FOR SWITCHING 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 crossed-out mobile phone icon will appear in the menu line on the upper right corner (beside the icon for turning on comments in the questionnaire).

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

When editing a survey in the 'EDIT' - 'Questionnaire' tab, you have the option to preview the survey before the survey is activated. To open the preview, click on the 'Preview' button at the top of the page. This allows you to check the order of the questions, the functioning of the conditions and warnings, etc. In preview mode, no data is saved.

To preview the survey in the basic view, select 'Computer'. If your survey will also be answered on mobile devices, there is also a preview for mobiles and tablets.

Regardless of the preview device you choose, you can switch between devices within the preview page by selecting the device you want from the menu on the right.

Additional settings are also available in the preview for easier viewing:

• Disable verification of conditions and alerts;
• Display conditions and blocks above questions;
• Display variable names.

In the case of longer surveys where you have a large number of pages, you can also use the 'Jump to page' option, where you can select the page you want to see in the preview.

Example of a survey in a preview mode >>

Customizing the appearance of your questionnaire can be done in the 'EDIT' - 'Design' tab; you can choose between different pre-set themes and thus customize the design of your questionnaire. In addition to the basic themes, some specific themes are also available. For example, the 'Embed' theme is intended for embedding surveys into another website.

By clicking on the palette icon, you can easily customize the currently active theme with the following options:

• Change theme name;
• Upload your own logo;
• Change the font type, size and color for the survey title;
• Change the survey background color
• Change the font, size, and color of the question font and change the background color of the question;
• Change the question border (none, line, frame);
• Change the font, size, and color of the answer font, and change the background color of the answers;
• Change the color and size of radio and checkbox buttons;

Theme customization is only available for users of the 2KA and 3KA packages for individuals, and for users of the business packages for groups.

If you are familiar with CCS editing, you can further customize individual themes by editing the CSS code in 'CSS editing' tab. Additionally, you can also create and upload your own CSS file in the 'Upload your own CSS' tab.

Editing and uploading CSS is only available for users of the 3KA package for individuals, and for users of the business packages for groups.

Some of the functionalities described are only available for users of the 2KA and 3KA packages for individuals, and for users of the business packages for groups.

For all question types containing radio buttons or checkboxes ('Categories - Single answer', 'Categories - Multiple answers', 'Tables - Single answer' and 'Table - Multiple answers'), there is an additional option to change the size of the radio buttons and checkboxes. The option is available in the ‘EDIT' - 'Design' tab when editing a theme (Theme customisation). In the 'Radio buttons and checkbox' segment (PC theme customisation) or 'Mobile phone custom icons' segment (Mobile theme customisation), you can choose any size of radio buttons or checkboxes (from 18 to 55 px for PC and from 20 to 55 px for mobile).

The selected setting is applicable for the whole survey (all questions with radio and checkbox buttons), but not to a device used for accessing the survey. Different icon sizes can be chosen for surveys shown on personal computers (and tablets) and surveys shown on mobile phones. This functionality enables us to, for example, only enlarge icons on mobile phones, where this is recommended because of smaller screen sizes, and not on personal computers and tablets, where icon size remains the same.

Example of a survey with the default size of radio and checkbox buttons (minimum size 18 px) >>

Example of a survey with a customized size of radio and checkbox buttons (maximum size 55 px) >>

The functionality is available for users of the 2KA and 3KA packages for individuals, and for users of the business packages for groups.

Protecting user data is one of 1KA's top priorities. Access to data is limited to the author (editor) of the survey and additional co-editors, which are added by the author of the survey.

1KA's helpdesk and the website administrator of www.1KA.si do not have access to surveys and data without the explicit consent of the user.

In case the user requires assistance from 1KA’s administrators, the user must grant temporary access to 1KA's helpdesk (until the issue is resolved). Despite granted access, administrators are still committed to the highest standards of privacy protection, as defined in the Terms of Use.

Each survey has an icon in the top left corner which enables you to grant access to 1KA's helpdesk and administrators. You have to click 'Grant access to help centre'.

The author can add co-editors in the tab 'EDIT' – 'Settings' – 'Editor access'.