Интерфейс для конструктора образовательных курсов LERA

Главное о кейсе

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

Как проект изменил жизнь пользователей

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

Бизнес-задача и ее решение

Изучили use-cases, чтобы внедрить только полезные функции.
Мы поговорили с пользователями и понаблюдали, как они работают с подобными конструкторами и популярными LMS. Это помогло понять, какие функции используются чаще всего, и спроектировать путь менеджера на платформе.
Позаботились и об удобстве обучающихся. Курсы часто забрасывают из-за запутанного и отпугивающего интерфейса. Мы спроектировали путь ученика на платформе так, чтобы он мог без подсказок проходить по всем ступеням и урокам курсов, видеть свой прогресс, а в конце получить сертификат о прохождении обучения.
Процесс проектирования платформы разбили на итерации и постоянно тестировали гипотезы с помощью юзабилити-тестов. Перед тем, как передать часть готового интерфейса разработчикам из Center-Game, мы убеждались в том, что наше решение работает.

Крафт (мастерство), реализация, технические детали

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Скриншоты