Образовательная программа для детей Oceanautica

О проекте

Онлайн-платформа, где дети изучают теоретические основы дайвинга, медицины, подводной техники, подводной археологии и робототехники. По итогам обучения дети с лучшими результатами отбираются для участия в тематической смене в детском оздоровительном лагере «Орлёнок».

Этапы программы

Регистрация
Анкета
Обучение и тесты
Результаты

Проект — финалист государственной премии «За верность науке»

Отмечен медалью Министерства образования и науки Российской Федерации

6: лет работы
6 000+: детей получили теоретические знания
600: детей получили практические навыки

Сложности

Проект развивался 5 лет без UX‑экспертизы: усилия разработки уходили на текущие задачи и поддержку проекта только в активной фазе. Теперь у команды появился ресурс, чтобы провести исследование и устранить слабые места интерфейса.
Существующей UI‑библиотеки не хватало, чтобы закрыть все потребности.
По закону персональные данные должны предоставлять родители, а проходить обучение — сами дети. Все сценарии происходили в одном аккаунте, и родителям было неудобно пользоваться веб‑приложением: у них может быть несколько детей, и приходилось переключаться между аккаунтами. А дети получали уведомления, которые им не нужны.
На первых этапах программы служба поддержки была перегружена обращениями по поводу регистрации и анкеты.

Цели

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

Проанализировать пользовательский опыт обучения.

Провести ревью, чтобы найти несоответствия и возможности улучшить UX.

Как единственный дизайнер в проекте

я провела интервью со стейкхолдерами, выявила и проанализировала боли, требования и скоуп этой итерации;
тесно работала с бизнес-аналитиком и командой разработки;
построила user flow, чтобы выявить новые сценарии, и создала концепции;
регулярно презентовала решения бизнес-стейкхолдерам и команде разработки;
подготовила дизайн-документацию и обновила UI kit проекта.

Результаты

Аккаунты

До

Родители и дети, у которых совершенно разные задачи, были вынуждены пользоваться одним общим аккаунтом. Это усложняло работу обоим типам пользователей. К тому же в этом аккаунте не было информации, которая была бы интересна именно родителям или именно детям. Отдельно отмечалось, что родителям важно следить за прогрессом и баллами своих детей.

После

Я разделила сценарии для родителей и детей — у каждого теперь свой личный кабинет. Родители могут добавить в свой дашборд нескольких детей и следить за их прогрессом в программе. В дашбордах детей появились новые функции: «детализация баллов» за тесты и достижения — это помогло сократить количество обращений в поддержку. Систему статусов расширили, и процесс стал понятнее.

Анкета

До

Первичная анкета создавала пользователям множество проблем: при ограниченном времени и числе попыток родителям нужно было отдельно отправлять каждый из 5 шагов анкеты с разными данными; если какой-то шаг не проходил проверку, поддержка присылала родителю инструкцию, как исправить ошибку (вся коммуникация по проблемам шла через email). Часть вопросов в анкете была адресована детям. Родители допускали ошибки (например, при вводе адреса в формате, который проходит валидацию поля).

После

Я сделала анкету гибкой, в 1 шаг, и пересмотрела набор запрашиваемых данных. Разные профили позволили разделить вопросы для родителей и детей. Это также снизило нагрузку на поддержку: с анкетой в 1 шаг специалист проверяет её целиком, со всеми заполненными данными, и может оставлять комментарии прямо рядом с полями. По словам специалистов поддержки, обрабатывать данные тоже стало проще.

Обучение и тесты

До

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

После

Я объединила лекции и тесты в один таймлайн и изменила его стилистику, чтобы показать прогресс: ученику больше не нужно переключаться между страницами, чтобы перейти к следующему шагу. Также я вывела баллы за каждый тест прямо в список шагов, чтобы ученики видели результат по каждому тесту. Мы изменили расположение кнопок «назад/далее», и это помогло на 90% сократить случайные закрытия теста.

Награды и немного веселья

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

Фанатская атрибутика для соревнований подводных роботов

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

Вот пара комплектов:

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