Дизайн отличный, а продаж нет? 6 ошибок UX, которые всё портят

Дизайнер закончил работу. Цвета сочетаются, шрифты аккуратные, каждый экран хочется показать друзьям. Заказчик доволен, команда довольна — а через месяц заявок столько же, сколько было, или даже меньше. Реклама кликается, посетителей больше, а телефон молчит, форма заявки пустует. Это один из самых частых вопросов, которые нам задают: «сайт красивый, почему не продаёт?»

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

Навигация и кнопки: если человек не понимает, куда идти, он уходит

Эти две детали формируют первое впечатление ещё до того, как посетитель успел прочитать хоть строчку текста.

1. Перегруженная навигация

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

Механизм здесь прямой: каждый лишний пункт меню требует от посетителя ещё одного решения — угадать, в каком подразделе искать нужное, а если ошибся — вернуться и попробовать снова. На телефоне цена этой ошибки выше: открыть и закрыть меню — уже одно касание, экран маленький, терпения мало, и после двух-трёх промахов человек не пробует снова, а просто уходит с сайта.

Что сделать на этой неделе: посмотрите в Google Analytics (или просто спросите у себя), какие пять вопросов задают чаще всего — обычно это цена, услуги, контакты, примеры работ и «кто вы». Оставьте в главном меню только эти пять пунктов, остальное уберите в подвал сайта. Называйте разделы не своим внутренним термином, а тем словом, которое клиент произносит по телефону.

2. Невнятный текст на кнопках

Выпишите на листок все кнопки сайта — только текст. Сколько из них говорят «Подробнее», «Узнать больше», «Перейти»? Это и есть симптом: одни и те же три-четыре слова повторяются на разных страницах, и ни одно не выделяется, потому что ни одно не объясняет, что человек получит.

Причина в риске: нажать на кнопку с непонятным результатом — это маленький, но реальный риск. «Куда это меня приведёт — откроется форма, начнётся звонок, или я попаду на пустую страницу?» На телефоне этот вопрос острее, потому что вернуться назад стоит одного касания, и вместо риска человек чаще просто закрывает вкладку — для вас это не абстрактная цифра, а конкретный упущенный клиент.

Сильная кнопка обещает результат заранее: «Рассчитать стоимость», «Получить бесплатную консультацию», «Смотреть примеры работ». На этой неделе уберите каждую кнопку из контекста страницы и прочитайте отдельно — она понятна сама по себе? Если нет — замените глагол на конкретный результат и, где можно, добавьте слово доверия: «бесплатно», «в течение суток», «сейчас». Кнопка в форме заявки со словом «Отправить» ничего не обещает — «Отправить заявку, ответим в течение дня» показывает результат заранее.

Цена и форма: барьер, который встаёт в последний момент

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

3. Скрытая или запоздалая цена

По отчёту института Baymard, объединившему более 50 исследований, 40% отказов от корзины происходит из-за дополнительных расходов — доставки, налога, комиссии, — которые всплывают на последнем шаге. Симптом легко найти на своём сайте: есть ли страница с ценами, или единственный путь — кнопка «Оставьте заявку, мы перезвоним»? На сайте автосервиса без цен клиент не станет звонить, чтобы узнать стоимость замены масла — он откроет вкладку конкурента, где цена уже написана.

Механизм — это риск по времени: позвонить, подождать, услышать «это не в вашем бюджете». Люди чаще выбирают предложение, где цена уже известна, чем берут на себя этот риск ради вас. Уходит не тот, кому дорого — уходит тот, кому лень выяснять.

Что сделать на этой неделе: точная цифра не обязательна, но стартовая цена («от…»), диапазон или три-четыре фактора, которые на неё влияют (объём работ, срочность, материалы), должны быть на сайте. Тогда посетитель прикидывает стоимость сам, а звонят только те, кого цифра уже устроила.

4. Слишком длинная форма

