МИДиС · B2C Education PlatformМИДиС · B2C Education Platform

пересобрал путь выбора
образовательной программыпересобрал путь выбора
образовательной программы

Связал варианты поступления, перенёс ключевые условия в каталог
и довёл решение до productionСвязал варианты поступления, перенёс ключевые условия в каталог и довёл решение до production

49%49%

67%67%

5:455:45

3:353:35

успешность ключевого сценарияуспешность ключевого сценария

Время прохождения сценарияВремя прохождения сценария

результаты task-based UX-тестарезультаты task-based UX-теста

результаты task-based UX-тестарезультаты task-based UX-теста

результат

3.5%3.5%

4.6%4.6%

конверсия в обращениеконверсия в обращение

источник: аналитика Яндекс.Метрикиисточник: аналитика Яндекс.Метрики

рольроль

мой вкладмой вклад

product designer & design leadproduct designer & design lead

research → ia → ux/ui → handoff → design qaresearch → ia → ux/ui → handoff → design qa

productionproduction

платформаплатформа

Web / MobileWeb / Mobile

июль—декабрь 2023
production — январь 2024июль—декабрь 2023
production — январь 2024

проблемапроблема

путь к выбору распадался, а критерии появлялись позднопуть к выбору распадался,
а критерии появлялись поздно

Сложный путь выбора увеличивал неопределённость пользователя и мог приводить к потере части потенциальных обращений ещё до контакта
с приёмной комиссиейСложный путь выбора увеличивал неопределённость пользователя и мог приводить к потере части потенциальных обращений ещё до контакта
с приёмной комиссией

decision-makerdecision-maker

Абитуриент оценивал содержание программы, родитель — стоимость, условия поступления и надёжность дипломаАбитуриент оценивал содержание программы, родитель — стоимость, условия поступления и надёжность диплома

baseline-сценарийbaseline-сценарий

вход → каталог → страница программы → поиск критериев выбора → общая форма заявкивход → каталог → страница программы → поиск критериев выбора → общая форма заявки

0101

точки входа были разрозненыточки входа были разрознены

Высшее образование, колледж и заочка существовали как отдельные пути; колледж не разделялся по базе 9 и 11 классовВысшее образование, колледж и заочка существовали как отдельные пути; колледж не разделялся по базе 9 и 11 классов

0202

сравнение начиналось слишком поздносравнение начиналось слишком поздно

Часть условий уже была в каталоге, но до страницы программы не было единого набора данных для уверенного сравненияЧасть условий уже была в каталоге,
но до страницы программы не было единого набора данных для уверенного сравнения

0303

масштаб требовал общей структурымасштаб требовал общей структуры

Страницы нельзя было поддерживать как уникальные макеты — требовались повторяемые поля, блоки и CMS-правилаСтраницы нельзя было поддерживать
как уникальные макеты — требовались повторяемые поля, блоки и CMS-правила

Исследование объединило UX-аудит, аналитику, интервью с абитуриентами и родителями, а также данные приёмной комиссииИсследование объединило UX-аудит, аналитику, интервью с абитуриентами и родителями, а также данные приёмной комиссии

открыть исследование

решение 01решение 01

вынес формат и базу поступления в точку входавынес формат и базу поступления в точку входа

Пользователь сначала выбирает уровень, формат и базу поступления, затем получает релевантные программыПользователь сначала выбирает уровень, формат
и базу поступления, затем получает релевантные программы

гипотезагипотеза

если пользователь определяет свой путь до каталога, он быстрее получает релевантные программыесли пользователь определяет свой путь до каталога,
он быстрее получает релевантные программы

открыть гипотезы

релевантная выдачарелевантная выдача

уровень, формат и база поступления сразу сокращают список
до подходящих программуровень, формат и база поступления сразу сокращают список до подходящих программ

КОМПРОМИССкомпромисс

сохранил точки входа, но привёл их к единой логике выборасохранил точки входа, но привёл их к единой логике выбора

результатрезультат

29%29%

41%41%

Переход каталог → программаПереход каталог → программа

источник: аналитика Яндекс.Метрикиисточник: аналитика Яндекс.Метрики

решение 02решение 02

Перенёс критерии выбора в карточкуПеренёс критерии выбора
в карточку

чтобы Пользователь мог сравнить ключевые условия и выбрать следующий шаг ещё до открытия страницы программычтобы Пользователь мог сравнить ключевые условия
и выбрать следующий шаг ещё до открытия страницы программы

