Разработка онлайн-теста в рамках национального проекта
- разработка креативной концепции
- разработка структуры теста
- разработка концепции дизайна
- дизайн и верстка всех страниц
- программирование
- разработка генеративного алгоритма
- сборка сайта
- тестирование и запуск
- Михаил Леликов
- Денис Басевич
- Дима Павлов
- Маша Власова
- Полина Полодьян
- Александр Тимофеев
- Дмитрий Ульмер-Морозов
Постановка целей и задач
В последние несколько лет в России ведётся масштабная работа по научно-технологическому развитию. В 2018 году был запущен национальный проект «Наука», который позднее преобразовали в единый нацпроект «Наука и университеты», а 2021-й и вовсе был объявлен в стране Годом науки и технологий. Одна из главных целей всех этих мероприятий — сделать научную деятельность более привлекательной для талантливой молодёжи и показать ей перспективы карьеры в родной стране. В рамках нацпроекта «Наука и университеты» нам предстояло решить следующую задачу: совместно с коммуникационным агентством UP разработать онлайн-тест, который позволит повысить интерес к науке среди широкой аудитории пользователей.
Сбор информации
По требованиям заказчика тест должен был состоять из двух частей. Первая — общие вопросы на научно-популярные темы, после ответов на которые пользователь узнаёт, в какой сфере науки он может проявить себя максимально успешно. На основе полученного результата подбираются вопросы для второй части теста, в которой происходит более глубокое погружение в конкретную сферу.
В конце тестирования участник получает рекомендации о том, в каких вузах и научных лабораториях России он может направленно использовать и развивать свои знания. Здесь же можно перейти на сайты рекомендованных организаций или поделиться результатами теста в соцсетях.
Создание креативной концепции
Нам нужно было выполнить все требования заказчика по содержанию, но при этом сделать тест, который будет интересен даже далёкой от науки аудитории. Мы разработали несколько уникальных креативных концепций, одна из которых впоследствии и была одобрена клиентом.
Звучит эта концепция следующим образом: пользователь в процессе прохождения онлайн-теста общается с искусственным интеллектом, который задаёт различные вопросы и анализирует полученные ответы. Спустя некоторое время искусственный интеллект узнает достаточно информации для того, чтобы рассказать пользователю, к какой области знаний у него есть предрасположенность.
Реализация
Чтобы сайт с тестом захватывал внимание пользователей с первой секунды, мы решили сделать его полностью анимированным. На странице постоянно присутствует движение, есть реакция на действия мышки и при этом отсутствуют склейки. Для реализации такого сайта мы использовали технологии, которые позволяют сделать так, чтобы вся анимация работала без постоянной перезагрузки страницы.
Искусственный интеллект мы визуализировали в виде пульсирующей сферы, состоящей из мельчайших точек. Фигура постоянно находится в движении и взаимодействует с пользователем. Например, каждому варианту ответа в тесте соответствует определённая иконка, и, после того как пользователь сделает выбор, сфера расширяется и принимает вид соответствующей иконки.
Ещё одной интересной особенностью этого проекта стал генеративный алгоритм, который в режиме реального времени просчитывает и создаёт всю анимацию. То есть на сайте нет предзаписанных видео, которые запускаются в определённом порядке. Это позволяет анимации быстро подстраиваться под любые действия и ответы пользователей.
В результате у нас получился проект с очень ярким и динамичным сайтом. Онлайн-тест в научной тематике мог бы стать скучным опросником в Google-формах, но благодаря нашему подходу тест получил хорошие охваты и вызвал интерес к научной сфере и у студентов, и у школьников. Посмотреть на результат нашей работы, а заодно и узнать, какой ты учёный, можно по этой ссылке.