UX: почему дизайн — это не искусство угадывать, а наука не мешать пользователю.

У каждого дизайнера бывает момент, когда хочется «сломать систему».
Убрать кнопку «Назад», потому что «так скучно».
Перевернуть карточку товара, потому что «так никто не делает».
А потом приходит пользователь — и не может найти кнопку.

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

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

Якоб Нильсен, легендарный эксперт по юзабилити, сказал:

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

Паттерны — это не шаблоны, а грамматика интерфейсов

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

Можно «ломать систему», но делать это стоит осознанно —
как инженер с тестами, метриками и фидбеком, а не как художник, случайно снявший тормоза с велосипеда.

Типовые UX-паттерны, которые работают

• Хедер: логотип + навигация + корзина / вход.
• Каталог: фильтры слева, товары справа.
• Карточка товара: фото слева, описание и кнопка «Купить» справа.
• Форма: подпись сверху, поле ввода под ней, кнопка снизу.
• Лендинг: первый экран с оффером → выгоды → отзывы → контакты.

Даже если хочется быть «уникальным» —
строить стоит на основе, а не вопреки.

Почему это работает

Мозг человека экономит энергию — ищет знакомые паттерны, чтобы не анализировать заново.
Если элемент работает предсказуемо — пользователь спокоен.
Если нет — включается когнитивное напряжение:

“Я уже делал это тысячу раз — почему здесь всё иначе?”

Когда дизайн нарушает ожидания, мозг тратит силы.
Внимание падает, раздражение растёт, и человек закрывает сайт.

🧠 Законы UX, которые нельзя игнорировать

1. Закон Фиттса

Чем ближе и больше цель — тем легче попасть.

Пол Фиттс, психолог и инженер (1954), исследовал, как быстро человек наводит курсор или палец на цель.
Формула проста: чем дальше и меньше кнопка, тем дольше на неё наводятся.

Вывод для дизайна:

• Меню и навигация должны быть ближе к пальцу (внизу на смартфонах).
• CTA не должны быть микроскопическими.
• Пользователь, промахнувшийся трижды, не вернётся с благодарностью — он уйдёт к конкуренту.

2. Закон Хика

Чем больше выбор, тем дольше решение.

Психологи Уильям Хик и Рэй Хайман доказали:
время реакции растёт с количеством опций.

В дизайне:

• Фильтры и меню: не перегружайте экран — показывайте главное, остальное — под «ещё».
• Формы: разбивайте длинные анкеты на шаги.
• Каталоги: группируйте категории и добавляйте “популярные”.

Много кнопок — это не свобода, это паралич выбора.

3. Закон Миллера

Мы можем удержать в голове 7 ± 2 элемента.

Джордж Миллер (1956) показал, что кратковременная память ограничена.
Более 9 элементов — и внимание “отключается”.

Как применять:

• Меню — не более 5–7 пунктов.
• Формы — до 9 полей.
• Текст — короткие блоки и списки.
• Обучение — пошаговое, без 15 кнопок сразу.

4. Z- и F-паттерны сканирования

Нильсен и Норман десятилетиями изучали движение взгляда по экрану.
Результат: пользователь не читает, а сканирует.

• Z-паттерн: для простых страниц — взгляд идёт зигзагом.
  → Вверху слева — логотип и заголовок,
  → Внизу справа — кнопка действия.
• F-паттерн: для контента — взгляд двигается по горизонтали и постепенно вниз.
  → Заголовки, подзаголовки и выделения создают «якоря» внимания.

Главное: UX — это не искусство угадывать, а наука не мешать

Пользователь не ленив — он рационален.
Если интерфейс помогает действовать без усилий — он чувствует себя умным, и возвращается.

Мы знаем, почему дальние кнопки становятся «невидимыми» (Фиттс),
почему избыток выбора парализует (Хик),
и почему мозг не любит 20 пунктов в меню (Миллер).
Добавим траекторию взгляда от Нильсена — и получаем карту поведения мозга,
по которой нужно строить дизайн, если не хочешь бороться с биологией.

Да, можно нарушать правила.
Но важно понимать, где заканчивается креатив — и начинается когнитивное страдание.