Каждый раз, когда пользователь не может найти кнопку «Купить» или закрыть навязчивый попап — где-то в мире проливает на себя кофе один дизайнер. Шутка, но доля правды тут есть: 90% новичков допускают одни и те же грубые ошибки, которые убивают UX. Давайте разберём ТОП-5 самых раздражающих косяков и научимся их избегать — иначе ваши интерфейсы продолжат сводить людей с ума.
❌ Ошибка 1: «Кнопка-невидимка»
Кнопки сливаются с фоном (например, серые на сером, слишком бледные, маленькие или тонкий шрифт, невнятный дизайн). Пользователи тыкают в экран, но ничего не происходит.
Как исправить:
- Контрастный цвет (например, #FFF345 для важных действий).
- Адекватный фон под кнопкой.
- Размер минимум 44×44 px (для мобильных).
- Текст действия, например «Оформить заявку», а не «Кликните здесь».
- Простой и привычный дизайн.
- Приветствуется анимация.
❌ Ошибка 2: «Убийственная типографика»
Мелкий шрифт, плохая читаемость, «стена текста», не правильное выравнивание, недостаточные отступы, плохо подобраны цвета.
Как исправить:
- Шрифт от 16px для основного текста.
- Line-height 1.5.
- Максимум 60 символов в строке.
- Если текста много (больше 1 предложения), рекомендую выравнивать по правому краю.
- Делайте хорошие отступы.
- Выделяйте жирным важные слова.
- Подберите контрастные цвета.
- Используйте стиль тегов или списки для перечисления, например услуг.
❌ Ошибка 3: «Навигация-лабиринт»
Меню, где нельзя найти нужный раздел.
Как исправить:
- Не больше 7 основных пунктов.
- Логичная группировка (например, «О нас», «Услуги», «Контакты»).
- Поиск на видном месте (если он нужен).
- Если продаете услуги, то все услуги группируйте в отдельную кнопку, например «Каталог услуг» подробнее об этом в следующих статьях.
❌ Ошибка 4: «Формы-допросники»
Регистрация с 20 полями, включая «Отчество» и «Любимый цвет».
Как исправить:
- Только обязательные поля.
- Прогресс-бар (например, «Шаг 1 из 3»).
- Автозаполнение.
❌ Ошибка 5: «Попапы-вампиры»
Всплывающие окна без крестика «Закрыть».
Как исправить:
- Чёткий крестик в углу.
- Показывать не сразу, а через 30 секунд.
- Не перекрывать основной контент.
Теперь вы знаете врагов в лицо. Проверьте свои проекты: если найдёте хоть одну из этих ошибок — срочно исправляйте! А какая ошибка бесит лично вас? Пишите в комментариях — разберём её в следующем посте!
Спасибо за чтение!
Подписывайтесь — впереди будет больше подобных разборов.
#дизайн #UX #ошибки #новичкам #интерфейсы