Cоздание онлайн тестирования с подсчетом суммы баллов и выводом разных результатов

Добрый день.

Часто возникает вопрос, как организовать онлайн опрос или тестирование, где пользователь отправив форму, получит результат, в зависимости от того, какие он выбрал ответы. Каждый ответ имеет определённую оценку/балл. Пользователь, набрав какое-то количество баллов, в зависимости от градации, получит соответствующий результат.

В этой статье мы хотим Вам рассказать о том, как создать онлайн тестирование с подсчётом суммы баллов и выводом результатов, в зависимости от количества набранных баллов. Для этого мы создадим импровизированную форму тестирования, где рассмотрим такие вопросы:

  1. Создание и наполнение формы тестирования;
  2. Настройка логических правил для ветвления формы;
  3. Настройка формулы подсчета суммы баллов;
  4. Настройка вывода результатов тестирования.

В качестве примера разработаем форму, для оценки качества работы автомойки. Для этого создадим многостраничную форму, где с помощью логических правил настроем поэтапный вывод вопросов, переход между страницами, подсчет суммы баллов и вывод результатов тестирования.

Создание формы онлайн тестирования

Сначала создадим форму, для этого в личном кабинете нажмите кнопку создать форму:

Cоздание формы

Выберите слева - “Пустой шаблон”:

Выбор шаблона

Нажмите кнопку "Создать новую форму":

Создание формы

Введите название формы и нажмите кнопку “Сохранить”:

Создание формы

Назовем нашу форму “Оцени работу нашей автомойки”. Сделаем форму из нескольких страниц, с несколькими переключателями и чекбоксами, где при выборе определённого ответа будет отображаться необходимый элемент, согласно правилам логики. Добавим “Переключатели” на первую страницу, перетащив элемент с основных полей или просто кликнув на данный элемент:

Добавление элементов

Также сделаем форму из нескольких страниц. Кликните справа иконку "Страницы формы":

Добавление элементов

Откроется список страниц формы, где нужно нажать кнопку “Добавить страницу”:

Добавление элементов

Аналогично, на добавленную страницу, добавим необходимые элементы в виде чекбоксов (множественный выбор) для нашего тестирования:

Добавление элементов

Чтобы настроить названия элементов и варианты ответов, нажмите кнопку редактировать:

Добавление элементов

На четвёртой странице добавим "Поле для ввода email-адреса" и "ФИО", которые расположим в секцию, для вывода в одну строку:

Добавление элементов

Также на этой странице добавим элемент “Формула” из экстра полей.

В списке страниц формы, Вы можете указать название страниц:

Название страниц

В настройках “Параметры страниц” можно настроить отображение страниц: в виде вкладок и в виде индикатора заполнения, либо просто скрыть.

Параметры страниц

Параметры страниц

Настройка логического ветвления

Далее перейдём в раздел “Логика”, чтобы добавить необходимые правила для полей формы. Для этого нажмите кнопку добавить правило:

Настройка логического ветвления

Добавим правило для элементов на первой странице:

Настройка логического ветвления 2

Выберем условие: если “Вы у нас мыли машину” и выбран ответ - “Да”, то показать элемент “Как часто вы заезжаете на мойку”:

Настройка логического ветвления 3

Т.е. на первой странице начнётся тестирование с первого вопроса, а остальные будут появляться после заполнения. Теперь добавим правило для второго вопроса “Как часто Вы заезжаете на мойку”, которое пошло по ветке ответа “Да” от первого вопроса.

Выберем условие, что если “Как часто Вы заезжаете на мойку”, выбран первый вариант ответа “Раз в неделю”, то показать ”Какую мойку заказывали”. Но так у нас несколько вариантов ответа, и при их выборе мы должны перейти всё равно к вопросу “Какую мойку заказывали”, то мы должны выбрать "Любое значение"(или перечислить все варианты ответов через логическое "ИЛИ"):

Настройка логического ветвления 4

В это правило добавим вариант ответа "Да" из первого вопроса, для более строгого условия. Для этого нажмите иконку “Добавить условие”:

Настройка логического ветвления 5

Настройка логического ветвления 6

В результате, после добавления двух правил для первой странице, пользователь, выбрав ответ “Да” на первый вопрос, перейдёт ко второму вопросу, где при выборе любого варианта ответа пользователю откроется следующий вопрос.

