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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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