Typefoms – учимся работать с тестами (часть 2)

typeforms  создание тестаПродолжаем разбираться с программой Typeforms и во второй части посмотрим как использовать настройки. В первой части мы рассмотрели что это за программа Typeforms из чего она состоит и как в ней работать. Разобрали как создавать тесты и рассмотрели пример теста с множественным и одиночным выбором ответов. Также в нашем примере важным является то, что при ответе на вопрос пользователь может сразу узнать верный или неверный ответ. Осталось только разобраться в том, как рассчитываются баллы.

Теперь займемся непосредственной настройкой тестов.

Для этого наводим указатель мыши на первый вопрос и в правой части относительно текста вопроса появятся значки:

typeforms  создание теста

Сейчас нас интересует значок в виде калькулятора, нажимаем на него, чтобы появилось дополнительное окно. Здесь необходимо нажать на кнопку «Add a calculation» (добавить вычисления).

typeforms  создание теста

После нажатия у нас появляется строка, в которой мы должны прописать следующее:

Если пользователь отвечает (if user answers) на данный вопрос, например, Людвиг XIV, т.е. выбирает правильный вариант ответа, тогда добавляем (Add) 1 балл (по желанию можно оценить вопрос и в большее количество баллов) и суммируем его с другими значениями (to the sum of the variable) и в поле указываем Score – общий счет.

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

С помощью кнопки Save сохраняем наши настройки.

настройки typeforms

Снова наводим указатель мыши на первый вопрос и в правой части относительно текста вопроса выбираем первый значок в виде стрелки:

typeforms  создание теста

Открывается дополнительно окно, которое позволяет настроить переходы от одного вопроса к другому. Напомним, что мы создаем такой тест, чтобы при ответе на вопрос появлялось правильно или неправильно был дан ответ.

В окне нажимаем на кнопку «Add a logic jump» (добавить логический переход).

typeforms  создание теста

Заполняем поля: если (if) – выбираем номер вопроса – is – выбираем правильный вариант ответа. А в поле Переход (Jumps to) указываем куда будем в этом случае переходить. То есть мы указали, что если будет выбран правильный вариант ответа на данный вопрос, то мы переходим к страничке «Правильный ответ!» (выбираем из списка). Во всех остальных случаях переходим (In ALL other cases jump to) и указываем страничку «Неправильный ответ!».

Сохраняемся (Save).

typeforms  создание теста

Теперь указываем аналогичные настройки перехода на элементе Правильный ответ. Снова наводим указатель мыши и когда появятся значки выбираем стрелочку.

typeforms  создание теста

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

typeforms  создание теста

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

Нам осталось добавить заключительный элемент.

Для того чтобы добавить заключительный элемент, с помощью мыши переносим элемент Thank You screen  в область Drag & drop custom Thank You screen here

typeforms  создание теста

Возможен такой поворот событий, что при первом создании теста у вас появится вот такое окно:

typeforms  создание теста

Не пугаемся, а нажимаем на кнопку «Try PRO free» и переходим в окно:

typeforms  создание теста

Где нажимаем на «I understand, let’s do this» и ву-аля все заработало. Переносим с помощью мыши элемент Thank You screen  в область Drag & drop custom Thank You screen here.

typeforms  создание теста

В данном окне в левой части заполняем поля. В правой части сразу же отображаются изменения. Итак:

 

  • Image / Video – добавление картинки или видеоролика нажатием на кнопку Upload
  • Text – в раскрывающемся списке «Добавьте переменную» (Add variable) выбираем Score и это поле автоматически встает в текст описания. Таким образом будет появляется набранное количество баллов. Далее пишем сам текст.
  • Share icons – иконки социальных сетей, которые нужны чтобы поделиться с друзьями своими успехами
  • Reload / redirect button – ввести название кнопки, которая позволяет пройти тест заново

 

Сохраняемся (Save).

Для нашего примера нам необходимо сделать три таких заключительных элемента, поскольку мы вывозим на экран разную информацию в зависимости от того сколько баллов набрал пользователь (1-2, 3-4, 5-6).

typeforms  создание теста

Все уже движется к завершению. Наводим указатель мыши на элемент «Вы прошли тест» и в правой части появятся дополнительные элементы, среди которых мы выбираем первый – стрелочку.

typeforms  создание теста

Далее нажимаем на кнопку «Добавить логический переход» (Add a logic jump).

typeforms  создание теста

Здесь мы прописываем, какая будет концовка теста в зависимости от набранных баллов.

Если (if) расчет (Score) равен (is equal to) 1 (в конце указываем количество баллов)

То переходим на (jumps to) из списка выбираем заключительные элементы.

Затем нажимаем зеленый значок «+» и снова прописываем условие перехода, но уже для 2 баллов и т.д.

Заметим, что мы можем выбрать не только условие «равно», но и другие варианты, например, «больше» и указать количество баллов. Это уже зависит от самого теста. После того как все условия прописаны, сохраняемся (save).

typeforms  создание теста

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

СДЕЛАЙТЕ ДОБРОЕ ДЕЛО, ПОДЕЛИТЕСЬ С ДРУЗЬЯМИ

Добавить комментарий


Защитный код
Обновить