Содержание
Основное правило веб-дизайна — «Не заставляй пользователя думать» (Don't make me think), сформулированное Стивом Кругом. Это означает, что любой посетитель должен за 2-3 секунды интуитивно понять: где он находится, что предлагает сайт и куда нажать для совершения целевого действия. Если пользователь начинает искать кнопку меню, размышлять над значком или гадать, кликабелен ли элемент — дизайн нарушил главный закон.
Почему это правило — фундамент
Интернет-пользователи не читают, а сканируют. Они не разбираются в устройстве сайта, а ожидают, что всё будет работать как на тысяче других ресурсов, которые они уже видели. Нарушение ожиданий вызывает фрустрацию и уход с сайта. Основное правило веб-дизайна базируется на трёх когнитивных принципах:
- Привычные паттерны (Закон Якоба). Люди приносят свой опыт с других сайтов. Если корзина всегда в правом верхнем углу, а логотип ведёт на главную — не меняйте это.
- Отсутствие когнитивной нагрузки. Пользователь не хочет решать головоломку. Каждый лишний вопрос увеличивает шанс ухода на 25-30%.
- Эффект «слепоты баннеров». Если всё выглядит как реклама, пользователь это игнорирует. Главное действие должно быть очевидным.
| Нарушение правила | Пример | Последствие |
|---|---|---|
| Нестандартная навигация | Меню вертикально справа, логотип не ведёт на главную, пункты меню названы творчески («Секреты», «Истории» вместо «О нас», «Услуги») | Пользователь тратит 5+ секунд на поиск нужного раздела, около 40% уходят |
| Некликабельные элементы выглядят как кнопки | Заголовок стилизован под кнопку, обычный текст подчёркнут как ссылка | Ложные ожидания → разочарование → потеря доверия |
| Отсутствие визуальной иерархии | Заголовок того же размера, что и обычный текст; акционное предложение не выделено цветом | Взгляд «блуждает», пользователь не понимает, что важно |
Как применить правило на практике
«Не заставляй пользователя думать» реализуется через конкретные дизайн-решения, которые проверяются тестами (например, тест 5 секунд: покажите макет на 5 секунд и спросите, что запомнили).
1. Следуйте стандартным паттернам расположения элементов
Логотип — вверху слева или по центру. Основное меню — по горизонтали в хедере. Корзина (для e-commerce) — в правом верхнем углу. Поиск — иконка лупы или строка в верхней части. Поиск контактов — в хедере или футере, ссылка «Контакты» в меню. Не экспериментируйте с расположением этих элементов — пользователь ищет их на автомате.
2. Делайте кликабельные элементы очевидными
Ссылки должны быть подчёркнуты или выделены цветом, контрастным с текстом. Кнопки — иметь форму, тень, фон или обводку, при наведении менять цвет/размер/тень. Запрещено делать кликабельными заголовки или простые тексты без явных визуальных подсказок.
3. Обеспечьте 2-секундную понятность страницы
Главный экран (над «сгибом») должен отвечать на три вопроса:
- «Что это за сайт?» (логотип + теги).
- «Что мне здесь предлагают?» (заголовок, подзаголовок, ключевое преимущество).
- «Куда нажать, чтобы получить это?» (яркая контрастная кнопка СТА).
Если на эти вопросы нет ответа за 2 секунды — дизайн провалил главное правило.
4. Минимизируйте количество вариантов для выбора
Правило Хика гласит: время принятия решения растёт с увеличением числа вариантов. Лучше 1-2 главных действия на страницу, чем 5-6. Вместо меню «Услуги → 15 пунктов» разбейте услуги на категории по 3-4 пункта. Вместо 10 преимуществ оставьте 3 самых сильных, остальные спрячьте в аккордеон или блок «Подробнее».
Как проверить себя на соответствие правилу
Самый простой способ — тест «мамы»: покажите сайт человеку, далёкому от вашей темы, и попросите выполнить простое действие (найти телефон, добавить товар в корзину, записаться на приём). Засеките время. Если действие заняло более 3-5 секунд без поиска и раздумий — правило нарушено. Второй способ — запись экрана (пользовательские сессии). Тепловые карты кликов и скроллинга (сервисы типа Hotjar) покажут, где люди зависают, что игнорируют и по каким элементам «матерятся» (движения мыши туда-сюда).
Что не является основным правилом, но часто путают
Многие начинающие дизайнеры считают главным правилом «эстетику», «цветовой круг» или «адаптивность». Это важные компоненты, но они второстепенны по отношению к «не заставляй пользователя думать». Можно сделать криво, но понятно — сайт будет работать. Нельзя сделать красиво, но непонятно — пользователь уйдёт к конкурентам. Основное правило стоит выше всех трендов и визуальных приёмов. Оно — вечная аксиома веб-дизайна, потому что за ним стоит психология поведения человека.
Итог: каждое дизайнерское решение задавайте себе вопрос — упрощает ли это жизнь пользователю или усложняет? Если хотя бы на секунду вынужден задуматься — редизайн. Веб-дизайн, следующий главному правилу, становится невидимым, и это высшая похвала: пользователь выполнил целевое действие, даже не заметив, как здорово продуман интерфейс.
