click fraud detection
click fraud detection
Blog Case

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

BLOG
CASE
114
0
3/ 5stars
3/5

дизайн сайта

Дизайн сайта – это нечто большее, чем просто его внешний вид. От дизайна зависит первое впечатление, которое вы сможете произвести на пользователя, удобство его работы с сайтом, а также запомнит ли он вас вообще.

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

плохо продуманный пользовательский интерфейс

Плохо продуманный пользовательский интерфейс

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

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

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

запутанная структура

Запутанная структура

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

Как проводится СЕО-аудит
КОМПЛЕКСНЫЙ АУДИТ САЙТА

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

ЗАКАЗАТЬ АУДИТ САЙТА

Ваша структура удобна для пользователя, если он представляет, что и в каком разделе следует искать. Она не должна быть слишком запутанной и обладать огромным числом категорий, подкатегорий, под-подкатегорий и т. д. Чем меньше переходов – тем довольнее посетитель сайта.

неудачный выбор цветовой схемы

Неудачный выбор цветовой схемы

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

  1. Не используйте слишком яркие цвета;
  2. Фон делайте однотонным, без пестрых рисунков, сливающихся с текстом;
  3. Старайтесь не использовать больше 3 цветов для оформления;
  4. Выделяйте важные элементы в первую очередь за счет контраста яркостей.

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

дизайн не адаптивен

Дизайн не адаптивен

Мобильные пользователи – это около 50% трафика среднестатистического сайта в рунете. А потому, если ваш ресурс не адаптивен, он теряет огромную долю посетителей. Думаю, вы и сами помните, как неудобно искать информацию на странице с телефона, увеличивая фрагменты текста на экране. Поэтому важно следовать следующим требованиям:

  • отсутствие горизонтальной прокрутки;
  • крупный шрифт, который удобно читать с экрана любого размера;
  • отсутствие flash-элементов на сайте;
  • размер кнопок не менее 10 на 10 мм, для удобного нажатия;
  • расстояние между активными элементами (кнопки, ссылки) не менее 3 мм.

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

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

излишне сложная форма регистрации на сайте

Излишне сложная форма регистрации на сайте

Чем больше вам или вашему маркетологу известно о клиентах и подписчиках, тем эффективнее они смогут работать с ними: формировать программы лояльности, конвертировать в покупателей используя e-mail или звонки. В идеале.

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

У ВАС ОСТАЛИСЬ ВОПРОСЫ?

Оставьте ваши контактные данные. Наш менеджер свяжется и проконсультирует вас.

ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ

Наш менеджер свяжется с Вами в ближайшее время

3/5
Проголосовало людей: 2
СОДЕРЖАНИЕ
СТАТЬИ
Плохо продуманный пользовательский интерфейс
Запутанная структура
Неудачный выбор цветовой схемы
Дизайн не адаптивен
Излишне сложная форма регистрации на сайте
Основные ошибки веб-дизайна сайта
Дизайн сайта – это нечто большее, чем просто его внешний вид. От дизайна зависит первое…
Алексей Варламов
Алексей Варламов
Что такое ребрендинг, и когда он необходим
Ребрендинг – это попытка изменить представления потребителей о бренде. Именно потребителей – все действия направлены…
Алексей Варламов
Алексей Варламов
10 признаков устаревшего сайта: как проверить и предотвратить
Сайт – лицо организации, поэтому важно следить за меняющимися трендами веб-дизайна. Устаревание проекта происходит в…
Алексей Варламов
Алексей Варламов
Кейс: рисуем эффектный Landing page для продажи недвижимости
Во время новогоднего ажиотажа к нам поступила заявка от постоянного клиента, который занимается продажей недвижимости…
Полина Приходько
Полина Приходько
ПОЛУЧАТЬ ИНТЕРЕСНЫЕ СТАТЬИ
Уже подписались 248 человек
Автор
114
0
Алексей Варламов
Алексей
Варламов
копирайтер
most
Popular
самое лучшее на айтыжблог
НЕ ПРОПУСТИТЕ ЭТИ 
СТАТЬИ
Возможно
Современные технологии развиваются с невероятной скоростью, и виртуальный помощник уже не является чем-то нереальным. Чатботы…
Галина Назарова
Галина Назарова
Как наши SEO-специалисты используют Serpstat. Плюсы и минусы сервиса на конкретном примере.
Сергей Мищенко
Сергей Мищенко
Дмитрий Жариков
Дмитрий Жариков
Давайте начнем
беседу!
КОММЕНТАРИИ0
ОСТАВИТЬ КОММЕНТАРИЙ К СТАТЬЕ
ПОДПИСЫВАЙТЕСЬ НА РАССЫЛКУ АЙТЫЖБЛОГ
ХОТИТЕ ПОЛУЧАТЬ 
ИНТЕРЕСНЫЕ СТАТЬИ?
Уже подписались 248 человек
313
ПОПИСЧИКОВ
ЧИТАТЬ
4295
ПОПИСЧИКОВ
СЛЕДИТЬ
9307
ПОПИСЧИКОВ
СЛЕДИТЬ