В том же отчёте 17% отказов связаны с «слишком долгим и сложным процессом оформления», хотя оптимальная форма содержит 12–14 полей (7–8, если считать только реально заполняемые), а средний сайт запрашивает больше 23. Посмотрите на свою форму заявки: имя, телефон, email, компания, должность, бюджет, тип проекта, дата рождения — если это десять полей и больше, вы уже в зоне среднего показателя, а не оптимального.

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

Задайте вопрос к каждому полю своей формы: это нужно прямо сейчас, или можно уточнить по телефону позже? Имя, телефон и одна строка про задачу — обычно этого достаточно. Дату рождения, юридический адрес, «откуда вы о нас узнали» перенесите в разговор после заявки — к тому моменту человек уже заинтересован и не откажется ответить.

Доверие и мобильная версия: то, что не видно глазом, но чувствуется

Эти два фактора не измеряются цифрой на экране, но именно они решают, заполнит ли посетитель форму.

5. Отсутствие сигналов доверия

Посмотрите на подвал своего сайта: там только email, телефона нет? Страница «О нас» — два предложения, без фото команды и без реальных примеров работ? Это и есть симптом — посетитель вас не знает, и даже безупречно работающий сайт без этих деталей всегда вызывает один вопрос: «это настоящая компания, или она исчезнет после того, как я заполню форму?»

Механизм здесь про доверие, а не про дизайн: заполнить форму — уже небольшой риск, вы отдаёте телефон, email, иногда бюджет адресату, которого не можете проверить. Без ответа мозг выбирает безопасный вариант и не пишет ничего. Особенно это бьёт по новым или малоизвестным компаниям — у крупного, узнаваемого бренда этой проблемы нет, имя само создаёт доверие, а небольшой студии эту работу должен делать сайт.

Что сделать на этой неделе: добавьте настоящий адрес (даже если офис небольшой), рабочий номер телефона, примеры работ с разрешением клиента и короткий, конкретный абзац «кто мы» — сколько лет вы работаете, в чём специализируетесь. Не добавляйте выдуманные цифры вроде «сотни довольных клиентов» — один-два реальных, разрешённых примера убеждают сильнее, чем непроверяемая статистика.

6. Забытые детали мобильной версии

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

Исследование по размеру интерактивных элементов подтверждает простое правило: чем крупнее цель, тем выше шанс попасть в неё с первого раза. Мелкие, тесно расположенные кнопки не просто раздражают — они убивают реальный заказ, потому что после двух-трёх промахов человек закрывает форму, особенно если он в дороге или на ходу, и терпения возвращаться уже нет.

Что сделать на этой неделе: пройдите сайт со своего телефона, пальцем, без увеличения, от начала до конца. Нажмите каждую кнопку и ссылку по одному разу. Текст читается без масштабирования? Когда форма открыта, кнопка «Отправить» видна поверх клавиатуры? Каждую найденную проблему записывайте отдельно — почти всегда это правка отступов и размеров, а не переделка кода.

Что делать: пройдите этот список по своему сайту

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

• Откройте меню с телефона — находите нужное за три секунды?
• Прочитайте каждую кнопку отдельно — она обещает результат или просто «подробнее»?
• Поищите строку про цену — она есть, или полное молчание?
• Заполните форму сами — сколько полей, какие из них действительно нужны?
• Посмотрите на адрес и телефон — они конкретные, или общая фраза?
• Пройдите сайт с телефона, пальцем — по кнопкам легко попадать?

Каждый пункт, отмеченный «да», работает на вас, а каждый «нет» завтра отразится на числе заявок.

Красивый сайт привлекает внимание, а правильный путь пользователя превращает это внимание в деньги.

Пройдите список по собственному сайту: если узнали больше трёх пунктов, дело не в дизайне, а в продумывании пользовательского опыта за ним. Мы не переделываем сайт наугад — сначала измеряем, на каком именно шаге теряются посетители, и чиним только этот шаг.