Дизайн образовательной платформы
Клиент: Образовательная платформа mosdigitals.ru
Задача: Разработать интуитивно понятную платформу для обучения юристов, обеспечив удобный интерфейс для пользователей и административного персонала. Ключевыми целями были создание интерфейсов для управления обучением и успешное тестирование гипотез с помощью UX-исследований.
Результаты: В 2021 году был создан MVP платформы, который с тех пор значительно развился. В 2022 году проект получил статус резидента в ИТ-кластере Сколково и вошёл в реестр отечественного ПО, а в 2023 году перешёл под управление образовательного холдинга Ultimate Education. На 2024 год у платформы уже более 13 000 активных слушателей и 35 образовательных программ.
Проектирование
Компания mosdigitals.ru обратилась к нам для создания образовательной платформы, которая бы позволила юристам проходить обучение онлайн. Платформа должна была поддерживать широкий функционал как для слушателей, так и для кураторов и администраторов.
Мы начали с проектирования интерфейса и информационной архитектуры платформы. Основной задачей было выстроить чёткую иерархию элементов и акцентировать внимание на важных функциональных блоках для каждой роли пользователя. Для этого мы:
Показали иерархию элементов на страницах, чтобы пользователи могли легко ориентироваться.
Разработали интерактивные прототипы и провели UX-тестирование на пользователях для проверки бизнес-гипотез.
На основе результатов тестов выявили слабые места в навигации и интерфейсе, после чего внесли улучшения до начала разработки.
Дизайн-система и UI Kit
Для систематизации работы и упрощения разработки мы создали полную дизайн-систему, которая включала:
Палитру и правила колористики с учётом требований к контрастности. Для удобства использования разработана палитра для тёмной темы, что делает работу с платформой комфортной в любое время суток.
UI Kit основных компонентов: Мы создали набор интерфейсных элементов с учётом всех состояний (нажатие, активность, неактивность). Это упростило работу фронтенд-разработчиков и обеспечило согласованность всех интерфейсов на платформе.
Разработка личных кабинетов
В проекте предусмотрено несколько основных типов личных кабинетов:
Личный кабинет слушателя: Включает дашборд со статистикой и прогрессом по курсам, а также функционал для прохождения занятий и получения достижений. В профиле предусмотрен чат для общения с кураторами и однокурсниками, что усиливает интерактивность обучения.
Личный кабинет администратора: Позволяет управлять пользователями, курсами, учебными группами и системными настройками. Интерфейс полностью адаптивен, что позволяет администраторам работать как на компьютере, так и на мобильных устройствах.
Роли преподавателя и куратора являются урезанной версией администратора, с учётом прав доступа.
Проектирование бизнес-логики
Мы проработали все аспекты взаимодействия кураторов с платформой:
Управление группами и домашними заданиями: Кураторы могут проверять домашние задания, управлять расписанием и вести общение в чате. Это значительно облегчает организацию учебного процесса и делает работу более продуктивной.
Состояния страниц в зависимости от контекста: Мы предусмотрели все возможные сценарии использования страниц, например, состояние после отправки домашнего задания или завершения его проверки куратором.
Визуальная составляющая
Макеты страниц в 4 разрешениях: Мы создали макеты для десктопов, ноутбуков, планшетов и смартфонов, обеспечив полную адаптивность платформы. Это гарантирует, что пользователи могут комфортно работать на любом устройстве.
Интерактивные элементы: Внедрили интерактивные функции, такие как чаты, дашборды и системы уведомлений, чтобы пользователи могли легко взаимодействовать с платформой и вовремя получать важную информацию.
Конкретные результаты
Рост аудитории: С момента создания MVP в 2021 году количество слушателей на платформе достигло 13 000, что свидетельствует о востребованности и успешности платформы.
Оптимизация образовательного процесса: Благодаря удобным личным кабинетам и продуманной бизнес-логике, процесс обучения стал более структурированным и лёгким для всех участников.
Гибкость разработки: Дизайн-система и использование UI Kit позволили быстро вносить изменения и адаптировать интерфейс под новые требования проекта.
Нужна своя образовательная платформа?
Мы можем помочь вам разработать удобную и функциональную образовательную платформу, которая решит ваши задачи. Оставьте заявку на консультацию — мы поможем вам создать платформу для обучения по вашим требованиям.