О проекте
Приложение Нетологии запускалось как обычный каталог курсов и его архитектура не менялась годами. Продукт обзавёлся корпоративными клиентами и новыми форматами обучения
Проблемы
Приложение Нетологии запускалось как обычный каталог курсов и его архитектура не менялась годами. Продукт обзавёлся корпоративными клиентами и новыми форматами обучения
Цели проекта
Совместно с командой стратегии и владельцами направлений договорились, что редизайн должен решать четыре задачи
- Усиление платформыСделать приложение основной точкой входа
в экосистему обучения, а не вспомогательным инструментом - Масштабирование для B2B/B2GПодготовить инфраструктуру под корпоративных
и государственных клиентов - Рост вовлечённостиПовысить частоту возвратов и увеличить время, которое пользователь проводит в обучении
- Интеграция маркетингаВстроить баннеры и промо так, чтобы они не мешали основному сценарию
Исследования
Прежде чем переходить к решениям — разобрались, где именно продукт ломается. На этом этапе мы собрали и структурировали входные данные о текущем состоянии продукта. В основе — отзывы курьеров и аналитические данные
Кастдев
Провели глубинные интервью вместе с продакт-менеджером. Спрашивали не только что раздражает, а зачем студент вообще открывает приложение
Что говорят пользователи
Реальные слова наших студентов, которые мы услышали на кастдеве
Анализ метрик
Аналитика (CSI и Sticky Factor) показала одно: приложение открывают, а до урока доходит меньше половины
Проектирование
?
User flow
За каждым заходом в приложение стоит конкретная ситуация. Мы выделили четыре основных сценариев и проектировали под них
JTBD
За каждым заходом в приложение стоит конкретная ситуация. Мы выделили четыре основных сценариев и проектировали под них
- Учиться офлайнЕду без интернета — хочу открыть скачанные материалы сразу, а не искать их по разделам
- Не потеряться в курсахУчусь на нескольких программах одновременно — хочу быстро найти нужную, не листая весь список
- Не пропустить важноеХочу получить уведомление о новом модуле или дедлайне вовремя, а не узнавать об этом случайно
- Спланировать обучениеХочу видеть расписание занятий прямо в курсе, а не переключаться между разделами ради одной даты
Гипотеза № 1
Несколько точек входа и возможность собрать экран под себя
Гипотеза 2. Хаб со статичным баннером
Та же структура, но верхняя часть экрана отведена под акцентную зону для коммуникаций, компромисс между навигацией и маркетингом с потенциалом развития до сторис
Гипотеза 3. Главная вокруг календаря
Если сделать планирование основным сценарием, у пользователей появится привязка ко времени и дополнительный повод возвращаться. Структура строгая и без кастомизации
Тестирование
Прототипы тестировали на 7 респондентах. Проверяли общую логику и иерархию экрана: как пользователи ориентируются, считывают приоритеты и переходят к ключевым действиям
UX тест страницы курса
Страницу курса тестировали на тех же 7 респондентах. Задача была проверить, насколько хорошо пользователь ориентируется внутри курса и замечает ключевые виджеты
Выводы
Оба теста дали однозначный ответ: первый вариант каждого экрана работает лучше. Пользователи быстрее ориентировались на экранах, точнее находили нужные блоки и уверенно описывали логику виджетов
Работа над UI
Ключевая задача заключалась в переводе проверенной структуры в рабочий UI, устойчивый к маркетинговой нагрузке и к масштабированию продукта
Результаты
CSI вырос с 3.2 до 4.6. Рейтинг в Rustore поднялся с 3.1 до 4.2 без единой маркетинговой акции. Но главный результат не только в цифрах. Модульная структура главного экрана дала продукту запас прочности для роста
Что я узнал
Этот проект изменил то, как я думаю об экранах с навигацией. Самые важные инсайты пришли не из аналитики, а из наблюдения за тем, как реальные студенты теряются в простых сценариях
- Студенты учатся нелинейноОни прерываются на недели, возвращаются в середину курса, прыгают между модулями. Главный экран должен всегда отвечать на один вопрос: «Где я сейчас?» — и держать в контексте всё, что связано с активным курсом
- Контекст очень важенСкачанные, календарь и уведомления казались холодными разделами. Они стали живыми, когда мы привязали их к активному курсу, а не вынесли отдельно. Никакого онбординга не понадобилось — использование выросло само
- Нужна синхронизацияСтуденты переключаются между устройствами в середине курса. Если состояние не синхронизировано — доверие к приложению падает
- Масштабируемость начинается со структурыПрежде чем добавлять новые разделы, экран нужно было привести к чёткой иерархии. Модульная раскладка, которую мы выбрали, стала основой для роадмапа следующих двух кварталов
