Grandclass. Платформа для проведения онлайн-обучения
Анализ аудитории, проектирование взаимодействия, создание визуального дизайна
Задача
Редизайн существующей версии платформы. Улучшение взаимодействия с системой, добавление адаптивности и новых функций.
Проблемы текущего дизайна
1. Нелогичная информационная структура. 2. Нет проработанной мобильной версии, хотя большая доля пользователей заходят с мобильных устройств. 3. Системе не хватает модульности и гибкости, сложно добавлять новые разделы из-за нерационального расположения блоков. 4. Трудности со стилизацией платформы под бренд клиента. 5. Устаревшее оформление.
Аудитория платформы
Основные клиенты: школы, вузы, учебные центры, корпоративное обучение, репетиторы, коучи, охрана труда. В основном заходят на сайт с офисных компьютеров, либо мобильных устройств.
Проектирование
Для понимания структуры и улучшения логики взаимодействия составлены user flow с учетом ролей в системе: для администратора, для студента и для ученика. Схемы составлены с помощью Realtimeboard.
User flow
Итого необходимо спроектировать около 70 страниц
Интерфейсное решение
Идея — перенести основные разделы платформы в левое вертикальное меню. При необходимости можно добавлять дополнительные пункты. В верхнем меню оставить заголовки, уведомления и управление профилем.
Страница курса
На странице курса отображается различный функционал для ученика, учителя и администратора. Предусмотрено состояние, ученик оплатил курс и проходит обучение, и когда он еще не зарегистрирован.
Прохождение обучения
Образовательные материалы представлены в формате главы, теста и задания.
Администратор может добавлять и проверять задания, создавать тесты и вебинары.