Кабинет преподавателя для подготовки к ЕГЭ
2025 • Русский 100 • интерактивный прототип • первая работа с ИИ
В раннем прототипе «Русского 100» преподаватель выбирал задания и собирал тест для подготовки к ЕГЭ. Я расширил проект до кабинета с группами, учениками, ответами и результатами. Это была моя первая проба работы с ИИ над продуктом.
Небольшая команда разрабатывала сервис подготовки к экзамену по русскому языку. Мы разобрали работу преподавателя: как он подбирает задания, назначает их группе, проверяет ответы и следит за результатами. Я связал эти действия в прототипе кабинета.
При создании теста преподаватель выбирает задания и их сложность. Счётчик выбранных заданий и кнопка создания остаются внизу экрана при прокрутке длинного списка. Можно продолжать выбор и видеть, сколько уже набрано.
Работа с группой
Я организовал кабинет вокруг учебных групп. Преподаватель открывает нужную группу и переходит к ученикам, тестам и результатам. На карточке группы видны её статус, количество учеников и тестов; активные группы и архив можно просматривать отдельно.
Результаты группы в одной таблице
Для сравнения результатов я выбрал таблицу: ученики в строках, задания в столбцах. В ней можно посмотреть работу группы целиком и перейти к подробностям отдельного результата.
Имя ученика я закрепил при горизонтальной прокрутке, чтобы не терялось, чьи результаты читает преподаватель. Группы столбцов можно сворачивать и оставлять на экране нужные задания.
На телефоне имя ученика расположено отдельной строкой над его результатами. Прокручиваются только результаты — имя остаётся перед глазами.
Ответы, которые нужно проверить
Для проверки я предусмотрел ленту ответов с фильтрами по ученику, тесту и статусу. Преподаватель может отобрать неоценённые ответы, открыть один из них, выставить балл и написать комментарий. Таблица нужна для обзора результатов, лента — для работы с конкретным ответом.
Первая работа с ИИ
После макетов в Figma я перенёс прототип в код с помощью ИИ. Я описывал действия преподавателя и поведение экранов, ИИ помогал собирать интерфейс. Дальше мы дорабатывали его итерациями: я оценивал результат, уточнял требования и возвращался к неудобным переходам и состояниям.
В коде можно было прокрутить таблицу, свернуть столбцы, открыть ответ и посмотреть экран на телефоне. По этим действиям я уточнял дизайн.
Результат первого этапа
Получился интерактивный прототип кабинета преподавателя: подбор заданий, группы, таблица результатов и работа с ответами. Он собран на примерах учеников и оценок, чтобы проверять сценарии до подключения настоящих данных. С преподавателем можно пройти по экранам и обсудить, что нужно изменить.