1. Форма заявки, которая пугает своим размером
Это ошибка номер один по частоте и по ущербу. Человек готов оставить заявку, кликает на кнопку — и видит перед собой 8–12 полей. Имя, фамилия, телефон, email, компания, должность, город, «откуда узнали о нас», комментарий… К третьему полю мотивация заполнять форму испаряется.
Что видно в Вебвизоре: пользователь начинает заполнять, останавливается на середине, скроллит вниз — видит, что полей ещё много — и закрывает вкладку.
Как исправить. Оставьте в форме максимум 3–4 поля: имя, телефон, и может быть email или краткое описание задачи. Всё остальное менеджер выяснит при звонке. На реальных проектах сокращение формы с 9 полей до 3 увеличивало конверсию с 1,2% до 3,8% — при том же трафике. Никаких других изменений на сайте не делалось.
Если данных реально нужно много — разбейте форму на шаги. Пошаговые формы (их ещё называют multi-step) воспринимаются гораздо легче.
2. Кнопки-невидимки и неочевидные CTA
На удивление распространённая проблема: главная кнопка действия сливается с фоном или прячется где-то внизу страницы. Дизайнер сделал «чистый минималистичный интерфейс», а пользователь не может понять, куда нажимать.
Пример: сайт стоматологической клиники, где кнопка «Записаться на приём» была серой на светло-сером фоне. Размер — 12 пикселей высотой. На мобильном попасть по ней пальцем было отдельным квестом.
Как исправить. CTA-кнопка должна быть контрастной, заметной и достаточно большой. На мобильных — минимум 48×48 пикселей (это рекомендация из гайдлайнов Google по Material Design, и она не просто так появилась). Текст на кнопке — конкретный: не «Отправить», а «Получить расчёт стоимости» или «Записаться на приём». Пользователь должен понимать, что произойдёт после клика.
3. Мобильная версия «для галочки»
В 2026 году доля мобильного трафика в рунете — больше 70% для большинства коммерческих тематик. Но до сих пор встречаются сайты, где мобильная версия — это просто сжатый десктоп. Текст мелкий, кнопки слипаются, горизонтальный скролл, формы с крошечными полями.
Типичная картина: владелец проверяет сайт на своём ноутбуке, всё выглядит нормально. А 70% его аудитории заходит с телефона и видит совсем другое.
Как исправить. Откройте свой сайт на реальном телефоне — не в инструментах разработчика в браузере, а именно на телефоне. Пройдите весь путь от главной страницы до отправки заявки. Попробуйте сделать это одной рукой. Если хоть раз пришлось «щипком» увеличивать масштаб или вы промахнулись мимо кнопки — мобильная версия требует переработки.
Обратите внимание на размер шрифта (минимум 16px для основного текста на мобильных), расстояние между интерактивными элементами и скорость загрузки — на мобильных сетях она критична.
4. Страница загружается как в эпоху dial-up
Google давно использует Core Web Vitals как фактор ранжирования. Яндекс тоже учитывает скорость загрузки. Но важнее другое: пользователи не ждут. Если страница грузится дольше 3 секунд — вы теряете до половины посетителей ещё до того, как они увидят ваш контент.
Что обычно тормозит сайт: неоптимизированные изображения по 3–5 мегабайт каждое, десятки подключённых шрифтов, тяжёлые скрипты аналитики и виджетов, отсутствие кэширования.
Как исправить. Начните с диагностики — прогоните сайт через PageSpeed Insights. Обратите внимание на метрику LCP (Largest Contentful Paint) — она показывает, когда основной контент страницы становится видимым. Целевое значение — до 2,5 секунд.
Практические шаги, которые стоит сделать в каждом проекте:
- Конвертировать изображения в формат WebP или AVIF — это снижает вес в 2–4 раза без видимой потери качества
- Настроить ленивую загрузку (lazy loading) для картинок ниже первого экрана
- Подключить шрифты через `font-display: swap`, чтобы текст не мигал при загрузке
- Вынести тяжёлые скрипты в асинхронную загрузку
На одном проекте только оптимизация картинок сократила время загрузки главной страницы с 7,2 до 2,1 секунды.
5. Навигация, в которой нужен путеводитель
Меню с 15 пунктами верхнего уровня, вложенные подменю в три уровня, названия разделов, понятные только сотрудникам компании — всё это встречается регулярно.
Пример: на сайте был раздел «Решения». Внутри — подразделы «Для промышленности», «Для ритейла», «Для HoReCa». Звучит логично? Может быть. Но аналитика показала, что 80% посетителей — это обычные люди, которые просто хотят найти конкретный товар. Они не знают, к какой категории себя отнести, и уходят.
Как исправить. Навигация должна отвечать на вопрос пользователя, а не отражать внутреннюю структуру компании. Проверьте себя: может ли человек, который зашёл на ваш сайт впервые, за 5 секунд понять, куда нажать, чтобы найти то, что ему нужно?
Хорошее правило: не больше 7 пунктов в основном меню. Если товаров или услуг много — используйте мега-меню с логичной группировкой и поиск по сайту.
6. Контакты и способы связи спрятаны
Казалось бы, базовая вещь: человек хочет позвонить или написать — он должен легко найти контакты. Но нет. Телефон написан мелким шрифтом где-то в футере, мессенджеры отсутствуют, страница «Контакты» — пустая карта с адресом и одна электронная почта.
Пример: сайт юридической компании, где единственный способ связи — форма обратной связи. Ни телефона, ни WhatsApp, ни Telegram. Для бизнеса, где люди приходят с срочными вопросами, это катастрофа.
Как исправить. Телефон — в шапке сайта, кликабельный на мобильных (`tel:` ссылка). Добавьте мессенджеры, в которых реально сидит ваша аудитория. В 2026 году для России это в первую очередь Telegram и WhatsApp. Виджет чата на сайте — хороший вариант, если за ним действительно кто-то следит и отвечает быстро.
На каждой продуктовой или сервисной странице должен быть блок с контактами или кнопка связи. Не заставляйте человека специально искать, как с вами поговорить.
7. Контент, который не отвечает на вопросы
Пользователь приходит на страницу услуги и видит: три абзаца общих фраз про «индивидуальный подход», «команду профессионалов» и «высокое качество по доступным ценам». Никакой конкретики. Нет цен, нет сроков, нет примеров работ, нет описания процесса.
Человек хочет понять: сколько это стоит, как долго будет длиться, что он получит в итоге. Если сайт не даёт ответов — пользователь идёт к конкуренту, у которого всё расписано.
Как исправить. Перед тем как писать текст для страницы, составьте список вопросов, которые задают реальные клиенты. Менеджеры по продажам — золотой источник этой информации. Потом убедитесь, что на каждый вопрос страница даёт чёткий ответ.
Обязательные элементы для страницы услуги: что входит в услугу, сроки, стоимость (хотя бы вилка «от — до»), процесс работы по шагам, примеры или кейсы, ответы на частые вопросы.
8. Попапы, которые атакуют с первой секунды
Пользователь только открыл страницу — и сразу попап: «Подпишитесь на рассылку!». Закрыл. Через 3 секунды ещё один: «Получите скидку 5%!». Прокрутил страницу — чат-бот выскочил: «Чем могу помочь?». Это не юзабилити — это борьба за выживание.
Попапы — рабочий инструмент. Но есть разница между уместным предложением и цифровым хамством.
Как исправить. Одно правило, которое работает: не показывайте попап, пока пользователь не совершил хотя бы одно осмысленное действие — прокрутил 50% страницы, провёл на сайте больше 30 секунд, или начал уходить (exit-intent попап).
И не показывайте больше одного попапа за визит. Серьёзно. Один. Если вы хотите и подписку, и скидку предложить, и чат-бот показать — выберите что-то одно для конкретного визита.
9. Нет социальных доказательств
Сайт говорит: «Мы лучшие». Пользователь думает: «Ну конечно, а кто про себя скажет иначе?». Без отзывов, кейсов, логотипов клиентов, цифр — всё это пустые слова.
Это особенно критично для сфер с высоким средним чеком: ремонт, юридические услуги, разработка на заказ, медицина. Чем дороже услуга, тем больше доверия нужно заработать до заявки.
Как исправить. Добавьте на сайт реальные отзывы с фотографиями или ссылками на профили. Видеоотзывы работают ещё лучше — их сложнее подделать, и люди это понимают.
Кейсы с конкретными результатами: «Снизили стоимость лида с 1 200 до 430 рублей за 3 месяца» звучит убедительнее, чем «Увеличили эффективность рекламы». Логотипы клиентов, сертификаты, рейтинг на независимых площадках — всё это элементы доверия, которые реально влияют на конверсию.
10. Нет чёткого следующего шага
Пользователь дочитал страницу до конца, убедился, что услуга ему подходит… и что дальше? Страница просто заканчивается. Или внизу — стандартный футер со ссылкой на политику конфиденциальности.
Каждая страница сайта должна вести пользователя к следующему действию. Без явного призыва к действию человек просто закроет вкладку — не потому что ему не интересно, а потому что вы не подсказали, что делать дальше.
Как исправить. В конце каждой значимой страницы — блок с призывом к действию. Не обязательно это должна быть кнопка «Оставить заявку». Это может быть предложение скачать чек-лист, посмотреть похожие кейсы, рассчитать стоимость в калькуляторе или записаться на бесплатную консультацию.
Главное — не оставлять пользователя в тупике. У него всегда должен быть понятный следующий шаг.
Как провести базовый UX-аудит самостоятельно
Если вы читаете эту статью и узнаёте в описаниях свой сайт — вот простой алгоритм, с которого можно начать:
Шаг 1. Посмотрите на сайт глазами нового посетителя. Попросите знакомого, который никогда не видел ваш сайт, выполнить конкретную задачу: найти услугу, узнать цену, оставить заявку. Наблюдайте, не подсказывая. Вы удивитесь, сколько неочевидных проблем всплывёт.
Шаг 2. Изучите Вебвизор. Если у вас подключена Яндекс Метрика — зайдите в раздел Вебвизор и посмотрите записи визитов. Обращайте внимание на моменты, где люди останавливаются, уходят назад, беспорядочно кликают по странице. Это сигналы растерянности.
Шаг 3. Проверьте карту кликов и карту скроллинга. Они покажут, куда пользователи нажимают и до какого места долистывают страницу. Если до формы заявки в конце страницы добирается только 10% посетителей — форму нужно перенести выше.
Шаг 4. Пройдите весь путь до заявки на мобильном. Не через Chrome DevTools, а на реальном телефоне. Засеките время. Если путь от входа на сайт до отправки заявки занимает больше 2 минут — что-то не так.
Шаг 5. Проверьте скорость. PageSpeed Insights от Google, или Яндекс Радар — оба инструмента бесплатны и покажут конкретные проблемы.
Когда нужен профессиональный аудит
Самостоятельная проверка по этому списку поможет найти самые грубые ошибки. Но полноценный юзабилити-аудит — это глубже. Это анализ пользовательских сценариев, тепловых карт, воронки конверсии, A/B тестов, технических метрик производительности.
Исправление UX-ошибок даёт кратный рост конверсии при том же рекламном бюджете. Это самый выгодный вид инвестиций в сайт, потому что вы начинаете получать больше заявок из уже имеющегося трафика.