Эта статья подготовлена на основе опыта команды TexTerra и десятков UX-аудитов, которые помогли не только освежить интерфейс, но и улучшить бизнес-результаты. Если вы не знаете, как сделать редизайн сайта и при этом сохранить клиентов — начните с понимания их пути.
Почему сайты не работают после редизайна
Редизайн интерфейса без учета пользовательского опыта можно сравнить с заменой вывески в магазине, в то время как покупатели не могут даже найти вход.
Вот что при этом происходит:
-
делается упор только на визуальный редизайн, без анализа сценариев — в итоге элементы на странице переставлены, но никто не проверял, как это повлияет на поведение пользователя;
-
старые ошибки остаются, новые добавляются — неработающие формы, сложная навигация и сломанные паттерны взаимодействия портят впечатление;
-
нарушается привычный пользовательский путь — люди не узнают интерфейс, теряются и уходят.
Одна из частых ситуаций: редизайн интерфейса делает подрядчик без доступа к аналитике. Он не понимает, где пользователи сталкиваются с трудностями, как перемещаются по сайту и на каких этапах покидают его. В итоге заказчик получает обновленный сайт, который визуально стал лучше, но с точки зрения UX — хуже.
Если раньше к нам приходили с запросом «сделайте красиво», то теперь все чаще — «у нас трафик есть, а заявок нет». Заказчики начинают понимать: чтобы что-то заработало, нужно сначала разобраться, почему не работает.
Артем Алейник
UX-специалист TexTerra
Ключевая мысль: нельзя чинить вслепую. Чтобы не угадывать, а точно попадать в ожидания клиента, стоит действовать поэтапно: сначала понять поведение пользователя, а уже потом что-то менять. Разберем, как это обычно происходит.
Что включает в себя редизайн UX/UI
Редизайн UX — это обновление сайта с акцентом на удобство, а не только на эстетику. Изменения помогают сохранить сильные стороны старой версии, устранить слабые и выстроить логичный и понятный путь пользователя.
1. Анализ текущей ситуации
На этом этапе команда изучает поведение пользователей с помощью инструментов Яндекс.Метрики — вебвизора, тепловых карт, воронок. Анализирует, на каких экранах теряется трафик, где пользователь «застревает» и уходит. Сюда же входят данные обратной связи: отзывы клиентов, обращения в поддержку, жалобы в соцсетях.
Пример из нашей практики: на сайте по продаже герметиков пользователи часто нажимали на неинтерактивные элементы, которые казались им кликабельными — логотип и иконку о бесплатной доставке. Из-за этого возникала путаница и снижалось доверие к интерфейсу. Мы предложили изменить оформление. После внедрения правок количество ошибочных кликов сократилось, а навигация стала понятнее.
2. UX-аудит или исследование
В зависимости от задачи проводится либо быстрая экспертная оценка сайта, либо более глубокое исследование. Интервью с клиентами, анкетирование, наблюдение за действиями пользователей помогают понять их мотивации, страхи и барьеры. Цель — выявить, на каких этапах клиент теряется и почему.
Пример из нашей практики: на сайте магазина строительных материалов пользователи не понимали, как добавлять товар в корзину. Исследование показало: кнопка покупки была вне зоны первого экрана, а интерфейс никак не подтверждал выполненные пользователем действия. Мы переместили кнопку и добавили подтверждение действия — после этого количество добавлений в корзину выросло.
3. Прототипирование и тестирование решений
На основе анализа и гипотез создаются прототипы: сначала простые схемы, затем более детализированные версии. Их можно тестировать внутри команды, но бывает, что проектом предусмотрено тестирование на реальных пользователях. Такой подход особенно важен при работе над редизайном приложения и сложных интерфейсных решений.
Пример из нашей практики: на этапе прототипа сайта для онлайн-сервиса бронирования выяснилось, что пользователи путаются между кнопками «Забронировать» и «Оформить». После изменения текстов и визуального разделения ошибки исчезли.
4. Итерации и внедрение
Даже простое тестирование силами команды помогает выявить неочевидные ошибки и внести поправки. Лишь после этого начинается финальный этап — редизайн платформы и передача в разработку.
UX-редизайн пошагово: от сбора данных до внедрения изменений
Пример из нашей практики: на корпоративном сайте производственной компании несколько итераций меню помогли определить вариант, с которым пользователи быстрее ориентируются и находят нужные разделы — и глубина просмотра выросла почти вдвое.
Как понять, разбирается ли ваш подрядчик по редизайну в теме UX и на что обратить внимание, чтобы не потратить бюджет впустую, — обсудим далее.
Как выбрать подрядчика, чтобы обновить дизайн сайта
Хороший подрядчик начинает не с обсуждения цветовой гаммы, а с вопросов о бизнесе: кто ваша целевая аудитория, откуда приходит трафик, где пользователь совершает целевое действие, в каком месте он уходит с сайта. Сейчас эти вопросы кажутся очевидными, но они помогают понять, насколько подрядчик готов погружаться в вашу задачу.
Если подрядчик не спросил про аналитику — считайте это ред флагом.
Что стоит уточнить у подрядчика перед стартом:
-
Запрашивает ли он доступ к Метрике, WebVisor, картам кликов?
-
Есть ли в кейсах, помимо красивых макетов, данные об улучшении пользовательского сценария?
-
Кто работает над проектом: только дизайнер или есть UX-специалист и аналитик?
-
Готова ли команда обосновывать свои решения?
Совет от нашего UX-эксперта: заранее обговорите с подрядчиком, какие промежуточные результаты вы будете получать на каждом этапе: результаты исследований, CJM, прототипы, сценарии. Готовность исполнителя работать прозрачно и закреплять такие этапы в договоре — признак профессионального подхода.
Как с помощью UX-редизайна мы помогли видеостудии перестроить коммуникацию с клиентами — рассказываем подробно здесь.
До этого момента мы говорили о том, как обновить дизайн сайта, чтобы не потерять в показателях. Но на практике мы часто сталкиваемся с обратным: редизайн уже был, и это привело к ухудшению результатов. В таких случаях важно не паниковать, а попытаться вернуть хотя бы часть конверсии. Ниже поделимся рекомендациями, с чего начать.
Что делать, если редизайн уже был, но стало хуже
Прежде всего, нужно понять масштаб проблемы, а затем пошагово разобраться, что можно откатить или переделать.
|
Шаги |
Что сделать |
Зачем это нужно |
|
1. Оцените точный ущерб |
Сравните конверсию до и после, посмотрите записи сессий и тепловые карты, соберите фидбек от отдела продаж и поддержки. |
Вы поймете, где именно теряются пользователи и какие страницы или элементы стали работать хуже. |
|
2. Проведите A/B-тесты |
Если изменения были локальными и сохранился доступ к прежнему интерфейсу — сравните старую и новую версию в реальных условиях. |
Сможете объективно оценить, какие изменения работают, а какие нет. |
|
3. Определите приоритеты изменений |
Определите проблемы по степени важности и наличию ресурсов для их решения. Для этого можно использовать, например, матрицу Эйзенхауэра. |
Вы сосредоточитесь на изменениях, которые реально влияют на конверсию, и не будете тратить ресурсы на незначительные правки. |
|
4. Устраните критически важные ошибки |
Верните на видное место CTA-кнопки, упростите навигацию. Добавьте визуальный отклик — анимацию при нажатии кнопки или уведомление «товар добавлен в корзину». |
Такие быстрые точечные правки обычно позволяют вернуть часть конверсии без масштабной переделки. |
|
5. Если не помогло — спроектируйте заново |
Проведите UX-аудит, пересоберите структуру, создайте макеты, ориентируясь на сценарии поведения пользователя. |
Да, это снова вложения после уже потраченного бюджета. Но иначе восстановить поток заявок на сайт просто не получится. |
Если сайт уже обновляли, но конверсия просела, это еще не приговор. Мы можем отловить проблемы с помощью исследований, проверить A/B-тестом спорные моменты и устранить ошибки. Часто после этого интерфейс начинает работать лучше, метрики выравниваются, а иногда даже превышают показатели до редизайна.
Артем Алейник
UX-специалист TexTerra
Подытожим: изменение интерфейса сайта — это инвестиция в рост, если с точки зрения UX все сделано правильно
UX-редизайн дает проекту хорошую возможность вырасти. Ведь в процессе пересматриваются воронки, уточняется позиционирование, вычищаются барьеры, которые мешали и пользователю, и бизнесу.
Но важно помнить: именно бизнес выбирает исполнителя и определяет, стоит ли проверять глубину его погружения или закрыть на это глаза. Мы написали эту статью, чтобы помочь вам на этапе выбора и избежать типичных ошибок.
Если вам нужен редизайн сайта или вы уже столкнулись с тем, что после редизайна стало хуже — напишите нам в Телеграм или на почту. Поможем обновить сайт так, чтобы конверсия начала расти.
Раздел Читайте также:
Визуальная иерархия в UX: как направить внимание пользователя