Редизайн авторизации
и регистрации
и регистрации
Pilotmoto
/
E-commerce
/
Web
Задача
Нужно переработать UI обоих экранов, убрать визуальный шум, лишние барьеры, исправить формы без связи с брендом и сделать их частью продукта. Придумать как засчет дизайна можно разделить Юр. лица на подкатегории.
Решение
– Использовал боковую панель вместо модалки на обоих экранах как единый патерн. Пользователь не теряет контекст страницы, форма воспринимается как часть интерфейса, а не прерывание
– Добавил логотип, чтобы форма стала частью бренда, а не дефолтным попап виджетом.
– Создал три типа аккаунта в регистрации - Физ. лицо, ИП, ООО через таб-переключатель. Для оптовых покупателей это убирает путаницу с первого шага.
– Убрал капчу в авторизации. После интервью с клиентами и обычными опросами, заметил сильный drop-off именно на этом шаге. В регистрации и в востановлении пароля осталась.
На что опирался
– Воронка авторизации и регистрации
– интервью и опросы
– TSR и SUS
Этап третий
– Протестил решения через фокус-группу и модерируемые UX-тесты до выхода в релиз.
– Защитил решение перед бизнесом.
– Подготовил макет к передаче разработчикам - документирование, ui-kit, стили и состояния
Результат
– Оба экрана заработали по одному паттерну
– Авторизация перестала терять пользователей на капче
– Регистрация стала понятнее для B2B-аудитории за счёт разделения типов аккаунта
– TSR на регистрации вырос на 7%
Работы в pilotmoto
Регистрация
Было
— нет связи с брендом
— Хаотичная сетка
— Только два типа аккаунта
— Капча визуально разрывала форму громоздким блоком
— Нет возвращения назад
Регистрация
Стало
— Три типа аккаунта через переключатель
— Переработана сетка полей
Авторизация
Было
— Устаревший дизайн, с ощущениями дефолтного виджета
— Капча создавала барьер для реального пользователя, интервью фиксировали drop-off именно здесь
Авторизация
Стало
— Логотип в шапке панели, форма стала частью бренда
— Убрана капча
— Минималистичный UI
— перенесён “забыли пароль” на интуитивное расположение
— Добавлены социальные сети для удержания и рекламы внутренних сервисов
