LightLogo
Проект

Геймификация эдтех-платформы

Внедрили игровые механики на образовательную платформу с потоком до 8 000 пользователей в день
Ссылка на проект
Платформа SMITUP
Дата
2024
Экспертизы
Аналитика
Дизайн
Проектирование
Игровые механики
Тип продукта
Веб дизайн
Порталы и сервисы
Личный кабинет
Отрасль
Образование

Клиент

Наш заказчик — онлайн-школа подготовки к ЕГЭ SMITUP. С компанией работаем уже 3 года. За это время с нуля разработали и внедрили образовательную платформу, в которой можно смотреть уроки, выполнять домашние задания и готовиться к экзаменам. Внутри сервиса — более 100 курсов разного формата по 8 предметам.
С этим проектом мы одержали победу на ключевом диджитал-конкурсе Tagline Awards — получили бронзу за «Лучшую образовательную платформу». А еще стали финалистами не менее масштабной премии G8 в номинации «Рост», где жюри оценивали вклад веб-сервисов в развитие бизнеса.
Сервисом каждый день пользуются от 5 000 до 8 000 школьников — платформа помогает успешно подготовиться к экзаменам и поступить в лучшие вузы страны.

Задача

Предстояло внедрить геймификацию в образовательный процесс платформы SMITUP. 
Мы с клиентом постоянно работаем над улучшением продукта — увеличиваем производительность, устраняем баги, добавляем новые фичи. Все для того, чтобы создать идеальный пользовательский опыт и сделать обучение максимально комфортным.
После первого релиза сервиса были покрыты все основные функции. Для учеников мы добавили просмотр уроков, выполнение домашних заданий, конспекты, дневник и даже дашборд, чтобы не пропустить ни один дедлайн.
Для кураторов сделали проверку заданий и журнал. А еще облегчили работу методистов — для них создали конструктор курсов, который позволяет быстро собрать любую программу: от экспресс-марафона до полноценного обучения на полугодие или год.
Еще на старте проекта сформировали бэклог доработок, и следующим большим шагом после основного релиза стала игрофикация.
В эдтехе игровые механики очень популярны, они помогают решить следующие задачи:
  • повысить вовлеченность и улучшить результаты учеников;
  • стимулировать чаще заходить на платформу и стараться на лучший результат;
  • вызвать приятные эмоции от взаимодействия с сервисом и, соответственно, от бренда;
  • дополнительно мотивировать оставаться в онлайн-школе за счет привязки к достигнутым результатам.

Решение. Как проходило внедрение геймификации

На основе модели Ю-Кай-Чоу и результатов опроса 1 000 учеников онлайн-школы отобрали наиболее интересные и мотивирующие учеников SMITUP инструменты игрофикации: систему уровней и достижений.
Далее продумали логику повышения левелов и получения ачивок. Дизайнеры создали макеты для нового функционала — на этом этапе особое внимание уделили отрисовке игровых иконок.
С технической стороны сделали под игрофикацию отдельный бэк. Для учета действий пользователей проработали систему логирования и сбора необходимых данных. И, конечно, сверстали и зарелизили новый раздел, чтобы ученикам было еще интереснее выполнять задания и смотреть уроки. 

Ключевые инсайты аналитики

Наши аналитики изучили игровые механики на эдтех-рынке и провели масштабное исследование пользовательского опыта. 
В основе геймификации обучения лежит система Ю-Кай-Чоу. Она базируется на 8 видах потребностей, которые мотивируют включаться в процесс и активнее взаимодействовать с интерфейсом.
Октализ Ю-Кай Чоу
Игровые механики воздействуют на различные стимулы, и это пробуждает интерес. Например, левелы и ачивки, которые мы внедрили на платформе, работают на следующие триггеры:
  • развитие и успех (ачивка и новый уровень как подтверждение роста и награда за хороший результат)
  • контроль («Если выполню эти действия, то получу особый статус»)
  • эксклюзив («У меня собственная коллекция наград»)
  • обладание («Хочу заполучить этот уровень»)
  • гештальты («Хочу собрать все достижения и достичь максимального уровня»)
Мы провели опрос среди 1 000 учеников SMITUP, которые занимались в том числе на других образовательных платформах.
По мнению респондентов, игровые механики действительно пробуждают азарт и интерес к учебе, однако не все из них вызывают положительные эмоции. Например, многие ответили, что рейтинги и сравнение с другими учениками расстраивает их.
Часть отчета по проведенному опросу
В топе самых интересных фич оказались: 
  • система уровней;
  • система достижений;
  • статистика и шкала прогресса;
  • интерактивы и мини-игры в заданиях;
  • персонаж-помощник;
  • начисление внутренней валюты;
  • кастомизация интерфейса.
Идею с уровнями и достижениями поддержали больше всего респондентов — за них проголосовали 606 и 579 учеников соответственно. Плюс эти инструменты покрывают почти все стимулы по Ю-Кай Чоу, а значит, смогут обеспечить наиболее высокую силу мотивации. Поэтому в качестве ключевых элементов геймификации решили взять систему уровней и систему достижений.
Результаты опроса 1 000 учеников SMITUP

Система уровней

