Главная страница
Главная страница мобильного приложения — это ключевой навигационный хаб помогающий студентам на протяжении всего процесса обучения
Команда
Product designer, Product manager, Front-End, Back-End
Product designer, Product manager, Front-End, Back-End
Длительность
4 месяца
4 месяца
Моя роль
Product designer, UX-research
Product designer, UX-research
Метрики
CSI, Sticky Factor
CSI, Sticky Factor
До редизайна
Проблема
Платформа выросла: появились новые курсы, корпоративные клиенты, маркетинговые активности. Главная страница за этим не успевала — она по-прежнему была просто списком курсов без внятной точки входа
Бизнес цели
Совместно с командой стратегии и владельцами образовательных направлений договорились, что редизайн должен решать четыре задачи:
Усиление платформы
Сделать приложение основной точкой входа в экосистему обучения, а не вспомогательным инструментом
Сделать приложение основной точкой входа в экосистему обучения, а не вспомогательным инструментом
Рост вовлечённости
Повысить частоту возвратов и увеличить время, которое пользователь проводит в обучении
Повысить частоту возвратов и увеличить время, которое пользователь проводит в обучении
Масштабирование для B2B/B2G
Подготовить инфраструктуру под корпоративных и государственных клиентов
Подготовить инфраструктуру под корпоративных и государственных клиентов
Интеграция маркетинга
Встроить баннеры и промо так, чтобы они не мешали основному сценарию
Встроить баннеры и промо так, чтобы они не мешали основному сценарию
01
ИССЛЕДОВАНИЕ
Собрали и структурировали данные о текущем состоянии продукта. В основе — кастдев и анализ ключевых метрик
Кастдев
Вместе с продуктом провели серию глубинных интервью, где изучали не только реакцию на текущий дизайн, но и контекст использования приложения: когда и зачем его открывают
Уведомления живут в почте или массенжере, а не в приложении
Центра уведомлений нет — люди идут туда, где привыкли их видеть. Сами уведомления воспринимаются как ненадёжные и забагованные
Центра уведомлений нет — люди идут туда, где привыкли их видеть. Сами уведомления воспринимаются как ненадёжные и забагованные
Кнопка «Продолжить обучение» не работает
Пользователи перестали на неё нажимать, так как она ведёт куда попало: в пройденный урок, в начало модуля, а иногда в рандомное место. Большинство научились искать нужный урок вручную
Пользователи перестали на неё нажимать, так как она ведёт куда попало: в пройденный урок, в начало модуля, а иногда в рандомное место. Большинство научились искать нужный урок вручную
Прогресс есть, но он ничего не говорит
Полоса пргреса отображается, но непонятно сколько уже пройдено и сколько осталось. Быстро оценить своё состояние в курсе — нельзя
Полоса пргреса отображается, но непонятно сколько уже пройдено и сколько осталось. Быстро оценить своё состояние в курсе — нельзя
Переключение между курсами — отдельная боль
Шторку переключения находили не сразу: часть пользователей вообще не знала о её существовании, часть — не могла вызвать с первого раза
Шторку переключения находили не сразу: часть пользователей вообще не знала о её существовании, часть — не могла вызвать с первого раза
Метрики
Данные из аналитики подтвердили то, что мы услышали на интервью. Всё вместе давало чёткую картину: приложение открывают, но оно не удерживает. Не потому что контент плохой — а потому что добраться до него слишком сложно.
CSI держался на уровне 3,6 из 5
Основные претензии в открытых ответах — навигация и непредсказуемость кнопки «Продолжить»
Основные претензии в открытых ответах — навигация и непредсказуемость кнопки «Продолжить»
Sticky Factor — около 22%
Меньше четверти пользователей возвращались в приложение регулярно. Остальные открывали его только по внешнему триггеру — письму или сообщению в Telegram
Меньше четверти пользователей возвращались в приложение регулярно. Остальные открывали его только по внешнему триггеру — письму или сообщению в Telegram
Глубина сессии — 1,8 экрана
Пользователи заходили, не находили нужное быстро и уходили. До урока добирались меньше половины от тех, кто открыл приложение
Пользователи заходили, не находили нужное быстро и уходили. До урока добирались меньше половины от тех, кто открыл приложение
02
Формирование гипотез
После анализа стало ясно: проблемы носят системный характер. Точечными правками не обойтись — нужна пересборка логики экрана. Сформулировали три гипотезы
Гипотеза №1
Главная как настраиваемый хаб. Если дать несколько точек входа и возможность настроить экран под себя — пользователь будет быстрее находить нужное и чаще возвращаться. Маркетинговые баннеры можно скрыть, чтобы не мешали
Гипотеза №2
Хаб со статичным баннером. Та же структура, но верхняя часть отдана под акцентную зону для коммуникаций. Компромисс между навигацией и маркетингом — и потенциально можно развить до сторис
Гипотеза №3
Главная вокруг календаря. Если сделать планирование главным сценарием — у пользователей появится привязка ко времени и причина возвращаться. Никакой кастомизации, строгая структура, статусы курсов на первом уровне.
03
Тестирование и валидация гипотез
На коридорном тестировании сравнили варианты. Быстро стало понятно: хаб с точками входа сверху и виджетами ниже считывается лучше всего
UX тест
Прототип первой гипотезы проверяли на 7 респондентах. Прототип позволил проверить общую логику и иерархию экрана:
как пользователи ориентируются, считывают приоритеты и переходят
к ключевым действиям.
как пользователи ориентируются, считывают приоритеты и переходят
к ключевым действиям.
Быстрый доступ к ключевым разделам
Виджет объединяет основные разделы приложения и помогает пользователю быстро перейти к нужному сценарию без поиска по экрану. Точки входа формируют понятную верхнеуровневую навигацию и задают структуру всей страницы
Виджет объединяет основные разделы приложения и помогает пользователю быстро перейти к нужному сценарию без поиска по экрану. Точки входа формируют понятную верхнеуровневую навигацию и задают структуру всей страницы
01
Возврат к последнему материалу
Виджет показывает последний урок или модуль, на котором пользователь остановился. Он позволяет продолжить обучение в один клик, снижает количество лишних действий и возвращает доверие к функции продолжения обучения
Виджет показывает последний урок или модуль, на котором пользователь остановился. Он позволяет продолжить обучение в один клик, снижает количество лишних действий и возвращает доверие к функции продолжения обучения
01
Всё значимое — в одном месте
Виджет собирает ключевые уведомления, связанные с обучением: дедлайны, изменения в курсах и важные сообщения. Это помогает пользователю не пропускать критичную информацию и снижает зависимость от внешних каналов.
Виджет собирает ключевые уведомления, связанные с обучением: дедлайны, изменения в курсах и важные сообщения. Это помогает пользователю не пропускать критичную информацию и снижает зависимость от внешних каналов.
01
События и дедлайны во времени
Виджет отображает все учебные события, привязанные ко времени: занятия, дедлайны и напоминания. Он помогает пользователю планировать обучение и лучше ориентироваться в ближайших активностях
Виджет отображает все учебные события, привязанные ко времени: занятия, дедлайны и напоминания. Он помогает пользователю планировать обучение и лучше ориентироваться в ближайших активностях
Выводы
Как итог, структура считывается без объяснений, иерархия понятна, а основные сценарии люди проходят сами
04
Финальная сбора и работа над UI
После тестирования перешёл к финальному экрану. Концептуально ничего не менял — фокус был на точности иерархии и визуальной согласованности
05
Результаты
После внесённых изменений в дизайн главного экрана мы провели анализ ключевых метрик, чтобы оценить влияние редизайна. Результаты рост по всем основным показателям:
CSI
Sticky Factor
