Учебный процесс школьной платформы: сложное, насыщенное информацией, понятное даже первокласснику

КомпанияСберОбразование, СберКласс

Годы2021–22

РольСтарший продуктовый дизайнер

ПродуктПлатформа для школ, версия 4.0, учебный процесс

2версии учебного процесса: Lite и Pro

3роли в продукте: ученик, учитель, администратор школы

с 1 классавозраст самых младших пользователей: интерфейс понятен первокласснику

Контекст

СберКласс: образовательная платформа СберОбразования. По открытым данным, к концу 2020 года платформа работала в пилотных школах 65 регионов

В июле 2021 года я пришёл старшим продуктовым дизайнером в команду дизайнеров четвёртой версии. Мой участок: флоу учебного процесса, от расписания и журнала до прохождения урока учеником

Проблема

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

Три роли с разными задачами: ученик, учитель, администратор школы
Школьные процессы, которые нельзя ломать: электронный журнал, расписание, учебные периоды
Разные устройства и размеры экранов в школах

Подход

Основа работы: флоу учебного процесса, то есть что ученику нужно на уроке и в каком порядке. Проработка шла сразу для двух версий учебного процесса, Lite и Pro. Гипотезы проверяли исследованиями в школах: почти все подтвердились. Не подтвердилась одна: мотивация учиться не зависит от того, город это, село или мегаполис

CJM и user flow
Прототипы
Исследования в школах
Ревью в Figma
Передача в разработку
Развитие версий

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

Система

Продукт собирался из трёх файлов по ролям и общего UI-кита. Экраны ученика строятся вокруг дня: урок, оценки, задания и комментарии лежат в одной карточке, а текущий урок выделен

УченикДневник, предметы, задания, материалы, профиль, мягкие и цифровые навыки

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

АдминистраторИмпорт элжуров, расписание, пользователи, классы, кафедры, настройка школы

ОсноваБрейкпоинты 1280, 1024, 784 и 512, компоненты на auto layout, цветовые стили, пустые состояния

Дневник ученика, день: карточки уроков с оценками, заданиями и комментариями, справа список заданий со статусами — Дневник ученика, день: уроки с оценками, заданиями и комментариями, справа задания по статусам

Дневник ученика на сегодня: текущий урок выделен цветом, у уроков метки контрольной и видеоурока — Тот же экран: текущий урок выделен, список заданий фильтруется по статусу

Тот же экран с фильтром заданий «Выполнено»: в списке справа остались два задания — Тот же экран: текущий урок выделен, список заданий фильтруется по статусу

Урок ученика: карточка теоретического урока, оценки за день, учитель, комментарии, текущая тема и материалы — Урок: тип занятия, оценки за день, учитель, текущая тема и материалы; справа вариант для пропущенного урока

Урок ученика в состоянии «Прогул»: красная карточка урока, учитель, текущая тема и материалы — Урок: тип занятия, оценки за день, учитель, текущая тема и материалы; справа вариант для пропущенного урока

Работа с разработкой

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

Что стало с проектом

Метрик нет. Проект сократили и перепрофилировали, до школ почти ничего не дошло. Хронология по открытым источникам

Июль 2021Начало работы над четвёртой версией

Осень 2021Смена руководства дивизиона и компании

2022Проект сокращается и меняет курс. В июне я ухожу: задачи перестали совпадать с проектом

Сейчасsberclass.ru: платформа дополнительного образования для 3–11 классов

Результат

Проработан флоу учебного процесса в двух версиях, Lite и Pro, для трёх ролей: экраны и прототипы четвёртой версии
Насыщенный информацией учебный процесс подан экранами для учеников с первого класса
Исследование в школах подтвердило почти все гипотезы

Макеты принадлежат СберОбразованию

Написать в Telegram ↗Следующий кейс: Тетрика →