Сайт встречают по «одежке», провожают по содержимому

30 Ноября 2022 2022-11-30T00:00:00+03:00 382

Чтобы мотивировать клиентов взаимодействовать с продуктом и совершать заказы и покупки через ваш сайт — необходимо базовое дизайн‑оформление. Потому что сейчас любой интернет источник мы встречаем по «одежке», а провожаем по содержимому.

Главная ошибка — думать, что дизайн вашего сайта — это про красоту.

Дизайн всегда про взаимодействие. Есть объекты, с которыми мы взаимодействуем: визитка, баннер, сайт. Кладём визитку в карман, ищем ресторан по вывеске, заполняем форму на сайте. Поэтому цель дизайна вашего сайта — упростить для пользователя взаимодействие и привести его понятным путем к целевому действию.

По этому критерию есть 3 категории дизайна:

  • Дизайн, который мешает взаимодействию.
  • Пример: нечитаемые шрифты, перенасыщение элементами, которые отбирают на себя внимание, полотна текста без абзацев.

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

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

    Когда сразу ясно, как взаимодействовать, на что нажимать, в каком порядке читать. Это можно назвать хорошим дизайном.

  • Дизайн, который приглашает к взаимодействию.
  • Пример: такой дизайн приглашает к взаимодействию с объектом, даже если сам объект вам даром не нужен, и вы просто мимо проходили. Такой дизайн привлекает, добавляет стоимость и приводит к успеху. Это интерактивы, гифки, движение на сайте, звуки, цвета.

А теперь разберем детально 5 базовых ошибок в дизайне, которые мешают взаимодействию. Можете открывать свои сайты и начинать их аудит:

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

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

    Как распределять информацию:

    распределение информации
  3. Это мне нравится, и это мне тоже нравится.
  4. Не делайте страницы сайта разного дизайна, не используйте разные цвета и шрифты. Когда страницы одного сайта имеют разный дизайн, это может сбивать с толку.

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

  7. Отсутствие свободного пространства.
  8. Разумеется, основная, функция веб‑сайта — это предоставлять информацию. Но принцип «чем больше, тем лучше» здесь не работает — оставляйте воздух между блоками с информацией.

  9. Больше и сложные формы регистрации.
  10. Главная задача любого сайта — собирать лиды через формы регистрации. И главная ошибка — делать эти формы большими и сложными для пользователей. Так вы сокращаете количество людей, которые могли бы стать вашими потенциальными клиентами.

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

{"SHOW_MODAL":true,"FORM_ID":"js-subscribe-form","CONTEXT":{"USER_AGENT":"claudebot","IP":"35.172.121.218, 185.94.108.129","MODE":"default","NEWS_ID":382763,"SHOW_MODAL":true},"allowDebug":false,"POSITION_LIST":{"0":{"id":"236","title":"\u0414\u0438\u0440\u0435\u043a\u0442\u043e\u0440","model":false,"name":null,"theme":null},"3":{"id":"237","title":"\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u043e\u0442\u0434\u0435\u043b\u0430 \u043f\u0440\u043e\u0434\u0430\u0436","model":false,"name":null,"theme":null},"5":{"id":"238","title":"\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u043e\u0442\u0434\u0435\u043b\u0430 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u044f","model":false,"name":null,"theme":null},"7":{"id":"239","title":"\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u043e\u0442\u0434\u0435\u043b\u0430 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044f","model":false,"name":null,"theme":null},"9":{"id":"240","title":"\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432","model":false,"name":null,"theme":null},"11":{"id":"241","title":"\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c","model":false,"name":null,"theme":null},"12":{"id":"242","title":"\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043f\u043e \u0437\u0430\u043a\u0443\u043f\u043a\u0430\u043c 1\u0421","model":false,"name":null,"theme":null},"14":{"id":"229","title":"\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043f\u043e \u0418\u0422\u0421 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u043c","model":false,"name":null,"theme":null},"17":{"id":"243","title":"\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440","model":false,"name":null,"theme":null},"18":{"id":"244","title":"\u0414\u0440\u0443\u0433\u043e\u0435","model":false,"name":null,"theme":null}},"RUBRIC_LIST":{"1":{"id":"227","title":"\u041d\u043e\u0432\u043e\u0441\u0442\u043d\u044b\u0435 \u0432\u044b\u043f\u0443\u0441\u043a\u0438 \u0434\u043b\u044f \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432","model":false,"name":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432","theme":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438"},"2":{"id":"228","title":"\u0421\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0435 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435","model":false,"name":"\u0421\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0435 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435","theme":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438"},"4":{"id":"217","title":"\u0418\u0422\u0421 + \u0441\u0435\u0440\u0432\u0438\u0441\u044b","model":false,"name":"\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u043e-\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u044b","theme":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438"},"6":{"id":"230","title":"\u0422\u0438\u043f\u043e\u0432\u044b\u0435 \u043e\u0442\u0440\u0430\u0441\u043b\u0435\u0432\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u00ab1\u0421-\u0420\u0430\u0440\u0443\u0441\u00bb","model":false,"name":"\u0422\u0438\u043f\u043e\u0432\u044b\u0435 \u043e\u0442\u0440\u0430\u0441\u043b\u0435\u0432\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u00ab1\u0421-\u0420\u0430\u0440\u0443\u0441\u00bb","theme":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438"},"8":{"id":"231","title":"\u041e\u0431\u043b\u0430\u0447\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441 \u00ab1\u0421-\u0420\u0430\u0440\u0443\u0441\u00bb \u2014 \u00ab\u0410\u0440\u0435\u043d\u0434\u0430 1\u0421\u00bb","model":false,"name":"\u041e\u0431\u043b\u0430\u0447\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441 \u00ab1\u0421-\u0420\u0430\u0440\u0443\u0441\u00bb \u2014 \u00ab\u0410\u0440\u0435\u043d\u0434\u0430 1\u0421\u00bb","theme":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438"},"10":{"id":"232","title":"\u0422\u043e\u0440\u0433\u043e\u0432\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435","model":false,"name":"\u0422\u043e\u0440\u0433\u043e\u0432\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435","theme":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438"},"13":{"id":"233","title":"\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f (\u0432\u0435\u0431\u0438\u043d\u0430\u0440\u044b, \u0441\u0435\u043c\u0438\u043d\u0430\u0440\u044b, \u0442\u0440\u0435\u043d\u0438\u043d\u0433\u0438)","model":false,"name":"\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f","theme":"\u0410\u043d\u043e\u043d\u0441\u044b"},"15":{"id":"234","title":"\u0410\u043a\u0446\u0438\u0438","model":false,"name":"\u0410\u043a\u0446\u0438\u0438","theme":"\u0410\u043d\u043e\u043d\u0441\u044b"},"16":{"id":"235","title":"\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435","model":false,"name":"\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435","theme":"\u0410\u043d\u043e\u043d\u0441\u044b"}}}