Как редизайн сократил Time on Task на 40% в крупном B2B-портале
Контекст
Ранее дизайн разрабатывался без привлечения коллег и без опоры на исследования, что делало все гипотезы субъективными. В результате портал 2021 года имел такой внешний вид.
Что было сделано
Переработал все страницы портала, опираясь на актуальные UX-исследования и аналитику. Тесно сотрудничал с продакт-менеджерами и разработчиками, а также учитывал обратную связь от менеджеров, работающих с клиентами напрямую.
Задачи
– Коммерческий директор“До редизайна портал выглядел скорее как таблица. Новые пользователи испытывали трудности с навигацией, и нередко звонили менеджерам просто для того, чтобы понять, куда нажать.”
Провел базовые исследования
Начал с изучения данных о заказах, чтобы понять какие сценарии наиболее часты. В результате анализа выяснилось, что 97% заказов содержат менее 20 позиций.
Эти данные показали, что текущий интерфейс в формате крупной B2B-таблицы не соответствует реальным сценариям, и портал стоит переработать в более простой и понятный дизайн
По какому принципы выстроил работу (На примере работы страницы заказов)
- По данным вебвизора выявил очевидную и часто повторяющуюся боль пользователей.
- Определил суть проблемы и придумал, как её можно устранить.
- Представил стейкхолдерам проблему и решение.
- Внёс правки, собрал интерфейс и передал его в разработку.
- Объяснял разработчикам, что и как нужно поправить в интерфейсе.
По этому примеру, удалось сократить пользовательские пути примерно на 40-50%, что значительно сократило Time on Task
Ширина сайта стала меньше - для корректного отображения на любых десктопных мониторах. Интерфейс адаптировал под привычную структуру интернет-магазина
Фото товара приобрели больший размер, наличие получило свою подпись, акционные товары стали более заметны
Чтобы избавиться от хаоса из одинаковых карточек, я сделал просмотр других характеристик по клику. Теперь вместо бесконечного скролла можно просто нажать «Еще N вариантов» и сразу увидеть все вариации - удобно и без лишнего шума.
Фотографии помогают мгновенно сориентироваться, людям легче вспомнить заказ визуально
Информация заказа разделена на две части:
Слева основная, справа - детали
Теперь документацию можно скачать прямо из списка, не переходя внутрь, что значительно сокращает Time on Task
Фиксированный блок с основной информацией - он остаётся на экране при скроле, позволяя пользователю видеть все изменения в реальном времени.
Процесс оформления теперь размещён на той же странице, что и корзина, что делает сверку и оплату максимально удобными.
Для упрощения добавлена функция сохранённых адресов - как для доставки курьером, так и для пвз.
