Объединение цифровых образовательных платформ

Контекст

У Skyeng несколько брендов: Skysmart для обучения детей и Skyeng для обучения взрослых. Эти бренды и их продукты тесно связаны с точки зрения бизнеса и операций. Однако у них два разных веб-макета для продуктов с одинаковыми пользовательскими целями и сценариями.

Дизайн-лид • Весна 2020 • Skyeng.ru

Old layouts

Проблема

Исторически Skyeng работал с двумя разными макетами, что негативно влияло на пользовательский опыт:

  • Дети вынуждены переходить с детской платформы на взрослую по мере взросления. Этот переход мог бы быть более плавным или незаметным из-за существенных различий между платформами.
  • При переходе на взрослую платформу дети теряют свой прогресс и достижения, потому что у двух платформ разные системы целей и достижений.
  • Семьи, в которых и дети, и родители пользуются Skyeng, сталкиваются с трудностями из-за разных платформ.
  • Поддержка двух версий веб-макета — одной для Skysmart и другой для Skyeng — создаёт сложности. Команде поддержки также приходится вести отдельные базы знаний для обоих макетов продуктов.

Цель

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

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

Мы провели более 10 пользовательских интервью, чтобы понять, как устранить разделение двух платформ. После интервью мы получили инсайты о том, как взрослые и дети используют платформу схожим образом. Было три основных сценария, когда они открывали Skyeng:

  1. Непосредственно перед началом урока.
  2. Когда у них есть свободное время, чтобы сделать и выполнить домашнее задание.
  3. Когда они планируют следующую неделю и хотят перенести уроки.

Решение

Мы решили продолжить работу с детской платформой, потому что:

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

New unified layout

Структура главной страницы

Главная страница содержит несколько ключевых блоков в макете:

  • Навигация по другим подпродуктам, самостоятельному обучению и межпредметная навигация.
  • Расписание, которое показывает все уроки учеников и позволяет отменять, переносить или добавлять новые.
  • Информация о курсе показывает преподавателя и количество уроков на балансе.
  • Сторис для добавления промо, полезной информации и обновлений продукта.
  • И основной виджет прогресса по курсу.

Layout structure

Виджет информации о курсе

Этот виджет адаптируется к типам учеников, предметам и целям. Например, ученики, изучающие английский для удовольствия, не имеют персональной учебной программы. Вместо этого они видят макет с заметным блоком «следующее домашнее задание». Наше исследование показало, что это была основная причина, по которой ученики возвращались на платформу.

Course widget

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

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

Widget variant 2

Widget variant 3

Результаты и влияние

  • Мы перевели 100% учеников на новую единую платформу без снижения показателя NPS.
  • Сократили затраты на разработку и поддержку на 20%.
  • По результатам UX-интервью, 90% взрослых учеников оценили новый макет положительно.