Продолжая тему универсальных сервисов, обратила внимание на интересный инструмент под названием Involve.me.

Этот «многостаночник» умеет многое — создавать викторины, тесты, опросы, конструировать формы обратной связи и небольшие электронные публикации, этакие мини-лонгриды. Причем для работы в Involve.me не нужно быть профи, и работать с этим сайтом очень просто.

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

В нашем распоряжении:

  • 60+ шаблонов.
  • Более 35 шрифтов и стилей оформления.
  • Возможность добавления фото- и видеоматериалов.

Готовую работу можно встроить на любой сайт и в блог. Минус бесплатной версии — не более 100 заполнений и просмотров в месяц, поэтому сервис больше подойдёт для работы с классом или небольшой аудиторией.

Регистрация

Начнём с регистрации. Заходим на сайт сервиса и нажимаем либо кнопку «Register» вверху, либо «Get started for free» внизу.

Как всегда, заполняем форму регистрации. Как обычно, надо указать имя (латиницей), адрес электронной почты и пароль.

Затруднения у меня вызвала графа «Organization». Можно, конечно, вписать название своей школы или библиотеки. А я просто продублировала свой никнейм. Маленькая важность: название «организации» должно быть не занято (в скобках будет написано зелёным «available»), оно будет использоваться в ссылке на нашу созданную в сервисе работу.

Соглашаемся с условиями сайта, подтверждаем своё человеческое происхождение и нажимаем «Register».

Дальше сервис начинает задавать уточняющие вопросы. Для начала просит выбрать из списка то, что мы будем создавать с помощью сервиса. Я выбрала первый попавшийся — опрос (Survey).

Потом меня спросили, зачем я буду создавать опрос.

Конечно, выбрала вариант «Образование». Тогда любопытный сервис поинтересовался, уж не учитель ли я. Поставила «палец вверх».

Дальше стоит заглянуть в почтовый ящик. Там будет письмо от создателей сервиса с просьбой подтвердить аккаунт. Надо нажать на зелёную кнопку «Activate your account». После этого нас перенаправят в личный кабинет. 

Чтобы приступить к созданию чего-нибудь интересненького, нажимаем на кнопку «New Project».

Можно начать работу «с чистого листа», но проще это сделать на основе шаблона. Так что советую выбрать именно этот вариант.

А вот и шаблончики! Много разных, все бесплатные. Рассортированы по категориям. 

Чтобы не брать «кота в мешке», шаблон можно сначала поподробнее разглядеть (Preview), а потом уже использовать (Choose).

Тесты, квизы, викторины

Как всегда, для начала небольшой пример — виртуальный дайвинг «В глубинах Баренцева моря».

Чтобы создать викторину, выбираем в разделе «Quiz» из 39-ти возможных вариантов. Нажимаем «Choose» и открываем шаблон для редактирования. 

Даём название викторине и выбираем вариант для итоговой страницы теста.

«Thank you page» — вариант для обычного теста: на итоговом слайде идёт подсчёт очков и выводится результат — на сколько вопросов участник ответил верно.

«Score-based Outcomes» — вариант для теста с подсчётом баллов и обратной связью: участники могут не только увидеть количество баллов, которое они набрали, но и получить оценку своего результата (например, «отлично», «хорошо», «не очень»).

Вариант «Answer-based Outcomes» подойдёт нам позднее — для создания персонального теста: в этом случае на итоговые слайды будут разные, в зависимости от того, какие варианты ответов выбрали участники.

Нажимаем «Start Editing».

Для начала отредактируем обложку теста. Кликаем по названию — справа открывается окошко для редактирования. В любом блоке можно стирать готовый текст и вписывать свой. Блоки можно удалять (красный крестик в правом верхнем углу) или дублировать (зеленый значок со страничкой в левом верхнем углу). Ещё можно изменить фотографию обложки, загрузив её с ПК — для этого нажимаем на значок с «кисточкой» вверху справа.

Теперь щёлкаем по кнопке, которая запускает тест, и с помощью конструктора, который появится справа, изменяем её название.

Не спешим закрывать панель справа. В ней есть интересная вкладка «Design», которая поможет нам поменять шрифт надписей. Нажимаем её, и открывается такая вот страница. Нужно нажать на кнопку «General design settings».

Можно заняться дизайном всего проекта в целом, а можно снять галочку «Same as project» и выбрать для каждой страницы теста своё уникальное оформление.

Что у нас в наличии из оформительских «фишек»? А в этом разделе много всего «вкусненького», даже на один скриншот всё не поместилось. Так что рассказываю «по частям».

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

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

