Какие ошибки допускают создатели коммерческих сайтов

5. Отсутствие оптимизации для поисковых систем

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

Вот несколько советов, которые сделают твой сайт удобным для посетителей:

  • Главное меню должно располагаться на видном месте и иметь четкую и простую структуру.
  • Для каждого тематического раздела сайта нужна отдельная страница – «Статьи», «Услуги», «Контакты» и пр.
  • Используй «правило двух кликов» – помоги юзеру добраться до любого раздела сайта за 2 щелчка мыши, не более.
  • «Шапка» и «подвал» должны одинаково отражаться на всех страницах.
  • Запомни три ключевых слова, которыми нужно руководствоваться, чтобы создать удобный сайт: простота, логика и интуитивность.
Пример удобной навигации по сайту
Пример удобной навигации по сайту

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

Логотипы, названия, описания

Ошибка #1: есть только название компании или ее логотип, но нет описания — чем занимается компания.

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

Видео.

Неудачный пример логотипа #1

Неудачный пример логотипа #2

Ошибка #2: описание специализации компании слишком общее: например, «креативное агентство» — это недостаточное описание, потому что креативное агентство может и разрабатывать сайты, и делать ролики, и проводить мероприятия.

Видео.

Пример слишком общего описания специализации

Ошибка #3: для объяснения сути компании используется слоган. Да, слоганы хороши, если у вашего бренда практически 100% узнаваемость и в головах потребителей уже выстроилась устойчивая цепочка вроде: Just do it — это Nike. Если это пока не так, то рядом с логотипом напишите, что вы предлагаете.

Функционал

Ошибка #6: на первой странице пользователю показываются сразу ВСЕ возможности сайта.

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

Видео.

Неудачный пример функционала

3. Неправильный выбор цветов

Хочешь создать красивый, понятный и удобный сайт? Не забудь про цветовую гамму. Многие начинающие дизайнеры просто берут первые попавшиеся цвета и оформляют ими блоки, ссылки, кнопки и другие элементы интерфейса. Это неправильно. Нужно понимать, в каких случаях применять оранжевый, а в каких – серый, нужно знать о том, чем отличаются безопасные от небезопасных цветов, нужно ознакомиться с теми оттенками, которые вообще не следует использовать в web-дизайне.

Вообще, о пользовательском восприятии цвета написаны сотни книг, и эта тема требует серьезного осмысления. Мы лишь ограничимся несколькими советами:

  • Используй круг Иттена. Этот инструмент поможет правильно выбрать цветовую палитру.
Круг Иттена поможет правильно подобрать цветовую гамму для сайта
Круг Иттена поможет правильно подобрать цветовую гамму для сайта
  • Не применяй больше трех цветов в дизайне сайта (а лучше – два: один основной, второй «разбавочный»).
  • Для шрифта нужен не черный, а почти черный цвет. Например, #333333. Да, ты угадал – для фона нужен не белый, а почти белый :-).
  • Больше контраста! Текст должен значительно отличаться от подложки, а ссылки – выделяться на фоне остального текста.
В дизайне сайта важна контрастность
В дизайне сайта важна контрастность

Назойливые Pop-up и электронные помощники

Ошибка #7: так уж повелось, что пользователи не любят всплывающие окна, особенно если эти окна показываются им в первые секунды пребывания на сайте: клиент еще толком не разобрался, о чём сайт, а ему уже предлагают бесплатную подписку на новости или консультанта-помощника.

Видео.

Неудачный пример Pop-up

При этом Pop-up, конечно, могут быть весьма эффективны, если их грамотно использовать.

4. Неудачное форматирование

Посмотри на скриншот.

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

Видишь разницу между правой и левой картинкой? Все верно – в правом изображении верхний абзац прилип к краю, картинка уехала, кнопка повисла в воздухе, а нижний текст выровнен по правому краю. В общем, кошмар.

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

Шрифты без засечек и с засечками
Шрифты без засечек и с засечками

Основные ошибки при создании коммерческого ресурса

Ошибка #8: целевое действие на первой странице не сформулировано. Например, пользователи прочитали об услугах компании, им всё понравилось, а как заказать услугу — непонятно.

Вы должны чётко понимать, что хотите от пользователя: чтобы он посмотрел каталог, зарегистрировался, попробовал демо-версию и так далее.

Ошибки сайта

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

Видео.

Пример отсутствия призыва к целевому действию

Ошибка #9: пользователи не совершают целевых действий, потому что не понимают, что им предлагает данный сайт.

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

Видео.

Ошибка #10: целевое действие предлагают совершить слишком рано. Например, пользователь заходит на сайт и сразу же видит кнопку «Записаться на процедуру».

Он ещё не готов это сделать, так как ещё ничего про процедуру не знает. Логичнее показать ему, например, две кнопки: «Узнать подробнее» и «Записаться»: одну для новых пользователей, другую — для более опытных, которые о процедуре уже прочитали.

Видео.

Неудачный пример призыва к действию #1

Неудачный пример призыва к действию #2

Хороший пример: новым пользователям на первой странице предлагают только одно действие — «Купить». При клике по этой кнопке пользователи попадают не в форму заказа, а в каталог товаров. Сначала они могут выбрать, что именно хотят приобрести, и только после этого перейти к заказу.

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

Вместо заключения

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

https://www.youtube.com/watch?v=ytaboutru

Мы перечислили лишь основные ошибки при создании сайта – на самом деле их намного больше. Но если ты избавишь свои проекты от неудобной навигации, перегрузки графикой, неправильного выбора шрифтов, некорректной верстки контента и оптимизируешь страницы под поисковые системы, то уже существенно повысишь шансы своего сайта на попадание «в высшую лигу». Во всяком случае, на таком сайте пользователи задержатся больше, чем на 20 секунд :-).

Записывайся на учебный курс «Web-дизайн» в нашей Академии.

Здесь нет места ошибкам. Только польза.

Поделиться:
Нет комментариев

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

Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.

×
Рекомендуем посмотреть
Adblock detector