Досадные ошибки, которые допускают при создании сайта

Досадные ошибки, которые допускают при создании сайта

Андрей Батурин,
Андрей Батурин

Андрей Батурин

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

Нет четкого плана

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

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

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

Неудобная навигация

На сайте все должно быть понятно с первого взгляда. Если посетитель, открывший страницу, не может найти то, что ему нужно (кнопку “Купить”, информацию о доставке, раздел контактов и т.д.), значит, при создании сайта допущена ошибка.

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

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

Удобная навигация

Еще один важный принцип — чем меньше шагов нужно пользователю для совершения действия, тем лучше. Ошибкой будет запрятать страницу “Контакты” так, что для ее открытия нужно перейти подряд по 2-3 ссылкам внутри сайта. В идеале любая страница должна открываться 1-2 кликами.

Ошибки в создании дизайна

При создании дизайна сайта можно допустить много разных ошибок. Разберем самые распространенные.

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

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

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

Кстати, в одном из прошлых материалов мы подробно разбирали ошибки в дизайне. Читайте статью “Ошибки в веб-дизайне, которые могут стать фатальными”.

Ошибки со ссылками на сайте

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

  • Непонятно, где ссылка, а где — обычный текст. Если ссылка никак не выделяется или выделяется недостаточно четко, читатель не поймет, что на нее следует нажимать. Чтобы избежать этого, выделяйте их цветом и подчеркиванием.
  • Непонятно, по каким ссылкам читатель уже переходил. Ссылки, на которые человек уже кликнул, должны подсвечиваться по-другому, например, более тускло.
  • Текст ссылок выглядит как “здесь”, “тут”, “далее” и пр. неинформативные слова. Вместо “продолжение читайте тут” лучше напишите “продолжение читайте в Блоге компании”.
  • Открывать каждую новую страницу в отдельном окне или вкладке. Это захламляет браузер и путает читателя, если у него открыто сразу много вкладок. Если человек захочет открыть страницу в другой вкладке, он сможет сделать это сам, нажав на колесико мыши.

Пытаться сэкономить во что бы то ни стало

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

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

Непродуманная главная страница

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

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

Нет заметных и понятных кнопок

Если у вас интернет-магазин, обязательно на самом видном месте должна выделяться кнопка “Купить” (как вариант — “Добавить в корзину”). Если есть и другие кнопки (“Отложить для сравнения”, “Добавить в избранное” и т.п.), между ними должна быть строго определена иерархия — “главная” кнопка самая яркая и заметная, вторая по важности выделяется уже меньше. Если есть кнопка, без которой не обойтись, но которую не хочется выделять (например, “Оформить возврат” или “Пожаловаться”), ее можно сделать еще менее различимой.

На лендингах и продающих сайтах в конце текста обязателен призыв к действию. Это тоже может быть “Купить” или другие варианты: “Заказать”, “Подписаться”, “Позвонить”, “Заказать звонок”, “Оставить заявку” и т.д. Призыв к действию должен быть на самом видном месте, прятать его в отдельные разделы или в самый низ страницы — это ошибка. Если текста на странице много, можно продублировать кнопку и вверху, и внизу.

Призыв к действию

Ошибка с выбором CMS

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

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

Не тестировать на всех браузерах

Большинство пользователей интернета в нашей стране заходят в сеть через Google Chrome, Opera, Safari и еще пару популярных браузеров. Но ошибкой будет ориентироваться только на них и не проверять работоспособность сайта во всех браузерах: веб и мобильных.

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

Слишком много современных технологий

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

Нет поля для поиска

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

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

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

Другие статьи по тегам

сайты веб-дизайн

на эту тему

Типичные ошибки в видеомаркетинге
Главные ошибки при создании лендинга
Ошибки в веб-дизайне, которые могут стать фатальными
Типичные ошибки SMM, которые вы могли не заметить
Ошибки в SEO-продвижении сайта и способы их избежать
Частые ошибки, которые допускают при разработке логотипов
Ошибки, которые допускают при создании текстов для сайта
Важно знать при заказе сайта