Новая LMS для MAX × SkillFactory
2022 · Product Designer
SkillFactory — одна из крупнейших российских онлайн-школ дополнительного образования: Data Science, аналитика, разработка, менеджмент. В 2022 году в студии MAX я делал редизайн её LMS. Не «с нуля» — мы переделывали интерфейс поверх существующего движка, который копил функциональность пять лет.
Старая LMS была хранилищем материалов. Новая должна была стать инструментом коучинга — для студента и для команды, которая его сопровождает: куратора группы, наставника-проверяющего и координатора потока.
Что есть в LMS
Дальше — кейс про обе стороны. Сначала — как студент видит свой маршрут, потом — как наставник проверяет работы, ставит оценки и управляет назначениями. Скрины ниже разделены на эти два разреза.
Что было
На стороне студента — кабинет рос карточками: каждый новый курс прилеплялся отдельной плашкой, каждый новый модуль — вкладкой. Общий прогресс приходилось считать в голове, перемножая баллы на веса.
На стороне проверяющей команды — работы приходили в почту, оценки ставились в Excel, критерии лежали в Google Doc. Один наставник обычно вёл 40–60 студентов одновременно, и каждый день начинался с разбора, кого уже смотрел, а кого нет. Координатор потока вручную распределял работы между наставниками — тоже в таблице.
«Я не понимаю, на сколько я прошёл программу. Просто список курсов с баллами».
«Где посмотреть, какой курс сейчас важнее? Я бы тратил время на него, а не равномерно».
«Чат куратора отдельно, баллы отдельно, прогресс отдельно. Голова разлетается».
— Из 22 интервью со студентами Python-разработки и аналитики.
«Утром получаю 40 работ на проверку, к концу дня не помню, кого уже смотрел».
«Критерии оценки в одном Google Doc, оценка ставится в другом интерфейсе. Каждый раз сверяю».
«Не вижу, у кого из моих студентов горит дедлайн».
— Из 8 интервью с наставниками курсов Python и Data Science.
Метрика, с которой пришли
Роли
LMS решает задачи двух разных людей. Один учится, второй сопровождает.
Студент — учится, понимает свой прогресс и сдаёт работы 
Наставник и куратор — проверяют работы, ставят оценку и держат студента в маршруте Гипотеза
Прогресс таблицей — это отчёт. Прогресс кругом — это маршрут. Если перенести успехи студента в визуальную форму, а работу наставника собрать вокруг очереди заданий с критериями внутри карточки, обе стороны перестанут расшифровывать платформу и начнут учить и проверять.
Принципы
Сторона студента
Кабинет ученика собран вокруг двух якорей: список программ с быстрым входом в текущий урок и круговой индикатор общего прогресса по каждой программе.
Студент часто учится на двух-трёх программах одновременно (например, Python-разработка + Анализ языка). Каждая программа — карточка во весь экран, со своим баннером текущего урока, списком курсов с баллами и круговым прогрессом. Скролл = переключение программ, никаких вкладок и табов.
Три вкладки: Курсы, О программе, Сертификаты. Прогресс по программе виден тем же кругом, что и на главной — единая визуальная метафора. В правой колонке — координатор, группа и чат в «Пачке», чтобы студент не искал, кому писать.
По клику на «Подробнее» выезжает шторка с разложением: 25/33% — программирование, 10% — бэкенд, 10% — финальный проект, 9% — бонусы. Цвета сегментов совпадают с цветами в круге. Студент понимает, на чём держится его 62%.
Несколько итераций я потратил на то, чтобы запихнуть в один круг ещё и дедлайны, и активность, и оценку наставника. Не работало. Глаз не считывал три слоя сразу. В итоге правило стало одно: один круг — одна метрика. Остальное ушло в шторку.
Сторона наставника и куратора
Кабинет проверяющего собран вокруг ленты заданий на проверку. Всё остальное — редактор задания, назначения, статистика — на одном тапе глубже.
Главный экран наставника — таблица «Задания на проверку», 45 в работе и 5 новых. Колонки: когда сдано, задание, модуль, тег программы, тег курса, группа, студент с email. Подсветка строк по приоритету: новые — точкой, давно сданные — мягкой заливкой. Фильтр и сортировка по дедлайну сверху. Работа открывается одним кликом — без папок и переключений.
Внутри карточки работы — текст задания, файлы студента, и тут же итоговая оценка по критериям: правильность решения задач, читабельность и верное форматирование кода, логичность и доступность кода другим разработчикам. По каждому пункту — четыре уровня с баллами от «Плохо» до «Отлично». Наставник не уходит в Google Doc за рубрикой — она лежит на той же странице. Внизу — поле для текстового фидбэка и кнопка «Переслать студенту».
Раздел «Назначения» — для координаторов потока и админов LMS. Вкладки: Курсы / Разделы / Модули / Группы / Индивидуальное сопровождение / Ручное назначение / Ошибки в назначениях. Последняя — отдельный фокус: если автоматическое распределение не нашло наставника (12 случаев в показанном срезе), такая работа подсвечивается красным и решается вручную. Никаких «висящих» работ без проверки.
Когда наставник создаёт новое задание с проверкой, он сразу видит все слои: курс, модуль, идентификатор, редактор контента с поддержкой видео и фото, и критерии оценивания карточками с четырьмя уровнями. Каждый критерий — отдельная карточка с подсказкой «что считается плохо/удовлетворительно/хорошо/отлично». Студент потом видит ту же рубрику внутри задания — никаких сюрпризов при оценке.
Итого по SkillFactory
Главный сдвиг — не в визуальном языке, а в распределении внимания. Студент перестал расшифровывать интерфейс. Наставник перестал собирать рубрику из трёх инструментов. Координатор перестал быть Excel-диспетчером.
Раньше LMS была хранилищем материалов. Стала инструментом, которым команда коучит, а не раздаёт. Моя работа в проекте перестала быть «нарисуй экраны кабинета» — стала «определить, что для студента важно на маршруте, а что второстепенно».
Часть деталей и метрик не раскрывается в связи с NDA.