Аудит дизайна сайта: что проверить до заказа редизайна, чтобы не переделывать то, что работает

Конверсия просела, руководитель говорит, что сайт «устарел», и через месяц в работе уже техзадание на редизайн. Через полгода новый сайт запускается, а заявок столько же или меньше. Знакомая история: переделали всё, включая то, что работало, а настоящая причина потерь так и осталась на месте.

Аудит дизайна сайта нужен, чтобы до заказа редизайна понять, где именно люди теряются и почему. Ниже чек-лист, который маркетолог может пройти сам, а потом решить, хватит точечных правок или сайт действительно пора пересобирать.

Шаг 1. Назовите, что сайт должен делать, и снимите цифры «до»

Без цели аудит превращается в спор о вкусе. Поэтому сначала договоритесь, какое действие считается результатом: заявка, звонок, заказ, регистрация. Потом проверьте, что в Яндекс Метрике это действие настроено как цель и цель срабатывает.

Дальше снимите исходные цифры за последние несколько месяцев:

1. Конверсия в цель в целом и отдельно по устройствам. Если на телефоне она в разы ниже, чем на компьютере, половина ответа уже найдена.
2. Конверсия по источникам трафика. Бывает, что сайт ни при чём, а реклама ведёт людей не на ту страницу.
3. Воронка по шагам: посадочная, каталог или услуга, форма, отправка. Шаг с самым резким провалом и есть первый кандидат на разбор.
4. Страницы входа с высоким процентом отказов.

Эти цифры понадобятся дважды: сейчас, чтобы выбрать, куда смотреть, и после правок, чтобы понять, помогли ли они.

Шаг 2. Пройдите сайт по эвристикам

Эвристический анализ звучит солидно, а по сути это проверка по списку правил. Самый известный список, десять эвристик Якоба Нильсена, придуман ещё в 1990-х и до сих пор работает. Маркетологу не обязательно учить его наизусть. Достаточно пройти сайт глазами нового клиента и ответить на вопросы:

1. Понятно ли за пять секунд, что здесь продают и кому. Первый экран отвечает на вопрос «куда я попал», а не рассказывает о миссии компании.
2. Видна ли цена или хотя бы порядок цен. Если человек не понимает, сколько это стоит, он уходит к конкуренту, у которого цена написана.
3. Совпадает ли меню с языком клиента. Разделы с внутренними названиями отделов и продуктовых линеек клиенту ничего не говорят.
4. Сколько шагов до заявки. Каждый лишний экран и каждое лишнее поле в форме забирают часть людей.
5. Что происходит после ошибки. Неверный телефон, пустое обязательное поле: сайт объясняет, что не так, или просто красит рамку красным.
6. Как всё это выглядит на телефоне. Мелкие кнопки, текст, который не помещается, форма под тремя экранами прокрутки.
7. Что написано на кнопках и в подсказках. «Отправить» и «Рассчитать стоимость» обещают разное, и вторая кнопка честнее говорит, что человек получит.

Каждое найденное нарушение запишите со скриншотом и пометкой, насколько оно мешает дойти до цели. Важно: эвристики дают гипотезы, а не диагноз. Проверяет их следующий шаг.

Шаг 3. Проверьте гипотезы в Метрике

В Яндекс Метрике есть почти всё, чтобы увидеть поведение людей, а не догадываться о нём.

Вебвизор. Смотрите не случайные записи, а записи тех, кто дошёл до формы и не отправил её, и тех, кто пришёл с рекламы и ушёл за полминуты. Через десяток таких сессий обычно видно повторяющийся сценарий: человек ищет цену, листает вниз, возвращается наверх и закрывает вкладку.

Карта кликов. Показывает, куда нажимают. Частые клики по тексту, картинке или иконке без ссылки значат, что человек ждёт там действия. Ноль кликов по главной кнопке первого экрана тоже ответ.

Карта скроллинга. Если до блока с ценами или формой доходит малая часть посетителей, проблема не в форме, а в том, что она слишком далеко.

