контекст
Онлайн-школа развивала собственную образовательную платформу для подготовки школьников к ЕГЭ, ОГЭ и олимпиадам
Одним из ключевых сервисов MVP должен был стать сервис для решения задач
задача
Спроектировать масштабируемый банк задач, который поддерживает разные предметы и форматы подготовки
Моя роль и процесс
бенчмаркинг → приоритизация MVP → user flow → проектирование → UX-тесты и доработка → UI kit → передача в разработку
Я работала в команде с проджект-менеджером, разработчиками и маркетологом
бенчмаркинг
Я изучила пять образовательных сервисов с банками задач
Сравнивала структуру каталога, навигацию, фильтры, способы решения заданий, тренировочные варианты и механику проверки ответов
Сложная навигация
В некоторых сервисах пользователю было трудно быстро перейти от выбора предмета к конкретному заданию. Структура зависела от типа подготовки и не всегда была последовательной
Ограниченная масштабируемость
Решения часто были рассчитаны на один предмет или единый тип задания и плохо учитывали таблицы, формулы, изображения и другие вложения
Вывод
Продукту была нужна не только большая база заданий, но и целостный путь от поиска материала до получения результата — с гибкой структурой, подходящей для разных предметов
Гипотезы
На основе анализа и обсуждений с командой я сформулировала четыре гипотезы
Единая точка входа упростит навигацию
Если разделить банк по предметам и направлениям подготовки, ученик быстрее перейдёт к подходящим заданиям
Адаптивные фильтры сократят поиск
Если набор параметров будет зависеть от предмета и формата подготовки, пользователь сможет точнее подобрать материал
Модульная структура позволит масштабировать базу
Если разделить задачу на независимые блоки, сервис сможет поддерживать разные последовательности текста, формул, изображений, таблиц и других вложений
Комбинированная проверка закроет полный сценарий
Если задания с кратким ответом проверять автоматически, а задания с развёрнутым ответом — по критериям, пользователь сможет проходить варианты полностью онлайн
проектирование. навигация
Разделила контент по предметам и направлениям подготовки
На первом уровне ученик выбирает предмет и формат: ЕГЭ, ОГЭ или олимпиада. На странице предмета он может найти отдельную задачу, открыть готовый вариант или составить собственную подборку.
Система фильтров адаптируется под направление: для экзаменов используются разделы и номера заданий, для олимпиад — класс, тема и конкретное соревнование
Система фильтров адаптируется под направление: для экзаменов используются разделы и номера заданий, для олимпиад — класс, тема и конкретное соревнование
проектирование. гибкая структура задачи
Разделила задачу на четыре независимых блока
header → body → solution → footer
Для каждого блока были разработаны собственные компоненты и состояния. Body и solution могут содержать произвольный набор вложений, а footer адаптируется под формат ответа и состояние проверки.
Так структура стала масштабируемой и перестала зависеть от конкретного предмета
Так структура стала масштабируемой и перестала зависеть от конкретного предмета
проектирование. режим варианта
Объединила прохождение и проверку варианта
Перед началом ученик видит условия и время выполнения. Во время решения он может отслеживать прогресс, поставить таймер на паузу или завершить работу.
После завершения ответы с однозначным результатом проверяются автоматически. Задания с развёрнутым ответом ученик оценивает самостоятельно по критериям, после чего получает общий результат
После завершения ответы с однозначным результатом проверяются автоматически. Задания с развёрнутым ответом ученик оценивает самостоятельно по критериям, после чего получает общий результат
результаты
Спроектировала масштабируемый сервис для поиска и решения учебных задач
Собрала UI Kit с использованием атомарного подхода, разработала интерактивный прототип и провела коридорное тестирование, внесла корректировки в первую итерацию продукта, подготовила MVP к запуску на рынок
Два ключевых сценария
Спроектированы полные пути решения отдельной задачи и прохождения готового варианта
Гибкая модель задания
Разработана модульная структура, которая поддерживает разные предметы, типы контента и форматы ответа
Адаптивная навигация
Созданы отдельные системы фильтрации для экзаменационных и олимпиадных направлений
