5 элементов UX, которые ломают твой сайт (+исследования)

Хороший UX не всегда про визуал. Чаще — про отсутствие барьеров, о которых пользователи даже не догадываются. Ниже — пять элементов, которые системно снижают конверсию, доверие и вовлечённость. Все данные опираются на исследования Baymard Institute, CXL и Nielsen Norman Group.

1. Регистрация, требующая слишком много данных

Многие компании хотят “узнать о пользователе побольше”, но исследования Baymard показывают: каждое лишнее поле минус 2 % конверсии. Особенно болезненно это для e-commerce и сервисов с гостевой регистрацией.

Как лучше:

– показывать только ключевые поля; – предлагать вход через Apple ID, Google или Telegram; – использовать мгновенную валидацию, чтобы не заставлять вводить всё заново.

2. Таблицы с тарифами без фокуса

Типичный блок “цены” на лендингах — три равных карточки, одинаково выглядящие. Проблема в том, что пользователь не понимает, какой тариф выбрать. Baymard Institute отмечает: если визуально выделить “рекомендованный” план, пользователи принимают решение на 20–25% быстрее.

Как лучше:

– подсвети оптимальный тариф контрастом или бейджем; – добавь короткое описание (“подходит для фрилансеров”, “для команд”); – убери визуальный шум — пусть выбор очевиден.

3. Фильтры, требующие подтверждения кнопкой

UX Research Shopify показало: фильтры, расположенные сверху и применяющиеся автоматически, повышают завершение поиска на 24%.

Как лучше:

– показывай выбранные параметры сразу; – добавь крестики для быстрого сброса; – не прячь фильтры в бургер-меню.

4. Поп-апы на входе

Ничто так не раздражает, как окно “Подпишись на рассылку”, выпрыгивающее до того, как пользователь понял, куда попал. По данным CXL, 82% людей закрывают такие поп-апы, не читая.

Как лучше:

– показывай поп-ап по действию (например, при попытке закрыть вкладку или на 50 % прокрутки); – оставляй возможность закрыть клик-аутом; – делай одно действие, одну цель.

5. CTA без смысла

“Подробнее”, “Наши услуги”, “Узнать больше” — универсальные, но бесполезные. Согласно CXL и Nielsen Norman, конкретные CTA (“Посмотреть кейс”, “Сравнить тарифы”) повышают клики до 40%.

Как лучше:

– используй глаголы действия, которые обещают результат; – добавляй контекст: “Скачать чек-лист (PDF, 2 мин чтения)”; – проверяй, понятно ли, куда ведёт ссылка, без визуала рядом.

UX — это не “красиво/некрасиво”, а насколько быстро человек достигает своей цели. Каждый из этих пунктов кажется мелочью, но вместе они формируют восприятие “удобного” сайта.

5 элементов UX, которые ломают твой сайт (+исследования) | Сетка — социальная сеть от hh.ru 5 элементов UX, которые ломают твой сайт (+исследования) | Сетка — социальная сеть от hh.ru 5 элементов UX, которые ломают твой сайт (+исследования) | Сетка — социальная сеть от hh.ru 5 элементов UX, которые ломают твой сайт (+исследования) | Сетка — социальная сеть от hh.ru 5 элементов UX, которые ломают твой сайт (+исследования) | Сетка — социальная сеть от hh.ru 5 элементов UX, которые ломают твой сайт (+исследования) | Сетка — социальная сеть от hh.ru