абитуриентабитуриент

JTBDJTBD

ищет подходящую программу и путь развитияищет подходящую программу и путь развития

родительродитель

оценивает стоимость, условия и надёжность решенияоценивает стоимость, условия и надёжность решения

гипотезагипотеза

ключевые условия в карточке позволят сравнивать программы раньшеключевые условия в карточке позволят сравнивать программы раньше

открыть гипотезы

до — программа в спискедо — программа в списке

после — карточка для сравненияпосле — карточка для сравнения

КОНТЕКСТКОНТЕКСТ

УСЛОВИЯУСЛОВИЯ

направление · код · уровень · форматнаправление · код · уровень · формат

срок · стоимость · первый платёж · баллысрок · стоимость · первый платёж · баллы

довериедоверие

следующий шагследующий шаг

диплом гособразца · документыдиплом гособразца · документы

подать документы · подробнее о программеподать документы · подробнее о программе

страница программыстраница программы

Детали углубляют выбор: учебный трек, лаборатории и инфраструктура раскрываются глубже, а ключевые условия и действия остаются
на первом экранеДетали углубляют выбор: учебный трек, лаборатории
и инфраструктура раскрываются глубже, а ключевые условия и действия остаются на первом экране

решение 03решение 03

перевёл решения
в масштабируемую систему блоковперевёл решения
в масштабируемую систему блоков

гипотезагипотеза

повторяемые блоки сократят стоимость масштабированияповторяемые блоки сократят стоимость масштабирования

открыть гипотезы

зафиксировал поля, состояния и правила, чтобы 24 блока обслуживали 100+ страниц и управлялись через CMSзафиксировал поля, состояния и правила, чтобы 24 блока обслуживали 100+ страниц и управлялись через CMS

2424

100+100+

CMSCMS

управление контентомуправление контентом

front-end блокаfront-end блока

страниц продуктастраниц продукта

обязательные поляобязательные поля

условные поляусловные поля

появляются только при наличии данныхпоявляются только
при наличии данных

сохраняют единый порядок ключевой информациисохраняют единый порядок ключевой информации

варианты блоковварианты блоков

адаптируют одну структуру
под разные программы и форматыадаптируют одну структуру
под разные программы
и форматы

результатрезультат

5 д.5 д.

2.5 ч.2.5 ч.

Сборка новой страницыСборка новой страницы

источник: ретроспективная оценка процесса командой источник: ретроспективная оценка процесса командой

Delivery · Handoff · Design QADelivery · Handoff · Design QA

сохранил логику решения от Figma
до productionсохранил логику решения
от Figma до production

Передал спецификации, состояния и контентные правила, сверял staging
с макетами и проводил повторные Design QA-итерации до и после запуска Передал спецификации, состояния и контентные правила, сверял staging с макетами и проводил повторные Design QA-итерации до и после запуска

coordinationcoordination

Координировал двух дизайнеров-ассистентов и контент-команду, с Xpage согласовывал handoff и приоритет исправленийКоординировал двух дизайнеров-ассистентов и контент-команду, с Xpage согласовывал handoff и приоритет исправлений

Схема процессаСхема процесса

1. спецификация
2. handoff
3. разработка
4. staging
5. Design QA
6. исправления
7. production
8. post-launch QA

спецификацияспецификация

productionproduction

Проверял структуру данных, состояния, порядок контента, CTA
и визуальные расхожденияПроверял структуру данных, состояния, порядок контента, CTA и визуальные расхождения

Открыть Handoff и Design QA

результатрезультат

Ключевой сценарий стал быстрее и успешнееКлючевой сценарий стал быстрее и успешнее

Сравнение сопоставимых периодов до и после запуска показало рост успешности, сокращение времени выбора программы и увеличение перехода к квалифицированному обращениюСравнение сопоставимых периодов до и после запуска показало рост успешности, сокращение времени выбора программы и увеличение перехода
к квалифицированному обращению

49%49%

67%67%

5:455:45

3:353:35

успешность прохождения сценарияуспешность ключевого сценария

Время прохождения сценарияВремя прохождения сценария

результаты task-based UX-тестарезультаты task-based UX-теста

результаты task-based UX-тестарезультаты task-based UX-теста

3.5%3.5%

4.6%4.6%

конверсия в обращениеконверсия в обращение

источник: аналитика Яндекс.Метрикиисточник: аналитика Яндекс.Метрики

Определения и методика измерения