Узнайте, как разработать эффективную анкету и настроить проверку полей формы, чтобы повысить качество результатов опроса.
Тщательно разработанная анкета может повысить процент заполнения и обеспечить положительный пользовательский опыт. Если ваш опрос четкий и хорошо структурированный, а вопросы краткие, участники опроса будут готовы предоставить актуальные и полезные данные, которые вы можете использовать для получения ценной информации.
Но как это сделать? Как организовать онлайн-анкету, чтобы она не перегружала респондентов, а вместо этого доставляла им удовольствие?
Правильное время завершения
Разработка анкеты требует тщательного учета различных факторов. Одним из них является время завершения, особенно когда речь идет об онлайн-опросах. Чтобы максимизировать уровень участия, ограничьте время опроса не более чем 10 минутами или даже меньше для пользователей мобильных устройств — около 7 минут.
Подходящие типы вопросов
Еще одним важным аспектом является выбор соответствующих типов вопросов, чтобы гарантировать, что собранные данные будут пригодны для дальнейшего анализа и визуального представления. Пожалуйста, обратитесь к статье Как создать эффективный опрос, опрос или викторину и повысить уровень их завершения, чтобы узнать больше по этой теме.
Соответствующие ответы
Достоверность данных — еще один ключевой фактор, который следует учитывать при разработке вопросника. Чтобы обеспечить надежность данных, определите типы данных, которые вы хотите и не хотите получать. Такой подход может помочь избежать неопределенностей за счет уточнения данных, ожидаемых от респондентов.
Различные поля требуют различных типов проверки: проверка обязательных полей, проверка числового диапазона для значений возраста или веса и проверка типа файла для загрузки в определенном формате файла, таком как PDF, JPEG или MP4.
Используя SurveyJS, вы можете применять эти и другие настройки проверки данных к вопросам вашего опроса, гарантируя, что респонденты предоставляют точные и надежные данные. В следующих разделах мы рассмотрим некоторые возможные варианты проверки данных, доступные в SurveyJS, которые могут помочь улучшить качество данных вашего опроса.
Проверка ввода формы с помощью SurveyJS
SurveyJS — это библиотека JavaScript с открытым исходным кодом для создания сложных форм и опросов в React, Angular, Vue.js, Knockout и jQuery. SurveyJS предлагает различные варианты проверки ввода, которые могут помочь гарантировать, что респонденты дают правильные ответы.
Обязательные вопросы
Установите для свойства isRequired значение true, чтобы пользователь не оставил вопрос без ответа перед отправкой опроса.
{
"type": "text",
"name": "last-name",
"title": "Last name",
"isRequired": true
}
Демонстрация: форма скрининга на COVID-19
Если вы используете Матрицу с одним выбором и хотите, чтобы пользователь ответил на все вопросы в строках, включите опцию isAllRowRequired.
Демонстрация: матрица с одним выбором
Ограничьте количество вариантов для выбора
Если вы хотите ограничить количество вариантов выбора, которые респондент может выбрать в вопросах с множественным выбором Checkbox и TagBox, вы можете использовать свойство maxSelectedChoices.
{
"type": "checkbox",
"name": "product-aspects",
"title": "Key Features",
"description": "These are some important aspects of the product. Select three features you find most important.",
"choices": [
"Technical support",
"Price",
"Delivery option",
"Quality",
"Ease of use",
"Product warranties"
],
"maxSelectedChoices": 3
}
Как только пользователь выбирает максимально допустимое количество элементов, дальнейший выбор для этого вопроса отключается.
Числовые диапазоны
Вы можете использовать свойства min и max, чтобы установить числовые диапазоны для вопросов, требующих числового типа ввода.
{
"name": "number",
"type": "text",
"title": "Enter a number from 0 to 100",
"inputType": "number",
"min": 0,
"max": 100,
"defaultValue": 0,
"isRequired": true
}
Длина текста
Установив минимальное или максимальное значение длины для полей ввода текста, вы можете контролировать количество символов, которые могут вводить пользователи.
Минимальное значение длины текста может помочь гарантировать, что пользователи предоставят достаточно данных, и предотвратит отправку неверных и, в конечном итоге, бесполезных ответов.
{
"type": "comment",
"name": "service_improvements",
"title": "How can we improve our service?",
"validators": [
{
"type": "text",
"text": "Please provide more information",
"minLength": 10
}
]
}
С другой стороны, установка максимального значения длины текста может помочь предотвратить отправку пользователями избыточных сведений в своих ответах. Это позволит сделать ответы на опросы краткими и сфокусированными на релевантной информации.
{
"type": "comment",
"name": "service_improvements",
"title": "How can we improve our service?",
"maxLength": 100
}
Максимальный размер файла
Вы можете ограничить размер файлов, которые можно загружать в качестве ответов на вопросы.
{
"type": "file",
"title": "Please upload your files",
"name": "files",
"storeDataAsText": false,
"allowMultiple": true,
"maxSize": 102400
}
Демонстрация: Вопрос о файле — Загрузить файлы на сервер
Допустимые типы файлов
При настройке типа вопроса Файл используйте свойство acceptedTypes, чтобы ограничить типы файлов, которые можно загружать.
Обычные выражения
Вы можете использовать регулярные выражения для реализации более сложной логики и проверки таких входных значений, как адреса электронной почты, номера телефонов или пароли.
{
"name": "user-password",
"type": "text",
"title": "Password",
"inputType": "password",
"description": "Enter a password that contains at least one upper-case, one lower-case letter, a digit, and a special character",
"isRequired": true,
"validators": [
{
"type": "regex",
"regex": /(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s)(?=.*[!-@#$*])/,
"text": "Your password must contain at least one upper-case, one lower-case letter, a digit, and a special character"
}
]
}
Пользовательские функции проверки
Функции проверки могут быть полезны для проверки более подробных ответов. Например, когда речь идет об адресе электронной почты, вы можете захотеть проверить не только то, что введенное значение соответствует формату электронной почты, но и то, что оно принадлежит домену конкретной компании.
Демонстрация: проверка пользовательской формы с использованием события
Проверка на стороне сервера
Используйте проверку на стороне сервера в дополнение к проверке на стороне клиента, чтобы предотвратить вредоносные отправки или ошибки.
Демонстрация: проверка формы на стороне сервера с использованием события
Краткое содержание
Примите во внимание следующие рекомендации, чтобы респонденты предоставляли точные данные при прохождении опроса.
Проверить все поля
Убедитесь, что для всех полей включена проверка, включая необязательные поля. Это помогает предотвратить неполные представления и ошибки и гарантирует, что большая часть предоставленной информации действительна.
Предоставить текст справки
SurveyJS выделяет поле с ошибкой и отображает сообщение об ошибке рядом с этим полем.
Кроме того, вы можете настроить сообщения об ошибках и предоставить четкие инструкции по устранению ошибки. Используйте простой язык и избегайте технического жаргона.
Использовать проверку в реальном времени
Проверка в реальном времени помогает пользователям исправлять ошибки по мере их ввода, а не ждать, пока форма будет отправлена. Установите для свойства checkErrorsMode значение onValueChanged, чтобы проверять ответы пользователей, как только они дают ответы.
Наконец, всегда тестируйте свой опрос на небольшой группе людей (в идеале — из предполагаемой целевой группы). Это гарантирует, что опрос будет четким и легким для понимания, и может помочь обнаружить и исправить ошибки или неясности в вопросах и вариантах выбора, прежде чем он достигнет основной целевой аудитории.
Заключение
Разработка эффективных опросов требует как навыков, так и творческого подхода. SurveyJS предлагает широкий выбор инструментов, которые помогут вам создавать более привлекательные и содержательные опросы и онлайн-формы.
