К содержимому
Сайты · 3 мин чтения

10 законов дизайна, которые помогут вам не слить деньги на рекламе сайта

Удобство сайта напрямую влияет на продажи и заявки, и на то, останется ли человек на сайте или закроет его через 5 секунд. Есть проверенные законы, по которым делают понятные и логичные сайты. Ниже список правил с пояснениями и вопросами для проверки.

Удобство сайта напрямую влияет на продажи, заявки и вообще на то, останется ли человек на сайте или закроет его через 5 секунд. Есть проверенные законы, которые помогают делать сайты, где всё понятно, логично и просто. Ниже список этих правил с пояснениями и примерами. Читайте и сверяйтесь.

Как не перегрузить посетителя

Закон Хика. Слишком много выбора хуже, чем мало. Если на экране 10 кнопок, 5 предложений и 7 путей, человек теряется и уходит. Что делать: оставьте 1-2 основных действия на экране, остальное спрячьте вглубь. Проверьте: на первом экране один главный акцент? Пользователю понятно, что делать дальше?

Закон Миллера. Человек запоминает примерно 7 элементов одновременно. Если в меню 15 пунктов или слишком много текста, внимание рассыпается. Что делать: группируйте, убирайте лишнее, сокращайте. Проверьте: меню простое? Страницы выглядят чисто и не перегружены?

Закон Фиттса. Чем меньше и дальше кнопка, тем сложнее по ней попасть. Мелкие ссылки в углу экрана это ошибка, особенно на телефоне. Что делать: делайте кнопки большими, с отступами. Проверьте: кнопки удобно нажимаются пальцем?

Эффект серийной позиции. Мы лучше запоминаем первое и последнее. Если важное спрятано в середине, его не заметят. Что делать: размещайте важное в начале или в конце списков.

Как вести человека по сайту

Закон Якоба. Пользователи ожидают, что сайт будет работать как другие. Если у вас интернет-магазин, корзина должна быть в правом верхнем углу, а не в футере. Что делать: не изобретайте велосипед без причины, стандарты работают.

Сложность нельзя убрать, её можно только отдать либо системе, либо посетителю.

Эффект Зейгарник. Незавершённые действия цепляют: если человек начал, но не закончил, он хочет вернуться. Что делать: показывайте прогресс (например, «шаг 1 из 3») и сохраняйте введённые данные. Проверьте: формы можно заполнять поэтапно? Если случайно закрыл, данные не потерялись?

Обратная связь. Пользователь должен понимать, что его действие сработало. Нажал кнопку, ничего не произошло, и он злится. Что делать: показывайте подтверждения, анимации, загрузку.

Как закончить сценарий и снять нагрузку

Пик и конец. Человек запоминает не всё, а пиковый момент и финал. Если сайт в целом нормальный, но сценарий закончился ошибкой, впечатление плохое. Что делать: финал это благодарность, «ваш заказ принят», приятное сообщение.

Закон Постела. Сайт должен понимать разные варианты. Если телефон пишут с +7 или с 8, e-mail с пробелами, а форма выдаёт ошибку, это плохо. Что делать: быть терпимым к ошибкам пользователя, помогать, а не ругать.

Закон Теслера. Сложность нельзя убрать, её можно только перераспределить: либо вы делаете систему умнее, либо грузите этим пользователя. Что делать: автоматизируйте, подсказывайте, запоминайте. Проверьте: сайт помогает сделать выбор и не заставляет думать больше, чем нужно?

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

Вопросы

Коротко о главном

Что такое закон Хика на сайте?

Слишком много выбора хуже, чем мало. Если на экране десять кнопок и семь путей, человек теряется и уходит, поэтому на экране оставляют 1-2 основных действия.

Почему кнопки на сайте должны быть большими?

По закону Фиттса чем меньше и дальше кнопка, тем сложнее по ней попасть, особенно на телефоне. Кнопки делают крупными и с отступами.

Что делать, если форма на сайте выдаёт ошибку на телефон с 8 вместо +7?

Это нарушение закона Постела: сайт должен быть терпим к разным вариантам ввода и помогать пользователю, а не ругать его.

Тимофей Карканица
Автор
Тимофей Карканицаоснователь ZITORI, с 2017 года ведёт рекламу, аналитику и CRM для клиентов агентства. Текст из авторского Telegram-канала

Разборы в журнале написаны по своим проектам. Если у вас похожая задача, покажем на вашем кабинете, что менять: бесплатный разбор →

Расчёт бесплатно

Сколько заявок и по какой цене получится у вас?

Ответьте на три вопроса. Посмотрим спрос, конкурентов и текущую рекламу, потом пришлём расчёт: цену заявки, бюджет на старт и что запускать первым.

Удобнее голосом или в мессенджере: +7 (958) 761-82-50, Telegram или WhatsApp.

Шаг 1 из 4
Что нужно запустить?
Шаг 2 из 4
Какой рекламный бюджет в месяц рассматриваете?
Шаг 3 из 4
Расскажите о бизнесе
Шаг 4 из 4
Куда прислать расчёт?

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

Не получилось отправить. Напишите в Telegram или позвоните +7 (958) 761-82-50.

Получить расчёт ↗
Telegram Расчёт