Ошибки дизайна сайта которые лучше не допускать.

Ошибки дизайна сайта которые лучше не допускать.

Если задаться целью, то в интернете можно найти несколько хороших статей на тему ошибок в дизайне сайтов. Большинство из них представлены как «Самые распространенные ошибки» или «10 основных ошибок».

«Да ладно, не может быть только 10 ошибок …». Вот тогда я и решил записать все ошибки, которые пришли на ум, и через несколько часов мой список составил целых 43. Затем каждый пунктик я коротко описал, и в результате получилась хорошая статья, так сказать, сборник ошибочек, который я привожу ниже. Некоторые пункты не вызывают сомнения, другие – довольно спорные. Хотя большинство из них касаются любого веб-сайта, будь-то сайт коммерческой организации или блог.

Пользователь должен понимать, о чем сайт, за считанные секунды.

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

Сделайте так, чтобы ваш контент можно было быстро просмотреть.

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

Не используйте сложно читаемые шрифты.

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

Не используйте слишком мелкий шрифт.

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

Не используйте открытие следующей страницы в новом окне или вкладке браузера.

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

Не изменяйте размер окна браузера пользователя.

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

Не требуйте от посетителя регистрации без надобности.

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

Не подписывайте посетителя без его согласия.

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

Не переборщите с Flash-элементами.

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

Не используйте музыку.

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

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

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

Не загромождайте сайт логотипами и значками.

Во-первых, логотипы делают вид сайта непрофессиональным. Даже если речь идет о наградах и значках отличия, поместите их в нижнюю часть или на страничке «О нас».

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

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

Всегда указываете контактные данные.

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

Не влазийте в работу кнопки «Назад» — это главное правило удобства использования.

Ни при каких обстоятельствах не нарушайте работу кнопки «Назад». Ее работу нарушает открытие ссылки в новом окне, а также некоторые ссылки с использованием Javascript.

Не используйте мигающий текст.

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

Избегайте сложных структур URL-адресов.

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

Используйте CSS вместо HTML-таблиц.

HTML таблицы использовались раньше, но с приходом CSS уже нет необходимости все привязывать к таблицам. CSS быстрее, более надежен и функционален.

Дайте пользователям возможность осуществлять поиск по сайту.

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

Избегайте «выпадающих» меню.

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

Используйте текстовую навигацию.

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

Четко указывайте, что даете ссылку на PDF-файл.

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

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

Не нужно все усложнять, предлагая разные версии вашего сайта. Какую пропускную способность я предпочитаю: 56Kbps, 128Kbps, Flash или HTML? Да мне все равно, дайте мне контент.

Не вставляйте рекламу в контент.

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

Используйте простую структуру навигации.

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

Избегайте «стартовых заставок».

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

Не используйте простенькие HTML-редакторы.

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

Убедитесь в том, что ваш сайт совместим с разными браузерами.

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

Обязательно создавайте всплывающую подсказку к ссылкам.

Признаюсь, я сам допускал эту ошибку до недавнего времени. Конечно же, проще сказать людям «нажимайте здесь». Но от этого мало толку. Создавайте соответствующие всплывающие подсказки к ссылкам. Тогда можно не сомневаться, что читатель будет знать, куда он перейдет при нажатии ссылки. Это также даст некоторые SEO преимущества для сайтов, на которые ведет ссылка.

Не маскируйте ссылки.

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

Не прячьте ссылки.

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

Не выделяйте обычный текст подчеркиванием или цветом.

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

Сделайте так, чтобы цвет ссылки менялся после ее нажатия.

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

Не используйте динамические изображения GIF.

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

Для изображений используйте атрибуты ALT и TITLE.

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

Не используйте резкие цвета.

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

Не используйте всплывающие окна.

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

Избегайте использования ссылок Javascript.

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

Помещайте вниз страницы важные ссылки. Люди привыкли прокручивать страницу вниз, если им не удалось найти определенную информацию. Как минимум, нужно дать ссылку на «Главную страницу», а также на страницу «Контакты».

Избегайте очень длинных страниц.

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

Не используйте горизонтальной прокрутки.

Тогда как вертикальная прокрутка приемлема, этого нельзя сказать о горизонтальной прокрутке. Сегодня большинство людей используют разрешение экрана 1024 x 768 пикселей и более. Проверьте, помещается ли в него ваш сайт.

Старайтесь не допускать орфографических или грамматических ошибок.

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

Если вы используете проверку CAPTCHA, то проверьте, чтобы символы легко читались.

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

Счетчик