О проекте

Контекст

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

Проблемы

Из-за роста количества сценариев существующая архитектура перестала помогать пользователям возвращаться к обучению. Это отражалось и в продуктовых метриках: CSI и Sticky Factor снижались. Абсолютные значения находятся под NDA, но отрицательная динамика сохранялась несколько кварталов подряд

Цели проекта

Моей задачей было понять, какие барьеры мешают студентам быстро возвращаться к обучению, и спроектировать архитектуру главного экрана, которая будет масштабироваться вместе с продуктом и новыми сегментами пользователей

Исследования

Кастдев главной страницы

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

Кастдев страницы курса

На той же серии интервью разбирали уже не вход в приложение, а то, как студент ведёт себя внутри курса: что находит сам, а что теряет по пути.

Что говорят пользователи

Реальные слова наших студентов, которые мы услышали на кастдеве

Проектирование

Зачем студенты открывают приложение

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

Гипотезы

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

Гипотеза №1. Настраиваемый хаб

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

Гипотеза №2. Главный экран с маркетинговым баннером

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

Гипотеза №3. Главный экран вокруг календаря

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

Что ушло в тест

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

Тестирование

UX тест главной страницы

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

Результат теста главной страницы

Первый вариант, как настраиваемый хаб, оказался понятнее второго варианта со статичными блокам. Респонденты быстрее определяли, что это за страница, увереннее находили точки входа в другие разделы и увереннее объясняли своими словами, как работает каждый виджет

UX тест страницы курса

Новую страницу курса тестировал на той же группе респондентов. Проверял проверить, насколько хорошо пользователи ориентируется внутри курса

Выводы

Оба теста дали однозначный ответ: первый вариант каждого экрана работает лучше. Пользователи быстрее ориентировались на экранах, точнее находили нужные блоки и уверенно описывали логику виджетов

Работа над UI

От структуры к интерфейсу

Ключевая задача заключалась в переводе проверенной структуры в рабочий UI, устойчивый к маркетинговой нагрузке и к масштабированию продукта

Иерархия виджетов на экране

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

Контнкстная привязка вместо отдельных разделов

Скачанные материалы, календарь быть отдельными холодными разделами. Привязал их к активному курсу вместо того, чтобы выносить в сторону. Это оказалось важнее любого онбординга: как только разделы получили контекст, использование возраслоо, без обучающих подсказок

Результаты

Точные базовые значения метрик защищены NDA компании, поэтому привожу только относительный прирост без абсолютных цифр

Что я узнал

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