Тренажер для изучения словРабочий кейс

Контекст

Amakids — школа внешкольного образования для детей 5–14 лет, предлагающая онлайн- и офлайн-курсы по школьным предметам, и не только, например, финансовая грамотность.

Я спроектировала Словарь для итеративного освоения новых слов. Он стал частью учебника по курсу английского языка и был создан с использованием дизайн-системы учебника для визуальной и функциональной консистентности. Раздел Словарь представляет собой тренажер для повторения слов, в котором рассматриваются различные способы запоминания: восприятие на слух, выбор или ввод правильного перевода.

Проблема

Ученики 5–16 лет не запоминают и не используют новые слова на уроках, так как существующие форматы повторения не учитывают индивидуальный темп, интересы и уровень ребенка. Учителя ограничены в возможности персонализации заданий для каждого, что приводит к снижению вовлеченности и поверхностному усвоению лексики.

Задача

Спроектировать интерфейс тренажера для итеративного повторения слов в формате домашнего задания, где ученики работают с заданными учителем наборами слов. Интерфейс должен учитывать индивидуальный прогресс ученика с каждым словом и адаптивно менять частоту появления слов в новых выборках. Важно сохранить консистентность с основным учебником за счёт использования существующей дизайн-системы.

Что сделала

1. Посмотрела процесс изучения слов у конкурентов, выявила сильные и слабые стороны. Изучила итеративный способ построения словарного запаса.
2. Прописала пользовательские истории, сценарии, построила user flow.
3. Создала вайрфреймы, разложила их по сценариям.
4. Изучила дизайн-систему Учебника — раздела, к которому относится тренажер.
5. Собрала макеты по дизайн-системе, сделала адаптив на планшет и смартфон.
6. Разложила готовые макеты по сценариям, собрала прототип.
7. Передала в разработку, провела дизайн-ревью.

User flow: Тренировка слов

Юзер флоу с разными точками входа в тренажёр английских слов:

1. Через задание от учителя. После урока учитель формирует домашнее задание в личном кабинете, указывая слова, пройденные на уроке. Ученик запускает тренажёр с набором из Словаря.
2. Случайный набор слов. Пользователь самостоятельно запускает тренажёр с рандомным набором слов из разных тем для дополнительной практики.
3. Из выбранного набора слов. Пользователь выбирает конкретный тематический набор и запускает тренажёр со словами только из этого набора.

Решение

Happy path

Учитель задает домашнее задание. Пользователь переходит к его выполнению с главной страницы Словаря.

Figma

Открыть в Figma

Результаты

Адаптивность

Словарь учитывает успеваемость и прогресс каждого ученика и подбирает слова для тренировки индивидуально, смешивая трудные слова с остальными.

Интерактивность

Содержит разные типы заданий, внося разнообразие и поддерживая интерес в тренажере.

Доступность

Ученик может подтягивать словарный запас самостоятельно и в рамках домашнего задания от учителя.