Приложение Нетологии начиналось как простой список курсов. За несколько лет появились корпоративные клиенты, маркетинговые активности и новые форматы обучения. Но главный экран приложения оставался тем же: плоский список без структуры и навигации
Цели проекта
Совместно с командой стратегии и владельцами образовательных направлений договорились, что редизайн должен решать четыре задачи
Усиление платформы
Сделать приложение основной точкой входа в экосистему обучения, а не вспомогательным инструментом
Масштабирование для B2B/B2G
Подготовить инфраструктуру под корпоративных и государственных клиентов
Рост вовлечённости
Повысить частоту возвратов и увеличить время, которое пользователь проводит в обучении
Интеграция маркетинга
Встроить баннеры и промо так, чтобы они не мешали основному сценарию
Этап № 1
Исследования
Провел кастдев
Вместе с продакт-менеджером провели серию глубинных интервью. Интересовало не только то, что студентам не нравится, но и зачем они вообще открывают
Главная страница
Карточки «Продолжить занятия» ведут куда попало
Иногда в пройденный урок, иногда в начало модуля. Пользователи перестали ей доверять и ищут нужный урок вручную
Прогресс ни о чем не говорит
Полоса есть, но непонятно сколько пройдено и сколько осталось. Быстро оценить своё состояние в курсе нельзя
Курсы свалены в одну стопку
Нет сортировки, нет разделения. Найти курс, за который заплатил это отдельная задача
Скачанные и календарь — холодные разделы
Пользователи не зоходят в скачанное и календарь, так как нужн они логически оторваны от курсов
Главная страница
Карточки «Продолжить занятия» ведут куда попало
Иногда в пройденный урок, иногда в начало модуля. Пользователи перестали ей доверять и ищут нужный урок вручную
Прогресс ни о чем не говорит
Полоса есть, но непонятно сколько пройдено и сколько осталось. Быстро оценить своё состояние в курсе нельзя
Курсы свалены в одну стопку
Нет сортировки, нет разделения. Найти курс, за который заплатил это отдельная задача
Скачанные и календарь — холодные разделы
Пользователи не зоходят в скачанное и календарь, так как нужн они логически оторваны от курсов
Что говорят пользователи
??
Сделать приложение основной точкой входа в экосистему обучения, а не вспомогательным инструментом
Подготовить инфраструктуру под корпоративных и государственных клиентов
Подготовить инфраструктуру под корпоративных и государственных клиентов
Встроить баннеры и промо так, чтобы они не мешали основному сценарию
Проанализировали метрики
Параллельно смотрели аналитику: CSI и Sticky Factor&. Данные из обоих источников сложились в одну картину: приложение открывают, но до урока добирается меньше половины
Этап № 2
Формирование гипотез
Гипотеза №1
Главная как настраиваемый хаб. Если дать несколько точек входа и возможность настроить экран под себя — пользователь будет быстрее находить нужное и чаще возвращаться. Маркетинговые баннеры можно скрыть, чтобы не мешали
Гипотеза №2
Хаб со статичным баннером. Та же структура, но верхняя часть отдана под акцентную зону для коммуникаций. Компромисс между навигацией и маркетингом — и потенциально можно развить до сторис
Гипотеза №3
Главная вокруг календаря. Если сделать планирование главным сценарием — у пользователей появится привязка ко времени и причина возвращаться. Никакой кастомизации, строгая структура, статусы курсов на первом уровне
Этап № 3
Валидация гипотез
UX тест главной страницы
Прототип первой гипотезы проверяли на 7 респондентах. Прототип позволил проверить общую логику и иерархию экрана:как пользователи ориентируются, считывают приоритеты и переходят к ключевым действиям.
Впечатление о странице
№ 1
№2
Правильно определили, что за страница
7/7
5/7
Нашли точку входа в другие разделы приложения
7/7
5/7
Сочли удобным сортировку блоков
7/7
5/7
Виджет расписания
№ 1
№2
Нашли этот виджет
7/7
5/7
Правильно предположили как работает этот виджет
7/7
5/7
Подтвердили, что этот виджет им необходим в обучении
7/7
5/7
Виджет уведомлений
№ 1
№2
Нашли этот виджет
7/7
5/7
Правильно предположили как работает этот виджет
7/7
5/7
Подтвердили, что этот виджет им необходим в обучении
7/7
5/7
Виджет последней активности
№ 1
№2
Нашли этот виджет
7/7
5/7
Правильно предположили как работает этот виджет
7/7
5/7
Подтвердили, что этот виджет им необходим в обучении
7/7
5/7
UX тест страницы курса
Прототип первой гипотезы проверяли на 7 респондентах. Прототип позволил проверить общую логику и иерархию экрана: как пользователи ориентируются, считывают приоритеты и переходят к ключевым действиям
Виджет последней активности
№ 1
№2
Нашли этот виджет
7/7
5/7
Правильно предположили как работает этот виджет
7/7
5/7
Подтвердили, что этот виджет им необходим в обучении
7/7
5/7
Выводы
Вариант №1 победил по всем показателям: пользователи быстрее ориентировались, точнее находили нужные блоки и выше оценили экран — 8,8 против 7,1. Взяли его за основу без структурных изменений.