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

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

Иногда мы это осознаем, а иногда просто действуем интуитивно, погруженные в решение какой либо задачи, или поиск ответа на вопрос.

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

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

Ошибки дизайнеров:

Попадая на сайт посетитель в течении первых нескольких секунд должен ясно понять о чем он и каково его содержание.
Информация на сайте не должна представлять из себя простые огромные блоки с текстом. Для более удобного усвоения, контент должен разделяться параграфами, заголовками итд.
Не используйте нечитабельные, пускай и красивые шрифты, которые хоть и делают сайт намного красивей, доставляют неудобство читателям.
Не используйте слишком маленькие шрифты. Хотя сейчас почти каждый современный браузер обладает функцией увеличения текста, но ведь при увеличении также появляется горизонтальная прокрутка, а это добавляет еще большее неудобство для читателя.
Не открывайте ссылки в новом окне пользователя, если он захочет то вернется на предидущую страницу нажав кнопку «назад».
Не меняйте размер окна в браузере у пользователя, он всегда должен иметь возможность сам контролировать ситуацию
Не требуйте регистрацию, пока она действительно не необходима. Если пользователь убедится в том, что предлагаемое вами стоит того, он с большим удовольствием зарегистрируется.
Никогда не подписывайте пользователей на чтолибо без их согласия. Автоматическая подписка и рассылка всем зарегистрировавшимся пользователям каких либо материалов не лучший способ подружиться с ними.
Не увлекайтесь Flash Анимацией на сайте, она очень тормозит его загрузку. Используйте ее лишь в случаях, когда предлагаемый товар или услугу нельзя отобразить в статическом виде.
Не включайте музыку на сайте без ведома пользователя. А если вам необходимо проиграть аудио файл, предложите пользователю самому включить нажав кнопку «play».
Не размещайте слишком большое количество счетчиков, значков и эмблемм всяких сообществ на сайте, с ними сайт выглядит непрофессионально.
Не смущайте посетителя при входе выбором версий отображения сайта HTML, Flash, PDF, ему нужна только искомая информация, и БЫСТРЕЕ!
Не делайте первой страницей страницу приветствия, которая переадресовывает потом на реальную главную страницу. Чем меньше шагов сделает посетитель чтобы добраться до искомого содержимого, тем лучше.
Обязательно разместите на сайте детали для контакта, или форму для связи с владельцем.
Ни в коем случае не прерывайте историю посещений браузера пользователя, это сделает невозможным вернуться «назад». Происходит обычно при открытии ссылки в новом окне, или с помошью яваскрипта.
Не используйте раздражающий яркий мигаюший текст
Избегайте сложных структур URL адресов, адреса на основе ключевых слов не только увеличат ранжирование поисковиками, но и дадут понять пользователю о чем речь в статье еще до перехода к ней.
При верстке старайтесь использовать Каскадные таблицы стилей CSS, с ними сайт и грузится быстрей да и возможности по оформлению больше.
Убедитесь что пользователь сможет легко найти требуемое на вашем сайте. С помошью поиска, меток, категорий, архивов или того и другого одновременно
Избегайте выпадающих меню. Пользователь по возможности должен сразу видеть всю информацию, возможно именно в меню будет скрываться то что он ищет.
Используйте простую текстовую навигацию, она не только быстрая но и сео дружественная. Кроме того многие выключают отображение картинок, или яваскриптов в браузере.
Если ставите ссылку на документ, оформляйте ее должным образом, чтобы пользователь понял что это за документ, и какая программа должна будет запуститься при его открытии.
Не помещайте яркую мигающую рекламу внутрь текста. Хотя это временно увеличит число кликов по рекламе, зато со временем уменьшит количество читателей.
Используйте простую понятную структуру навигации. Все совершенное — просто.
Не заставляйте пользователя читать смотреть или еще что либо, пока он даже не добрался до содержания страницы. Избегайте надоедливых поп-ап (всплывающих окон).
Не пользуйтесь при создании сайтов FrontPage, Dreamviewer и им подобными редакторами хтмл. Они хоть и кажутся простыми для начинающего пользователя, но выдают в результате очень грязный код, отображаемый с ошибками во многих браузерах.
Чтобы не терять даже малую долю посетителей старайтесь создавать кроссбраузерные сайты, совместимые с большинством самых распространенных браузеров.
Используйте осмысленные Анкоры в ссылках. Конечно намного проще писать вместо анкора «нажмите тут», но осмысленный текст усилит вес ссылки для поисковиков
Не пользуйтесь «Клоакингом» подменой ссылок отображаемых в статус баре. Поисковые службы очень это не одобряют, вплоть до бана.
Делайте ссылки видимыми и легко отличимыми на странице от другого текста.
Старайтесь не подчеркивать и не раскрашивать другим цветом простой текст в статьях, чтобы пользователь не подумал что это ссылки.
Установите отличающийся цвет для уже посещенных ссылок, помогая пользователю вспомнить, что он уже просмотрел
Не используйте анимированные картинки (GIF) внутри статей, если это не баннеры, они отвлекают от основного содержания.
Пользуйтесь атрибутами ALT и TITLE для картинок, они нужны не только для SEO но и для пользователей.
Постарайтесь избежать использования слишком яркой цветовой паллитры и резких контрастных цветов для сайта, чтобы не ослеплять пользователей.
Не употребляйте яваскрипт для ссылок если этого можно избежать. Скрипты в разных браузерах часто обрабатываются с ошибками, или вообще не хотят работать.
Указывайте правильный DOCTYPE страницам сайта и придерживайтесь его требованиям, это поможет избежать многих проблем со скриптами и отображением страницы в разных браузерах, а также минимизирует потребность в использовании CSS хаков.
Включайте функциональные ссылки в футер сайта. Если пользователь прокрутил страницу вниз и не нашел нужной информации, ему будет удобно воспользоваться ссылкой «наверх», на «главную» или «контакты».
Избегайте слишком длинных страниц. Прокручивая страницу целую вечность в поисках информации, посетителю может надоесть и он использует быструю прокрутку, пропустив чтолибо важное или вообще уйдет со страницы.
Избегайте появления горизонтальной прокрутки, даже правильно отцентрированная страница боольшой ширины тяжела к восприятию. Большинство пользователей используют разрешение экрана 1024 x 768 пикселей, постарайтесь чтобы сайт в подходил под него.
Не допускайте грамматических и орфографических ошибок в статьях, хотя это и не является ошибкой дизайна, но один из ключевых факторов, характеризующих качество материала и профессионализм
Если вы используете на сайте CAPTCHA, убедитесь что она вполне читаема и пользователю не нужно будет пользоваться лупой чтобы ее рассмотреть.

И самое главное не забывайте что сайты должны делаться для людей а не для поисковых роботов!

Ошибки дизайнеров:

Читайте также: дизайн ошибки сайты