Ну и наконец, можно специально расположить фоновое изображение как-то по-особому, например, выбрав оригинальный размер (Original size), подогнав его по ширине (Fit Width) или высоте (Fit Height).

Ну вот, с дизайном закончили. Возвращаемся к шаблону. В центре экрана — слайд для редактирования, внизу — миниатюры всех слайдов викторины, для удобства пронумерованные.

Если навести курсор на миниатюру слайда, то появятся три значка, которые помогут копировать слайд, удалить его или дать ему название. Чтобы добавить новый слайд, нажимаем на значок «+». Кстати, блоки можно менять местами, передвигая их «мышью».

Открываем слайд номер 2 и приступаем. Стандартный шаблон для создания квизов называется «Multiplе choice» (есть ещё парочка, но о них позже). 

Обычно состоит из двух блоков: вопрос и варианты ответов.

Щёлкаем по  блоку и приступаем к редактированию вопроса и вариантов ответов. Во вкладке «Content» справа есть все необходимые настройки и поля для заполнения.

К вопросу можно добавить пояснение и подсказку. А варианты ответов расположить в одну колонку или в несколько.

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

  1. Answering continues to next page — обратной связи как таковой нет, участник автоматически переходит к новому вопросу.
  2. Logic jump — переход к определённому слайду в зависимости от ответа (платная опция).
  3. Multiple answers selectable — разрешить выбирать несколько вариантов ответа.
  4. Instant Feedback — моментальная обратная связь: участник видит, ответил он верно или нет, плюс получает небольшое текстовое пояснение по вопросу.
  5. No click behavior — нет обратной связи: нужно выбрать вариант ответа и, чтобы перейти к следующему вопросу, нажать на кнопку «Next» (Дальше).

Если выбрали «Instant Feedback», то появится специальное поле, в которое можно будет вписать текстовое пояснение к вопросу.

Переходим к ответам. По умолчанию шаблон даёт четыре варианта, но можно добавить ещё (Add new). Обязательно отмечаем верный ответ галочкой «Correct». Если мы ранее выбрали опцию «Multiple answers selectable», то правильных ответов (и галочек) будет несколько.

Чаще всего на слайде с вопросом присутствует еще один блок с кнопкой, ведущей к следующему слайду.

Он очень простой, главное — перевести кнопку на русский язык. Можно выбрать, на какую именно страницу будет вести кнопка. По умолчанию ведёт на следующую (Next page). Если выбрать опцию «Page Jump», можно из списка выбрать любой другой слайд.

А если кнопки в шаблоне нет, а её надо добавить? Тогда открываем справа вкладку «Content Elements» и перетягиваем в рабочее поле блок под названием «Button». А дальше щёлкаем по нему и настраиваем, как описано выше.

Давайте посмотрим лучше на другой шаблон для квиза. Называется он «Image Choice«. В качестве вариантов ответов тут будут картинки.

Создаем новый слайд. Открывается вкладка «Content Elements», и мы перетягиваем на рабочее поле шаблон (в первом ряду, посередине).

Щелкаем по блоку «мышью» и начинаем заполнять поля справа. Для начала вписываем вопрос. Если нужно, придумываем пояснение и подсказку.

А потом настраиваем показ картинок: выбираем для них шаблон (в виде сетки, вертикально или горизонтально), определяемся с их формой (квадрат, круг) и разрешаем подписи к ним.

Нажимаем на значок с изображением и загружаем с ПК нужные фотографии, которые и будут нашими вариантами ответа. Верный ответ отметим как «Correct». Верных ответов может быть несколько, если выбрана опция «Multiple answers selectable». Обратная связь здесь такая же, как и в шаблоне «Multiplе choice».

Если нужен дополнительно блок с кнопкой, то их берём его библиотеки «Content Еlements».

Третий шаблон для квиза — самый простой и минималистичный. Это выпадающий список. Называется он «Dropdown» и находится в библиотеке «Content Еlements» в верхнем ряду справа.

Переносим его «мышью» на слайд. На экране всего один блок с вопросом и ответами. Заполняем справа необходимые поля: вопрос, пояснение к нему. Можно перевести на русский текст указание «Select» (Выбери).

Обратная связь здесь немного другая:

  • Answering continues to next page — участник автоматически переходит к новому вопросу;
  • Logic jump (платная опция);
  • Do nothing — обратной связи нет.

С ответами всё ещё проще. Добавляем нужный текст и отмечаем правильный ответ галочкой «Correct».

Если нужен дополнительно блок с кнопкой, то их берём его библиотеки «Content Еlements».

Какие блоки можно ещё добавить на слайды квиза? Заглянем в библиотеку «Content Еlements». Я советую присмотреться к этим: Image (Изображение), Video (Видео), Widget Embed (встраиваемый объект).