Самые залипательные игры — те, где надо прокачивать персонажа. На нашей платформе ученики сами становятся героями, которые переходят с одного уровня на другой и покоряют «босса» в виде ЕГЭ.
Мы разработали систему из 36 уровней. Чтобы повысить левел, ученик должен посмотреть определенное количество уроков и выполнить нужное количество заданий — это ключевые критерии прогресса по курсу. Для присвоения уровней на бэке добавили функционал, который собирает данные пользователя и рассчитывает левел по специальной формуле.
У SMITUP широкая линейка курсов, и на платформе ученик может проходить сразу несколько предметов. В этом случае прогресс будет отслеживаться отдельно по каждой программе. Полученные уровни отображаются на общей странице игрофикации.
Систему уровней отразили в виде карты. Это создает ассоциацию с приключениями и квестами. У каждого уровня — своя иконка и уникальное тематическое название, например: «Укротитель ЕГЭ», «Герой SMITUP», «Лаборант». Такие формулировки еще больше погружают в атмосферу обучения.

Достижения

Достижения или ачивки — это награды за выполнение определенных действий. Ключевое в их проработке — данные и действия пользователя, которые учитываются в системе. 
В нашем случае это:
  • количество просмотренных уроков;
  • выполнение домашних заданий;
  • время посещения платформы;
  • выполнение прочих действий (заполнение профиля, вход в базу знаний) и проч.
Сложность в том, что исходя из набора довольно стандартных действий нужно было придумать нескучные и разнообразные ачивки, которые порадуют учеников. Всего сгенерировали 25 креативных достижений.
В нейминге искали забавные аналогии и отсылки, чтобы подбодрить ребят. Например, за просмотр 5 уроков вручаем статус «Преданного зрителя». А за просмотр урока в записи дается ачивка «Назад в будущее».
Важная часть здесь — иконки. В геймификации образования визуал должен вызывать эмоции и поднимать настроение, особенно в момент похвалы и новости о достижении.
avatar
Карина Скородинская
ex-дизайн-лид
Так как основная аудитория SMITUP — ребята 16-17 лет, мы решили уйти в милый и отзывчивый стиль. У объектов на картинках плавные формы, в меру яркие оттенки и интересные детали: крылышки, короны, палец вверх, облака, сердечки, флажки. Наши иконки вызывают ассоциации с мягкостью, комфортом, уютом и поддержкой. 
Каждой иконке добавили анимацию для дополнительного взаимодействия с пользователем. Такой визуал создает ощущение праздника или вручения подарка в особой атмосфере.

Персонаж

Cоздали друга, который поддерживает учеников мотивирующими фразами. Персонаж разработан все в той же мягкой и дружелюбной стилистике.
Из-за формы и цвета команда ласково прозвала его Фасолинкой :) 
У персонажа большой потенциал. В бэклоге лежит идея кастомизации, например, его можно будет одевать, выбирать цвет кожи и давать имя. Еще Фасолинка может стать полезным как помощник ученика — от имени персонажа можно рассылать уведомления или добавить его на этап онбординга, когда пользователь знакомится с платформой.
Как может выглядеть кастомизация персонажа
А если идти еще дальше, то можно сделать персонажа маскотом бренда и добавить коммуникацию от его имени в маркетинг и SMM.

Игрофикация и текущий интерфейс

Функционал продукта постоянно расширяется, и задача дизайнеров — органично вписать в интерфейс новые разделы и возможности.
Еще на старте разработки сервиса мы создали подробный UI-Kit и дизайн-систему. С ними было легко спроектировать раздел игрофикации, а также подобрать стилистику и структуру для ее страниц.
Сначала разработали прототипы, на которых отразили функционал системы уровней и достижений.
Далее приступили к макетам. За основу взяли текущую цветовую гамму, паттерны, кнопки, поля и оформление блоков.
Разработка продуктов отличается гибкостью — команда может менять решения, фокус и пробовать разные гипотезы. Так было и в нашей игрофикации — во время работы решили сместить акцент с персонажа и уделить больше внимания ачивкам и уровням. Поэтому в процессе макет раздела несколько раз менялся.
Новым атрибутом интерфейса стали игровые иконки. В них мы отошли от пастельных тонов и позволили себе более яркие, но все же не выбивающиеся из общего визуала цвета. Добавили плавную анимацию, а в стилистике придерживались настроения платформы: уют, комфорт, поддержа, мягкость.
Кроме нового раздела игрофикацию нужно было отразить в конструкторе, где методисты собирают обучающие программы. Для этого добавили специальный тумблер на этапе создания курса.
Чтобы интегрировать игрофикацию в пользовательские пути, создали модальные окна и сообщения с отображением ачивки и уровня. Они появляются на экране в момент присвоения награды.

Фидбэк учеников

Согласно опросу клиента, средняя оценка удобства платформы учениками равняется 90%. А вот цитаты из отзывов в социальных сетях SMITUP — пользователям нравится наш личный кабинет :)

Отзыв клиента

avatar
Эля Смит
Основатель, CEO SMITUP
После запуска платформы актуальный пул задач можно разделить на два блока. Первый блок — разработка новых фич для пользователей. Второй блок связан с поддержкой текущей функциональности и решением багов. Команда работает не просто как «исполнитель», а активно участвует в дискуссиях и обсуждениях, как улучшить сервис, чтобы пользователю было удобно. Наши пользователи постоянно отмечают удобство платформы, наличие всего, что им необходимо для работы, и приятный дизайн. Многие говорят, что выбрали именно SMITUP, потому что наша платформа выделяется среди конкурентов. Мы можем рекомендовать команду разработки Атвинты для тех, кто хочет развивать свой продукт!

Итоги

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