junix
Апрель 2025 - Июнь 2025
Задачи:
• Создать гибкую технологическую платформу.
• Подготовить новую дизайн-систему.
• Развить новые механики взаимодействия пользователя с платформой.
Мои обязанности:
• Проведение исследований, сегментирование аудитории, создание персон, проведение глубинных интервью.
• Формирование гипотез.
• Прототипирование.
• Создание и поддержка дизайн-системы, компонентов.
• Создание адаптивов под различные устройства.
• Отрисовка финальных макетов.
• Проведение юзабилити-тестирований.
Ожидаемые критерии успеха:
1. Статистически значимый рост NPS
(индекс потребительской лояльности).
2. Рост Engagement Rate (вовлечённость пользователя)
3. Увеличение Time to Complete (скорость прохождения)
Исследования
User segments
Цель: Для понимания ключевых групп аудитории,
их потребностей, целей и ожиданий от платформы было проведено исследование сегментов пользователей.
Выводы: Выделение сегментов помогло структурировать информацию на сайте,
определить, какие разделы и функции будут полезны, и адаптировать дизайн под разные
группы пользователей.
Глубинные интервью
Цель: Понять мотивацию, задачи и проблемы пользователей образовательных платформ, чтобы выявить ключевые сегменты аудитории, определить наиболее востребованные сценарии и улучшить пользовательский опыт. Исследование позволит уточнить гипотезы о потребностях студентов
и преподавателей, выявить барьеры при использовании сервисов и определить факторы, влияющие на вовлечённость и удержание.
Выводы:
Студенты учатся "на ходу", поэтому платформа должна быть оптимизирована под смартфон.
Важна возможность видеть чужие решения, примеры, а также получать пояснения от преподавателя в живом формате.
Ощущается дистанцированность, непонятно, кто именно проверяет работы и отвечает на вопросы.
Недостаточно качественные или неполные, нет объяснения терминов, приходится пользоваться Google.
Быстрые прототипы
Чтобы уже начать визуализировать архитектуру MVP-версии сервиса, мы собрали быстрые прототипы. Быстрота в том, что мы не думаем
о красоте и продуманности каждого пикселя,
а широкими мазками рисуем, расставляя акценты
и тестируем гипотезы.
Дизайн-система
На первом этапе были определены базовые «атомы» - минимальные строительные блоки интерфейса. Затем из этих атомов были сформированы «молекулы» - более сложные элементы интерфейса. На следующем этапе молекулы были объединены в «организмы» - готовые к использованию компоненты интерфейса.
В результате была создана комплексная дизайн-система, включающая все необходимые компоненты для дальнейшего развития и масштабирования продукта.
Гипотезы и решения
После интервью стало ясно, что студенты
часто комбинируют теорию и практику на одном экране. Один из респондентов показал,
как открывает материалы: слева — теория,
справа — среда для выполнения задач.
Это подсказало решение разместить навигацию по урокам в левой части интерфейса, чтобы сохранить привычную логику работы. Дополнительно при наведении на прогресс-бар открывается полный список уроков модуля,
что делает структуру курса прозрачной и удобной.
После сегментации студентов мы заметили разные потребности. Новички чаще всего сомневаются в правильности решения и хотят видеть образцы для самопроверки. Более опытные стремятся сравнить свой код с другими и найти новые приёмы. Активные пользователи заинтересованы в том, чтобы изучать чужие работы, комментировать и зарабатывать баллы за участие. Исходя из этого мы сформулировали гипотезу: после отправки своего решения студент получает доступ к домашкам других, что помогает быстрее находить ошибки, перенимать удачные практики и повышает мотивацию.
Студенты часто не понимали, кто проверяет их домашние задания: преподаватель может быть указан один, а отвечать другой. Чтобы повысить прозрачность процесса, появился раздел «Преподаватели» с онлайн-статусом, средним временем ответа и графиком активности. Теперь студенты видят, кто проверяет работу, когда ждать ответ и к кому лучше обратиться,
что делает процесс взаимодействия более понятным и предсказуемым.
Новички жаловались, что часто сталкиваются
с незнакомыми терминами и тратят время на поиск объяснений в Google. Более опытные студенты отмечали, что им не хватает быстрого доступа к дополнительным материалам, чтобы освежить память. Для активных участников было важно иметь удобный поиск по всем ресурсам курса, чтобы не терять фокус в процессе обучения. На основе этих инсайтов мы сформулировали гипотезу: добавив словарь
с терминами и поиск по материалам прямо внутри платформы, мы уменьшаем отвлечение на внешние источники и делаем процесс изучения более цельным.
После исследований стало ясно, что многие студенты учатся «на ходу»: едут в транспорте
или используют короткие перерывы в течение дня. Новички говорили, что чаще проходят теорию именно с телефона, а более опытные пользователи хотели возможность пересматривать лекции в удобном формате
без привязки к компьютеру. На основе этих наблюдений мы сделали гипотезу: удобная мобильная версия позволит студентам изучать материалы в дороге, что повысит регулярность
и комфорт обучения.
Юзабилити-тестирование
Ключевые наблюдения:
• Пользователи не сразу начинали обучение — карточка модуля была менее заметна и сливалась
с остальными.
• Индикатор прогресса был мало заметен — пользователи не понимали, сколько шагов им осталось.
• Подсказки по синтаксису обнаруживали не сразу — низкая выявляемость.
Что улучшили:
• Сделал карточку модуля более заметной
и вынес её в верхний приоритет, добавив так же бейдж "прохожу сейчас".
• Переработал прогресс бар: повысил контраст, добавил чёткие статусы шагов.
• Перенёс подсказки ближе к полю, включил автопоказ при первом прохождении.
Результаты:
• Ошибки в сценарии сократились с 3/5 до 1/5.
• Среднее число кликов до старта задания сократилось с 6 до 3 — путь до практики стал короче и понятнее.
Финальный дизайн
Страница курса
Расписание
Успеваемость
Страница урока
Результаты работы
и достижения
Достижения
• Разобрался в том, как выстраивать продуктовый UX-процесс: от ресёрча до тестирования.
• Собрал дизайн-систему с компонентами, типографикой и UI-паттернами.
Рефлексия
• В этом проекте я сильно прокачался в дизайне веба и в создании адаптивов.
• Углубился в UX-аналитику: сегментирование аудитории, интервью, и работа с информационной архитектурой.
• Поработал с дизайн-системой: как со структурой, так и с визуальной частью.
Что можно доработать
• Иногда выбор между вариантами приходилось делать «на глаз» — хотелось бы это проверить через A/B тесты и подтвердить, что решения действительно работают для пользователей.