Настройка логического ветвления 7

Для второй страницы, аналогичным образом, добавим логическое правило для вопроса “Как Вы оцениваете уборку салона”.

Настройка логического ветвления 8

В итоге, для двух страниц, набор правил будет иметь вид:

Настройка логического ветвления 9

На третьей странице добавили 3 вопроса, состоящие из переключателей с вариантами ответов “Да” или “Нет”.

Настройка логического ветвления 10

Здесь не будем делать логических ответвлений, т.е. при выборе одного из этих вариантов ответов, пользователю будет отображаться просто следующий вопрос на этой странице.

Настройка логического ветвления 11

На пятой странице мы разместили элементы "Текстовая область", где пользователь сможет оставить пожелания и предложения, и "Текст" со словами благодарности. На вкладке логика добавим логические правила для первого вопроса “Вы у нас мыли машину” с первой страницы, когда выбрали “нет”, то показать элемент “Если нет”.

Настройка логического ветвления 12

И ещё одно правило, где пользователь при выборе любого варианта ответа в вопросе “Если нет”, перейдёт сразу на пятую страницу формы с возможностью оставить свои пожелания и предложения:

Настройка логического ветвления 13

Настройка логического ветвления 14

Настройка формулы подсчета суммы баллов

На четвёртой странице мы расположили элемент “Формула”, который будем использовать для подсчёта результата. Теперь зайдём в настройки элемента “Формула”, который мы добавили на четвёртую страницу формы. Элемент “Формула” будем использовать для подсчёта баллов, в зависимости от выбранных вариантов ответа в заданных вопросах. Для этого нажмите значок редактирования элемента:

 Настройка формулы подсчета суммы баллов 1

Чтобы тестируемому пользователю не было доступно поле “Формула”, которое будем использовать для расчёта, необходимо скрыть этот элемент(его Вы можете скрыть уже в самом конце настройки формы, когда проверите правильность подсчёта).

 Настройка формулы подсчета суммы баллов 2

Теперь перейдём к самой настройке формулы расчёта. Для этого откройте пункт “Формула расчёта” и перед вами откроется редактор формулы. Внизу кликните “Добавить элемент”:

 Настройка формулы подсчета суммы баллов 3

Выберем из списка первый элемент “Вы у нас мыли машину”:

 Настройка формулы подсчета суммы баллов 4

В редакторе формулы появится первый элемент, который участвует в подсчёте баллов. Мы будем суммировать все значения, поэтому сложим таким же образом все элементы, участвующие в подсчёте:

 Настройка формулы подсчета суммы баллов 5

После того, как добавили все элементы, нажмите шестерёнку справа от элемента:

 Настройка формулы подсчета суммы баллов 6

В первом вопросе у нас ответы “Да” или “Нет”, назначим баллы 1 и 0:

 Настройка формулы подсчета суммы баллов 7

Далее назначим баллы за ответы в других элементах, участвующие в формуле подсчёта:

 Настройка формулы подсчета суммы баллов 8

Настройка вывода результатов тестирования

Добавив необходимые баллы в элементы формулы расчёта, переходим в раздел “Логика”, где добавим логические правила для результатов. Предварительно подсчитав баллы в формуле и решив, что диапазон значений будет соответствовать трём результатам:

  1. Неудовлетворительно — диапазон 0 - 15 баллов;
  2. Удовлетворительно — диапазон 16 - 24 баллов;
  3. Положительно — диапазон 25 и выше баллов.

Теперь реализуем вывод, с помощью логики правил для результатов формы. Зайдите во вкладку "Логика", выберите раздел "Правила для результатов формы" и нажмите кнопку "Добавить правило":

 Настройка формулы подсчета суммы баллов 9

В условии выберем, если значение элемента “Формула” меньше или равно 15:

 Настройка формулы подсчета суммы баллов 10

То установить текст. Мы получаем диапазон 0-15.

Далее, нам нужно сформировать шаблон текстов для 3х результатов. Для этого кликните "Выбрать шаблон":

 Настройка формулы подсчета суммы баллов 11

Откроется список шаблонов, нажмите создать шаблон:

 Настройка формулы подсчета суммы баллов 12

Откроется выбор редактора шаблонов, для примера выбираем "Упрощённый редактор":

 Настройка формулы подсчета суммы баллов 13

