Найти в Дзене

UX-ошибки, которые бесят посетителей и убивают ваш сайт

Раньше всех раздражали всплывающие баннеры и спамные рассылки. Теперь на их место пришёл плохой UX. Разработчики усложняют простые вещи, дизайнеры ставят эстетику выше удобства, маркетологи перегружают сайт попапами — и в итоге обычный пользователь проходит квест на выживание, прежде чем совершить покупку. Какие ошибки в UX реально мешают бизнесу? Разбираем шесть самых раздражающих. Заходишь на сайт — и сразу в лоб всплывающее окно: — Хотите скидку?
— Подпишитесь на рассылку!
— Разрешите уведомления? Закрываешь одно — появляется следующее. Терпение у большинства заканчивается быстрее, чем загружается страница. Как сделать нормально:
— Один попап за сессию, а не каскадный террор.
— Отложенный показ: сначала пользователь должен разобраться с сайтом.
— Видимая кнопка закрытия без уловок («Уверены, что не хотите?»). Главное правило интерфейса — пользователь не должен думать, где нажать. Но на многих сайтах кнопка «Купить» превращается в «Оформить заявку» или прячется в углу серым цвет
Оглавление
Визуальное оформление темы: UX-ошибки, которые мешают пользователям и вредят бизнесу
Визуальное оформление темы: UX-ошибки, которые мешают пользователям и вредят бизнесу

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

Какие ошибки в UX реально мешают бизнесу? Разбираем шесть самых раздражающих.

1. Попапы, которые не отстают

Абсурдный попап в качестве примера. Источник: yandex.ru
Абсурдный попап в качестве примера. Источник: yandex.ru

Заходишь на сайт — и сразу в лоб всплывающее окно:

— Хотите скидку?
— Подпишитесь на рассылку!
— Разрешите уведомления?

Закрываешь одно — появляется следующее. Терпение у большинства заканчивается быстрее, чем загружается страница.

Как сделать нормально:
— Один попап за сессию, а не каскадный террор.
— Отложенный показ: сначала пользователь должен разобраться с сайтом.
— Видимая кнопка закрытия без уловок («Уверены, что не хотите?»).

2. Кнопки-квесты

Пример неудачной кнопки. И надпись непонятна, и по дизайну сливается со страницей - неясно вообще, что это кнопка
Пример неудачной кнопки. И надпись непонятна, и по дизайну сливается со страницей - неясно вообще, что это кнопка

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

Что бывает хуже? Когда кнопка есть, но работать она начинает только с третьего клика.

Как сделать нормально:
— Названия кнопок должны соответствовать их функции: «Купить», «Записаться», «Заказать».
— Цвет и размер должны быть заметными.
— Кнопка должна быть кликабельной сразу, без дополнительных действий.

3. Футер, который невозможно поймать

Частый UX-антипаттерн — подгрузка новых блоков контента при прокрутке. В результате найти контакты или условия доставки невозможно: футер постоянно ускользает вниз.

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

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

4. Автозапуск видео со звуком

Видео со звуком включается само и пугает пользователя
Видео со звуком включается само и пугает пользователя

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

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

Как сделать нормально:
— Видео без автозапуска.
— Если автозапуск всё-таки нужен, звук должен быть отключён по умолчанию.
— Кнопка паузы на видном месте.

5. Медленный сайт

Бесконечный лоадер — сайт грузится так долго, что пользователь закрывает вкладку
Бесконечный лоадер — сайт грузится так долго, что пользователь закрывает вкладку

Статистика говорит: если страница грузится дольше трёх секунд, 53% пользователей её закроют.

Что мешает скорости?
Неоптимизированные изображения размером 10+ мегабайт.
Скрипты и анимации, перегружающие сайт.
Крутящийся лоадер, который обещает «ещё немного» — и так минуту.

Как сделать нормально:
— Сжимать изображения перед загрузкой.
— Не перегружать сайт анимацией и скриптами.
— Тестировать скорость загрузки, особенно на мобильных устройствах.

6. Неудобные формы

Лишние поля в форме отпугивают пользователей
Лишние поля в форме отпугивают пользователей

Заполняешь анкету, нажимаешь «Отправить» — появляется ошибка. Вместе с ней обнуляются все поля, и теперь всё надо заполнять заново.

Такие формы — тормоз для конверсии. Пользователь просто закроет страницу.

Как сделать нормально:
— Если есть ошибка, подсвечивать только проблемное поле, не стирая всё.
— Дать возможность
сохранить данные и вернуться позже.
— Подключить автозаполнение для стандартных полей (имя, почта, телефон).

Как не превращать сайт в UX-кошмар

Плохой UX — это не просто недочёт. Это причина, по которой клиенты уходят, а бизнес теряет деньги.

Три принципа хорошего UX
Простота. Пользователь не должен разбираться, как работать с сайтом.
Отсутствие раздражающих факторов. Меньше попапов, меньше autoplay, меньше ненужных кликов.
Скорость. Если сайт тормозит, им просто не будут пользоваться.

Если человек закрыл сайт с раздражением, он не вернётся. UX должен работать на бизнес, а не против него.

Еще больше интересного и полезного про сайты, брендинг, маркетинг и нейросети я рассказываю в своем ТГ-канале. Заходите, будет интересно!

А что из перечисленного выше бесит вас больше всего? Или есть что-то еще? Пишите в комментариях!