Аналитика форм. Покажет, на каком поле люди бросают заполнение. Чаще всего это поле, которое кажется лишним: должность, ИНН, «откуда вы о нас узнали».

Одна оговорка. Карты и записи лучше смотреть отдельно для телефона и компьютера и по главным источникам трафика. В общем потоке разное поведение усредняется и пропадает.

Шаг 4. Покажите сайт живым людям

Метрика показывает, что люди делают, но не объясняет почему. Здесь помогают юзабилити-тесты, и для первого раунда хватает небольшой группы. Нильсен ещё в 2000 году писал, что пять участников в раунде находят большую часть проблем, а дальше выгоднее исправить найденное и провести новый раунд.

Провести такой тест можно своими силами. Нужны люди, похожие на ваших клиентов: коллеги из соседнего отдела не подходят, они знают продукт. Каждому дайте задачу, а не экскурсию. Не «посмотрите сайт», а «узнайте, сколько стоит доставка в ваш город, и оставьте заявку».

Дальше попросите думать вслух и молчите. Не подсказывайте, даже если человек третью минуту ищет кнопку. И не спрашивайте, нравится ли дизайн: ответ «нормально» ничего не даёт. Смотрите, где человек остановился, переспросил или ошибся.

Если на одном и том же месте спотыкаются трое из пяти участников, это уже не мнение, а проблема для списка.

Шаг 5. Расставьте правки по приоритету

После трёх шагов у вас будет длинный список. Делать всё сразу не нужно. Удобнее разложить каждую находку по двум осям: насколько она влияет на цель и сколько стоит исправить.

1. Сильно влияет, исправить дёшево. Тексты кнопок, лишние поля формы, цена на первом экране, подсказки к ошибкам. За это берутся первым делом, часто справляется контент-менеджер.
2. Сильно влияет, исправить дорого. Новая структура каталога, другой сценарий заказа. Сюда стоит закладывать бюджет и проверять решение на прототипе.
3. Влияет слабо, исправить дёшево. Правится попутно.
4. Влияет слабо, исправить дорого. Ждёт своей очереди, даже если дизайнеру очень хочется начать с него.

Если трафика хватает, крупные правки лучше выкатывать через A/B-тест. Если нет, сравнивайте конверсию до и после на одинаковых по длине периодах и помните про сезонность.

Когда хватит аудита, а когда нужен редизайн

Аудита и точечных правок обычно хватает, если проблемы найдены в конкретных местах: форма, первый экран, мобильная версия отдельных страниц, тексты. Сайт в целом справляется, просто в нескольких точках люди отваливаются.

Редизайн оправдан, когда:

1. Проблемы системные и повторяются на каждой странице: путаная структура, несогласованные элементы, нет общей логики интерфейса.
2. Изменился бизнес: новые продукты, другая аудитория, другой путь к покупке, а сайт рассказывает о компании пятилетней давности.
3. Сайт технически не даёт вносить правки: каждое изменение формы требует разработчика и недели работы.

Бывает и третий вариант: дело вообще не в дизайне. Для поставщика сантехники, который работает в 50 регионах, команда Фортех (fortech.dev) в январе и феврале 2026 года ускоряла сайт: нашла медленные запросы к базе, наладила обмен с 1С и исправила ранжирование фильтров по цене. Ни одна из этих задач не решается новыми макетами, а сайт с медленным каталогом и неправильной сортировкой не продаст и в самом красивом дизайне.

С чего начать на этой неделе

Откройте Метрику и посмотрите конверсию в главную цель отдельно на телефонах и компьютерах. Затем найдите в Вебвизоре десять записей людей, которые открыли форму и не отправили её. Это займёт пару часов, а на встречу с дизайнером или подрядчиком вы придёте не с ощущением «сайт устарел», а со списком конкретных мест, где теряются заявки. С таким списком проще отличить предложение исправить проблему от предложения переделать всё заново.