Укажем необходимый текст для "Неудовлетворительно". Использовали макросы для вставки имени опрашиваемого и его комментарий. Незабываем сохранить настройки шаблона:

 Настройка формулы подсчета суммы баллов 14

Здесь же мы можем переименовать шаблон, чтобы не запутаться, а также копировать и др.:

 Настройка формулы подсчета суммы баллов 15

Сразу же в списке шаблонов соберём ещё 2 шаблона для оценок "Удовлетворительно" и "Положительно", соответственно, дали названия:

 Настройка формулы подсчета суммы баллов 16

Выбираем шаблон "Неудовлетворительно", который будет использован в логике:

 Настройка формулы подсчета суммы баллов 17

После того, как выбрали шаблон текста, нажимаем кнопку "Сохранить".

Добавляем второе правило для результата "Удовлетворительно", кликнув кнопку "Добавить правило":

 Настройка формулы подсчета суммы баллов 18

Нам нужно получить диапазон ответов 16-24. Для этого необходимо сделать условие, используя логическое И:

 Настройка формулы подсчета суммы баллов 19

В правиле формулу делаем больше или равно 16, добавив условие через логическое "И", формула меньше или равно 24, то установить текст:

 Настройка формулы подсчета суммы баллов 20

Аналогично, выбираем шаблон текста для диапазона "Удовлетворительно", нажав кнопку "Выбрать шаблон". Не забываем нажать кнопку "Сохранить".

Таким же образом, добавляем правило для диапазона баллов "Положительно":

 Настройка формулы подсчета суммы баллов 21

Указываем в правиле, что если Формула будет больше или равно 25, то установить текст. И выбираем шаблон для "Положительного" диапазона:

 Настройка формулы подсчета суммы баллов 22

Не забываем нажать кнопку "Сохранить".

Теперь настроим вывод шаблона на странице благодарности. Заходим во вкладку элементы и откроем иконку справа "Страницы":

 Настройка формулы подсчета суммы баллов 23

В страницах формы необходимо выбрать "Страница успешного заполнения":

Страница успешного заполнения 1

Кликнуть на сообщение об успешной отправке:

Страница успешного заполнения 2

Выберем в “Действии при успешном заполнении формы” - показывать текст на отдельной странице:

Страница успешного заполнения

Страница успешного заполнения 4

Нажимаем сохранить.

Важно! Шаблон по умолчанию в действии об успешной отправке, будет выводится только тогда, когда не будут выполнены правила в логике для результатов формы!

Страница успешного заполнения 5

Т.е. текст на скрине не будет отображаться после заполнения формы в нашем случае, а будут показываться шаблоны результатов, которые мы указали в логике для результатов формы.

Нажав значок просмотра формы, Вы можете просмотреть настроенную форму:

Просмотр формы

Где в тексте, после отправки формы будет выведен результат опроса/тестировании, в нашем случае - как оценили клиенты работу автомойки.

Просмотр формы 2

В разделе "Тема оформления" вы можете выбрать одну из шаблонных тем оформления, которую можно отредактировать под себя.

При необходимости вы также можете настроить отправку результатов тестирование на email адрес пользователю. Для этого нужно в настройках формы активировать "E-mail уведомления для пользователя (автоответчик)". Кроме этого, вы можете настроить отдельные логические правила для email уведомлений и там настроить отдельные шаблоны с результатами в зависимости от суммы баллов.

Надеемся данный материал будет для вас полезным. Оставляйте свои комментарии в форме ниже!

Комментарии
Готовые шаблоны веб-форм
Free

Форма запроса на оценку

Идеально подходит для веб-сайтов оценочных компаний, управляющих объектами, владельцев недвижимости. Подробнее
Gold

CAR

CAR — показатель того, какая часть от всех созданных в интернет- магазине корзин не завершилась покупкой. Другими словами, эта метрика показывает процент пользователей, которые добавили товар в корзину, но не совершили оплату.
$10.00
Подробнее
Platinum

Назовите родные континенты представленных животных

Сможете ли назвать континенты животных, которые представлены на фото? Подробнее
Gold

ROMI

Шаблон представляет собой калькулятор 🧮, позволяющий решать бизнес задачи 💼📊🔍.
$10.00
Подробнее

Закажите разработку формы под ключ

Нет времени разбираться со всеми настройками самому? Не проблема!
Закажите разработку веб-формы у нас