Переносим их «мышью» на слайд и настраиваем.

Есть ещё платный блок — «Таймер» (Page Timer). Если он попадётся вам в шаблоне — удаляйте, иначе викторина не сохранится.

Несколько слов о вышеперечисленных блоках. 

Картинки весом до 3 Mb загружаются с компьютера. К ним можно прикрепить ссылку (на следующую / предыдущую страницу). Можно сделать изображение круглым или квадратным, отрегулировать его размер или развернуть на всю ширину блока.

Видео добавляется по ссылке с YouTube или Vimeo.

Встраиваемый объект (презентация, карта и т.д.) вставляются по коду или по ссылке. Дополнительно можно отрегулировать размеры.

Осталось настроить последний слайд с результатами теста.

Если в начале работы мы выбрали итоговую страницу  «Thank you page», то на слайде будет три или четыре блока. Всё, что здесь можно сделать, — это перевести надписи на русский язык. 

Пойдём сверху вниз. Сначала подсчет набранных баллов («Ваш счёт»).

Второй блок — слова благодарности участникам. 

Третий блок — кнопка, которая приглашает пройти тест ещё раз и возвращает на первый слайд.

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

А если мы выбрали вариант заключительной страницы как «Score-based Outcomes»? Тогда действуем немножко по-другому.

Для начала нажимаем на значок- «шестерёнку» внизу.

Сервис предусматривает три варианта оценки: Fail (Провал, неудача), Pass (Средний результат) и Excelent (Отлично). Переводим эти надписи на русский язык, нажав на значок-«карандаш». И устанавливаем, на сколько правильных ответов  «тянет» тот или другой результат. 

В моём примере плохой результат — до 2-х правильных ответов, средний — от 3-х до 4-х. Отлично — это пять правильных ответов.

Дальше щёлкаем по страничкам Fail, Pass и Excelent (внизу) и настраиваем блоки так же, как и в случае с «Thank you page».

Готовым тестом можно полюбоваться с помощью предпросмотра, а потом опубликовать, нажав кнопку «Publish».

Откроются настройки викторины. Советую обратить внимание на основные настройки (General). Здесь можно изменить название и даже адрес публикации и выбрать язык (Russian). Обязательно сохраняем все изменения и нажимаем снова «Publish»

Получаем ссылку на созданную работу. Тут же кнопки для распространения в социальных сетях.

Сервис также предлагает шесть вариантов кода для встраивания на сайт и в блог. Лучше всего подходит вариант «Standart».

Чтобы получить код для встраивания, нажимаем на кнопку «Get embed code» и копируем его в открывшемся окошке.

Опросы

Для создания опроса нам нужен любой шаблон из раздела «Survey». Принцип работы такой же, как и при создании викторины: заменяем содержание блоков и добавляем свои.

Из конструктора «Content Еlements» можно брать любые элементы, в том числе и те, что мы использовали при создании викторины. Как всегда, для начала — пример опроса.

А вот несколько шаблонов, предназначенных специально для создания опросов.

1. Шаблон «Rating» (Рейтинг). Участникам опроса надо оценить по определённой шкале что-то или кого-то. 

Задаём вопрос, даём пояснение (если нужно), определяем шкалу оценивания по форме (звезды, сердечки или «лайки»), количеству (3-5-10 баллов) и по размеру. Можно сделать вопрос обязательным.

2. Шаблон «Slider» тоже служит для оценивания. Только шкала здесь другая: участник должен, передвигая «ползунки» по шкале, высказать своё мнение.

Как всегда, нужно указать вопрос и настроить шкалу для оценивания (чему равен минимум, максимум, чему равен один «шаг» по шкале).

Шкалу можно подписать: для этого выбираем опцию «Custom text» и вписываем текстовые подсказки, которые появятся в начале, в середине и в конце шкалы.

3. Шаблон «Free Text Input». Это форма для «открытых» вопросов. Участники в текстовом поле пишут развернутый ответ на вопрос.

Для ответа можно настроить либо одну строку, либо целое текстовое поле, либо принимать как ответ только цифры.

4. Шаблон «Contact Form» нужен, если ваш опрос не анонимный и вы хотите узнать, кто из участников как ответил. Шаблон состоит из трех частей.

По умолчанию в нем три поля: имя, фамилия, адрес электронной почты. Единственный минус — их нельзя перевести на русский язык или изменить и вписать другие. Обязательные поля помечаем как «Required»

Можно добавить новые поля из выпадающего списка: пол, день рождения, страна и т.д.

Не забываем придумать «Побуждение к действию», например: «Представьтесь, пожалуйста».

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

