Паблишерам

ТОП-11 ошибок в веб-дизайне сайтов

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

Согласно статистике, первое впечатление о ресурсе на 94% зависит от его визуальной составляющей. Клиент может не разбираться в технических тонкостях, но обязательно подметит кривую верстку или неуместные цвета.

Собрали 11 основных проблем, которые мешают в продвижении и раздражают юзеров.

1. Нет разделения на смысловые блоки

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

Лучше всего делать блоки разных цветов или с разным фоном и небольшими отступами (от 120 до 180 px).

К примеру, на сайте слева юзеру будет тяжело воспринимать информацию из-за отсутствия визуального разделения. В примере справа каждый блок выделен цветом. Такой прием способствует лучшему восприятию пользователем.

2. Неудобное меню

В попытках сделать необычный сайт дизайнеры воплощают в меню идеи, которые потом снятся юзерам в страшных кошмарах.

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

Пример неудачного меню: пользователям сложно ориентироваться в товарах

Пример удачного меню с разделением на категории

3. Неуместный дизайн

Многие перегибают палку и из крутого дизайна делают домашнюю страницу городской школы, которую верстали школьники на уроке информатики.

Сюда же добавим и про соответствие дизайна и тематики. Согласитесь, если вы рекламируете казино, то странно делать дизайн в кофейной или продуктовой тематике?

Пример неуместного дизайна сайта

Пример удачного дизайна для спортивного клуба

4. Отсутствие свободного пространства

Обычно проблема возникает из двух фактов: вы не знаете основы композиции и вы не умеете работать с большим количеством информации.

Из-за попытки уместить все, сразу и на одном слайде у вас получится не сайт с информацией, а каша, в которой никто не будет разбираться.

5. Сложная форма регистрации

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

Почему-то многие решили, что чем больше юзер укажет информации, тем лучше. На деле это работает наоборот.

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

Пример неудачной формы обратной связи

6. Проблема с акцентами

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

Во втором случае — сайт будет очень тяжело воспринимать. Пользователь зайдет на страницу и потеряется. Из-за мешанины ему захочется закрыть сайт и уйти к более спокойным конкурентам.

Удачный пример расстановки акцентов на товарах

7. Сайт открывается слишком медленно

Из-за переизбытка графических элементов или плохой оптимизации страницы сайта могут открываться медленно. Это не нравится пользователям и они могут закрыть страницу, так и не дождавшись загрузки.

Протестировать скорость загрузки страниц можно с помощью инструмента от Google. Также полезно почитать наш гайд по ускорению сайта.

8. Плохая мобильная версия

Больше 60% людей заходят на сайты со смартфонов. Именно поэтому адаптация сайтов под мобильные устройства — очень важный и нужный шаг. Если ваша страница, сайт или магазин не адаптированы для пользователей смартфонов, то вы теряете огромное количество трафика.

Обязательно зайдите на сайт с разных телефонов и планшетов, чтобы убедиться, что все элементы находятся на своем месте, все работает и все открывается.

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

А при просмотре со смартфона что-то пошло не так

9. Неуместная обводка на кнопках

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

10. Использование нескольких типографических стилей

Игра со шрифтами — это хорошо, но когда она превращается в галерею «Смотри, какие прикольные шрифты я нашел», то это некрасиво и неудобно.

Пример переизбытка шрифтов в оформлении текста

11. Низкое качество визуального контента

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

  • иллюстрировать написанное;
  • вызывать эмоцию;
  • демонстрировать принцип работы;
  • приводить к ассоциациям и т.д.

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

Это самые распространенные проблемы, но не единственные. Например, на некоторых сайтах отсутствует функция поиска или слабо видно контактные данные. Кто-то пренебрегает оригинальностью контента, а кто-то вообще не обновлял сайт с 2007 года.

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

Также полезно изучить и другие материалы по продвижению:

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

Всем удачи!

0123

You may also like

Добавить комментарий