Сфера

EdTech, AI Education

Компания
shag.

Полный цикл разработки дизайна мобильного приложения для подготовки к ОГЭ, ЕГЭ

image alt
Контекст
Мне нужно было создать с нуля мобильное IOS приложение для подготовки к экзаменам, которое бы использовало механики вовлечения, ИИ-ассистента, и геймификацию для упрощения процесса подготовки, и снижения эмоционального давления на учеников. Сделать приложение-бро.
image alt
Команда
Я выступала в роли единственного продуктового дизайнера, взаимодействовала с PM, командой разработки, копирайтером, ML-инженером.
image alt
Какие исследования провели
Основой исследований на этом проекте стали глубинные интервью, сегментация и бенчмаркинг, по итогам которых мы с заказчиком определили основные проблемы, которые способны решить в мобильном приложении с помощью различных механик вовлечения.
Брейншторм механик провели в таблице, оценили сложность разработки с командой, и выбрали несколько вариантов для внедрения в приложение на этапе MVP.
image alt
Какие проблемы решали
  • Ученики выгорели от давления и страха показаться глупыми перед учителями/репетиторами.

  • "Синдром чистого листа" — ученики подолгу прокрастинируют перед началом занятия не потому, что ленивы, а потому что дезориентированы обилием сложных тем.

  • Социальное сравнение в чатах и классах сильно демотивирует — важно видеть свой индивидуальный трек прогресса, а не общие жесткие лидерборды.

  • Формат длинных вебинаров по 2 часа не работает на удержание. Ученики хотят готовиться в транспорте, на перемене, лежа на кровати. Приложение должно восприниматься не как «тяжелая учеба», а как быстрый интерактивный сессионный инструмент.

image alt

Бизнес-цели проекта

  • Достижение целевого Retention Rate: Создать петлю вовлечения, которая мотивирует пользователя возвращаться в приложение ежедневно за счет снижения когнитивной нагрузки и механик вовлечения.

  • Проверка коммерческого потенциала: понять, сколько стоит привлечение одного целевого ученика через доступные каналы (соцсети, блогеры, партнерства со школами).

  • Сбор базы для кастдевов — получить пул из 100+ активных пользователей, готовых развернуто отвечать на вопросы о том, за какие фичи их родители согласились бы оформить платную подписку на месяц/год.

image alt
Гипотезы

На основе бизнес-целей и выбранных нами механик вовлечения, были сформулированы следующие интерфейсные гипотезы:

  • Гипотеза 1: Если сразу предложить пользователю пройти короткое и легкое задание, с гарантированной похвалой и разбором в случае ошибки, то это снизит внутреннее ощущение

    «я туплю», сократит Time-to-Value и поднимет конверсию в завершение первого сеанса.

  • Гипотеза 2: Если ограничить доступ к контенту (например, выдавать по 1 учебному модулю в день, а доступ к следующему открывать только после завершения текущего), то мы предотвратим когнитивную перегрузку («не знаю с чего начать»), и поднимем Retention.

  • Гипотеза 3: Если за каждое микро-действие начислять очки опыта, и визуализировать рост уровня, то это компенсирует отсутствие быстрого внешнего прогресса, вызывая гордость, что снизит риск оттока в уязвимый период первых 5–7 дней.

  • Гипотеза 4: Если добавить ИИ-ассистента, который будет помогать решать задания в чате, то ученик ощутит дружеский вайб, и лучше усвоит информацию, что повысит лояльность.

image alt
Создание и ревью структуры приложения с заказчиком

Для утверждения флоу были отрисованы лоу-фиделити макеты, которые послужили основой будущего проектирования интерфейса.

image alt

Небольшой UI-кит

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

Получилась база базовая, такую и полностью переделать не жалко.

image alt

UX-тестирование

После отрисовки основных флоу я сделала анимированные прототипы и отправила на проверку команде и знакомым. В процессе определила несколько тупиковых экранов, и прочие недочеты.

Итого:

  • Действие «Повторить тему» расположено на главном экране, а пользователи упорно ищут его во вкладке Тренажер, поэтому решили продублировать кнопку.

  • Конструктору экзамена не хватает поисковой строки, потому что пользователям приходится долго скроллить список тем (пока нерешаемая проблема, поиск слишком сложен для MVP).

  • Попадались мисклики на некоторые кнопки, поэтому внесла изменения в компонент, увеличив высоту минимально используемого размера.

image alt

🎊Итоговый дизайн макетов

Онбординг и статистика

image alt

ИИ-ассистент и функция распознавания рукописного текста

image alt

Тренажер и результат тренировки

image alt

Прохождение экзамена

image alt
Что дальше?

Проект ждет отмашки на выход в AppStore, я тоже... Поскольку от нуля до MVP прошло всего ничего, о больших данных речи пока что не идет, поэтому основной задачей на будущее будет проведение CustDev с постоянниками, и итеративное улучшение приложения.

Craftum Сайт создан на Craftum