Спроектировали интерфейс конструктора курсов LERA

10

минут потратит менеджер на запуск курса

На базе конструктора LERA работает «Академия Красного Креста»

брендинг и фирменный стиль

веб-платформы, приложения

кастдев и исследования

Задача

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

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

Изучили use-cases, чтобы внедрить только полезные функции

кастдев и исследования

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

веб-платформы, приложения

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

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

Придумали универсальный дизайн всех шаблонных страниц конструктора. Он лаконичный и современный. Подойдет для оформления большинства образовательных продуктов.

брендинг и фирменный стиль

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

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