10 законов дизайна, которые помогут вам не слить деньги на рекламе сайта
Удобство сайта напрямую влияет на продажи и заявки, и на то, останется ли человек на сайте или закроет его через 5 секунд. Есть проверенные законы, по которым делают понятные и логичные сайты. Ниже список правил с пояснениями и вопросами для проверки.
Удобство сайта напрямую влияет на продажи, заявки и вообще на то, останется ли человек на сайте или закроет его через 5 секунд. Есть проверенные законы, которые помогают делать сайты, где всё понятно, логично и просто. Ниже список этих правил с пояснениями и примерами. Читайте и сверяйтесь.
Как не перегрузить посетителя
Закон Хика. Слишком много выбора хуже, чем мало. Если на экране 10 кнопок, 5 предложений и 7 путей, человек теряется и уходит. Что делать: оставьте 1-2 основных действия на экране, остальное спрячьте вглубь. Проверьте: на первом экране один главный акцент? Пользователю понятно, что делать дальше?
Закон Миллера. Человек запоминает примерно 7 элементов одновременно. Если в меню 15 пунктов или слишком много текста, внимание рассыпается. Что делать: группируйте, убирайте лишнее, сокращайте. Проверьте: меню простое? Страницы выглядят чисто и не перегружены?
Закон Фиттса. Чем меньше и дальше кнопка, тем сложнее по ней попасть. Мелкие ссылки в углу экрана это ошибка, особенно на телефоне. Что делать: делайте кнопки большими, с отступами. Проверьте: кнопки удобно нажимаются пальцем?
Эффект серийной позиции. Мы лучше запоминаем первое и последнее. Если важное спрятано в середине, его не заметят. Что делать: размещайте важное в начале или в конце списков.
Как вести человека по сайту
Закон Якоба. Пользователи ожидают, что сайт будет работать как другие. Если у вас интернет-магазин, корзина должна быть в правом верхнем углу, а не в футере. Что делать: не изобретайте велосипед без причины, стандарты работают.
Сложность нельзя убрать, её можно только отдать либо системе, либо посетителю.
Эффект Зейгарник. Незавершённые действия цепляют: если человек начал, но не закончил, он хочет вернуться. Что делать: показывайте прогресс (например, «шаг 1 из 3») и сохраняйте введённые данные. Проверьте: формы можно заполнять поэтапно? Если случайно закрыл, данные не потерялись?
Обратная связь. Пользователь должен понимать, что его действие сработало. Нажал кнопку, ничего не произошло, и он злится. Что делать: показывайте подтверждения, анимации, загрузку.
Как закончить сценарий и снять нагрузку
Пик и конец. Человек запоминает не всё, а пиковый момент и финал. Если сайт в целом нормальный, но сценарий закончился ошибкой, впечатление плохое. Что делать: финал это благодарность, «ваш заказ принят», приятное сообщение.
Закон Постела. Сайт должен понимать разные варианты. Если телефон пишут с +7 или с 8, e-mail с пробелами, а форма выдаёт ошибку, это плохо. Что делать: быть терпимым к ошибкам пользователя, помогать, а не ругать.
Закон Теслера. Сложность нельзя убрать, её можно только перераспределить: либо вы делаете систему умнее, либо грузите этим пользователя. Что делать: автоматизируйте, подсказывайте, запоминайте. Проверьте: сайт помогает сделать выбор и не заставляет думать больше, чем нужно?
Сохраните эти законы и проверьте, соответствует ли им ваш сайт. Если нужно сделать сайт, который учитывает их с самого начала, посмотрите нашу услугу разработка сайта под ключ.
Коротко о главном
Что такое закон Хика на сайте?
Слишком много выбора хуже, чем мало. Если на экране десять кнопок и семь путей, человек теряется и уходит, поэтому на экране оставляют 1-2 основных действия.
Почему кнопки на сайте должны быть большими?
По закону Фиттса чем меньше и дальше кнопка, тем сложнее по ней попасть, особенно на телефоне. Кнопки делают крупными и с отступами.
Что делать, если форма на сайте выдаёт ошибку на телефон с 8 вместо +7?
Это нарушение закона Постела: сайт должен быть терпим к разным вариантам ввода и помогать пользователю, а не ругать его.