Третья часть — согласие на предоставление персональных данных. Это обязательное поле. Если выбрать опцию «Popup», можно прописать справочную информацию по этому вопросу, она будет появляться при нажатии на согласие.

На последней странице опроса можно разместить слова благодарности участникам опроса и ссылки на веб-ресурсы (шаблон со ссылками называется «Social links»). Можно добавить ссылки на канал YouTube и на сайт / блог.

Формы

В разделе «Online form» тоже можно найти много интересного. Тут есть формы обратной связи, формы регистрации на мастер-классы, портфолио… Форма обратной связи отлично подойдёт для этапа рефлексии после проведенного урока.

А ещё можно с её помощью создать на сайте библиотеки виртуальную справку или форму для продления книг (правда, помним про лимит — не более 100 заполнений в месяц).

Форма обратной связи очень похожа на опрос. В ней пригодится уже известный шаблон «Free Text Input» (для ответа на вопрос, объяснения проблемы, просьбы продлить книги или выполнить справку).

Но есть ещё один интересный блок, который отлично подойдет для дистанционного обучения. Он называется «File Upload». Это форма, в которой в качестве ответа пользователь может прикрепить файл, загрузив его с ПК. Это же отличный вариант для отправки домашних заданий!

И какие же поля нужно заполнить, чтобы получилась такая форма? Их немного: вопрос (задание), пояснение к нему, побуждение к действию, например: «Перетяните сюда файлы или загрузите с ПК». Далее можно установить количество загружаемых файлов (не более 10) и их размер (до 2 Mb на один файл). Готово!

Мини-лонгриды

Для создания медиапубликации понадобятся шаблоны из раздела «Lead Page». Правда, эти шаблоны скорее всего для создания «посадочной страницы», приглашений и разных коммерческих целей. Но можно выбрать «чистый лист» (Start from scratch) и начать творить на нём. Например, так.

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

  • Заголовок
  • Текст
  • Изображение
  • Изображение + Текст
  • Видео
  • Разделительная линия
  • Встраиваемый объект.

Выбираем любой блок и «мышью» переносим его в рабочее поле.

Это конструктор для добавления заглавия и подзаголовка (Heading).

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

Картинки весом до 3 Mb загружаются с компьютера. К ним можно прикрепить ссылку (на следующую / предыдущую страницу). Можно сделать изображение круглым или квадратным, отрегулировать его размер или развернуть на всю ширину блока.

А это конструктор для добавления текста с картинкой. Дополнительно можно выбрать расположение изображения: слева или справа.

Видео добавляется по ссылке с YouTube или Vimeo.

Встраиваемый объект (презентация, карта и т.д.) вставляются по коду или по ссылке. Дополнительно можно отрегулировать размеры.

Для разделительной линии можно выбрать толщину и ширину блока.

Если в лонгриде предусматриваются опросы или формы для заполнения, то можно настроить заключительную страницу (Thank You page), куда будут перенаправляться участники по окончании этих интерактивностей. Если интерактив не предусмотрен, то можно оставить эту страницу без внимания и опубликовать работу без нее (Publish anyway).

Персональные тесты

И ещё одна интересная вещь — с помощью сервиса Involve.me можно создать персональный тест. Это тест, в котором нет правильных и неправильных ответов. В зависимости от того, как отвечает участник, сервис автоматически причисляет его к одному из нескольких типов. Характеристику своего типа участник получает, ответив на все вопросы. В общем, это что-то из серии «Какой Вы котик?».

Я пошла дальше и создала с помощью сервиса викторину «Какой Вы литературный герой?».

Сделала я это с помощью шаблона «Personality Test».

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

Финальная страница будет называться «Answer-based Outcomes».

Добавляем название теста и нажимаем «Start Editing».

В случае с этим тестом лучше начать с… конца. Сначала прописываем результаты теста.

В готовом шаблоне уже предусмотрено несколько вариантов заключительной страницы. Например, в моём шаблоне было 4 страницы с результатами. При желании можно накопировать и больше.

Открываем каждую страницу и вписываем результат. Можно только текст, можно видео, картинку. Полёт фантазии не ограничен.

Теперь переходим к вопросам. Блоки для создания вопросов — «Multiple Choice» и «Image Choice».

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

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

Статистика и аналитика

Как посмотреть результаты опросов, узнать запросы читателей, получить прикреплённые к опроснику файлы? Для этого идём в личный кабинет (вкладка «Рrojets»), выбираем нужную работу, нажимаем на значок со стрелкой и выбираем из выпадающего списка «Analitics». Вся нужная информация именно здесь.

Кроме получения статистики, с помощью этой стрелки можно просмотреть проект, вернуться к его редактированию или настройкам, удалить.