Больше трёх лет пользуюсь Skyeng. За это время у меня появилась идея редизайна веб-платформы. Сперва поймём направление развития компании, потом выявим проблемы и посмотрим как это можно решить.

Что хочет Skyeng?

В 2020 году Skyeng провёл ребрендинг и объединил образовательные продукты в единую экосистему. Таким образом появились продукты: Skysmart, Skypro и Skyteach.

То есть уже в 2020 году Skyeng мыслит не одной школой, а системой образовательных продуктов.

Текущее состояние

Skyeng имеет вполне приятный минималистичный интерфейс. Однако за лаконичным UI скрываются UX-проблемы, которые становятся заметны в ежедневном использовании.

UX-аудит

1. ~400 px первого экрана отданы под промо-карусель и сервисные элементы. Они необходимы, однако визуально конкурируют с главной задачей пользователя: продолжить обучение.

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

2. Ключевой учебный блок расположен ниже и из-за одинакового визуального решения теряется среди расписания и второстепенной информации.

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

Проблемы

1. Интерфейс не возвращает в учебный фокус. Вместо того чтобы ответить на вопросы «на чём я остановился?» и «что мне делать сейчас?», интерфейс отдаёт внимание второстепенным элементам.

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

3. Сохранённые материалы с занятий хранятся разрозненно и это потом усложняет их поиск и повторение.

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

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

Уведомления

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

Список событий

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

Навигация под панелью событий продолжает учебный сценарий и выводит ранее скрытые разделы.

Промо-карусель заменил на ленту «События». Она может содержать ролики, новости, рекомендации, анонсы клубов и курсов — так контент остаётся внутри учебной среды, но не мешается.

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

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

Авторские курсы

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

SkyAward

Skyeng уже награждает лучших преподавателей. После открытия платформы для независимых авторов SkyAward можно расширить на всю экосистему: собственные продукты, авторские курсы и образовательные проекты. Это усилит авторитет платформы, привлечёт новых участников и со временем может стать знаком качества в онлайн-образовании.