Avatar Picker
Контекст
В Praktika пользователь начинает обучение с выбора тьютора — цифрового наставника с уникальным характером, акцентом и стилем общения. Этот выбор можно менять в любой момент, но именно первое впечатление формирует доверие и определяет, насколько комфортно человек войдёт в процесс обучения.
При большом количестве тьюторов (20+) задача интерфейса — не просто показать картинки, а помочь пользователю быстро найти наставника, с которым будет комфортно взаимодействовать.
Почему это важно
Если первые действия в приложении кажутся запутанными или бессмысленными, пользователь теряет интерес ещё до начала урока. Для продукта, построенного вокруг личного общения, важно, чтобы наставник сразу вызывал симпатию и соответствовал ожиданиям пользователя.
Улучшение этой фичи напрямую влияет на конверсию в первый урок, раннюю вовлечённость и последующее удержание — поэтому задача требовала аккуратного и точного подхода.
Инсайты
В анализе поведения пользователей проявились чёткие закономерности:
• Разницу между тьюторами нужно понимать быстро, без длинных описаний.
• Решение принимается в первые секунды — интерфейс не должен
замедлять этот процесс.
• Переходы на дополнительные экраны нарушают поток и создают
лишние точки отказа.
• Визуальный шум и лишние детали мешают сосредоточиться на сути
— выборе личности.
• Эти наблюдения стали фундаментом для пересборки сценария.
Исходный сценарий
Чтобы понять, где возникали сложности, я визуализировала исходный сценарий. Несмотря на простоту задачи, путь занимал несколько шагов и требовал постоянных переходов между экранами.
Взаимодействие ощущалось фрагментированным, а сам процесс — затянутым. Это увеличивало когнитивную нагрузку и снижало вероятность того, что пользователь уверенно дойдёт до первого урока.
Схема ниже показывает, из чего состоял исходный флоу.
Пользователь начинал с экрана
со списком тьюторов, но информации для выбора было недостаточно.
Чтобы сравнить тьюторов, приходилось повторять цикл несколько раз.
Только после этого появлялась возможность перейти к первому уроку.
Вернуться назад — снова на первый экран.
После нажатия на карточку
он попадал на отдельный экран профиля, где снова сталкивался с длинным блоком сведений.
Решение
1. Компактные и информативные карточки
Карточки были пересобраны так, чтобы давать цельный образ тьютора за секунду: акцент, профессиональный бэкграунд, особенности речи, эмоциональный стиль.
Информация подаётся коротко, в чистой структуре, которая считывается буквально взглядом.
2. Выбор на одном экране
Сценарий был объединён в единый экран со скроллом.
Это убрало лишние переходы, позволило сравнивать наставников сразу
и снизило вероятность потери фокуса.
3. Чистая визуальная система
Визуальный шум был снят, акценты расставлены заново, активная карточка выделена мягко и ненавязчиво. Взгляд пользователя движется по экрану естественно, без конкурирующих элементов.
4. Основа для будущей геймификации
В карточки были добавлены лёгкие элементы прогресса отношений —
это стало естественным мостом к системе Friendship Points без необходимости дополнительного обучения.
Результат
Фича стала проще и чище. Пользователи начали быстрее переходить
к первому уроку, реже возвращаться назад и увереннее принимать решение.
Интерфейс стал гибким, масштабируемым и готовым к развитию — от расширения списка наставников до внедрения будущих игровых механик.