Skip to main content

Образовательная платформа нового поколения

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

Visit website
  • Арт-дирекшн
  • UX и UI дизайн
  • Фронтенд-разработка
  • Моушн-дизайн
The aero lesson builder app dragging an audio component into a screen about plant cells.

Проблема

В 2017 году Smart Sparrow начала проект по созданию совершенно новой платформы с нуля, чтобы стать самым мощным инструментом для преподавателей для создания интерактивных онлайн-курсов. Старая платформа была построена на Flash, и в процессе её переноса на Javascript возник ряд проблем с пользовательским опытом. Основными целями проекта были уменьшение барьеров для сотрудничества и создание платформы, которая была бы одновременно проще для новых пользователей, но с большим пространством для масштабирования для опытных пользователей.

Набор компонентов dark для дизайн-системы Aero

Дизайн-система Aero

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

Главная страница сайта документации дизайн-системы Aero со ссылками на принципы и компоненты.

Документация дизайн-системы

Дизайн-система бесполезна, если никто не знает, как ею пользоваться, поэтому мы собрали подробный веб-сайт с документацией, охватывающий принципы, UX, доступность и рекомендации по компонентам для дизайнеров и инженеров, работающих с системой.

Драматический вид океана с лавой, формирующей новый сухопутный массив.

Моушн-дизайн

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

Поддержка адаптивности

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

Редактор в стиле раскадровки с перетаскиванием для создания адаптивного урока.

Расширяемая экосистема плагинов, доступная каждому

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

Параметры конфигурации для компонента.
Параметры конфигурации для текста.

Образовательный опыт нового поколения

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

Интеграция 3D в обучение

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

Интерактивность

Учащиеся могут быть направлены к определённым частям модели с отображением подписей. Они также могут кликать и перетаскивать для вращения вокруг и свободного исследования в любое время.

Анимация

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

Результаты проекта

В конечном итоге проект был успешным после того, как Smart Sparrow и платформа Aero были приобретены Pearson в 2020 году для создания основы их платформы обучения следующего поколения.