Оглавление:

  1. 1. Посетитель сайта должен сразу понимать, о чем сайт
  2. 2. Не упускайте правила написания текстов для контента
  3. 3. Шрифты должны быть стандартными
  4. 4. Шрифт должен легко читаться и восприниматься пользователем
  5. 5. Не делайте выбор за аудиторию вашего сайта
  6. 6. Не изменяйте пользовательские настройки
  7. 7. Не требуйте регистрации, если она себя не оправдывает
  8. 8. Посетители сами знают, куда им подписываться
  9. 9. Используйте Flash там, где не получается обойтись статикой
  10. 10.Фоновая музыка на фоне сайта - старо как мир
  11. 11. Позвольте посетителям вашего сайта самим выбирать, когда и что им слушать
  12. 12. Не преувеличивайте с банерами
  13. 13. Используйте главные страницы
  14. 14. Размещайте контактную информацию
  15. 15. Кнопка «Назад» - один из основных принципов юзабилити
  16. 16. Мигающий и мерцающий текст - старее не придумаешь…
  17. 17. Откажитесь от URL
  18. 18. Верстка CSS более функциональна и надежна чем табличная верстка
  19. 19. Старайтесь, чтобы все страницы сайта были проиндексированы
  20. 20. По возможности не используйте выпадающих навигационных меню
  21. 21. Используйте текстовую навигацию
  22. 22. Явно указывайте, если вы ссылаетесь на PDF-документ
  23. 23. Не ставьте посетителей перед выбором
  24. 24. Размещая рекламу внутри контента, вы можете потерять посетителя
  25. 25. Создавайте интуитивно понятную систему навигации
  26. 26. Не задерживайте посетителей «вступлением»
  27. 27. Не верстайте сайт в FrontPage и ему подобных редакторах
  28. 28. Только в случае одинакового отображения во всех основных браузерах сайт может принимать посетителей
  29. 29. Якоря к ссылкам должны отражать суть
  30. 30. Не стоит запрещать отображение ссылок в статусной строке браузера
  31. 31. Не создавайте непонятных ссылок
  32. 32. Не создавайте видимость ссылки
  33. 33. Выделяйте ссылки, на которые посетитель уже заходил
  34. 34. Не отвлекайте посетителей от контента
  35. 35. Прописывайте ALT и TITLE атрибуты для всех изображений на вашем сайте
  36. 36. Цвета не должны быть раздражающими
  37. 37. Не используйте всплывающие окна (поп-апы)
  38. 38. Не создавайте ссылки с помощью JavaScript
  39. 39. Футер должен быть функциональным
  40. 40. Пользователи не любят длинных Интернет страниц
  41. 41. Создавайте сайты с учетом мониторов ваших пользователей
  42. 42. Тщательно проверяйте свой сайт на наличие речевых, орфографических и грамматических ошибок
  43. 43. Не используйте капчу

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

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

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

2. Не упускайте правила написания текстов для контента

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

3. Шрифты должны быть стандартными

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

4. Шрифт должен легко читаться и восприниматься пользователем

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

5. Не делайте выбор за аудиторию вашего сайта

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

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

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

7. Не требуйте регистрации, если она себя не оправдывает

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

8. Посетители сами знают, куда им подписываться

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

9. Используйте Flash там, где не получается обойтись статикой

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

10.Фоновая музыка на фоне сайта - старо как мир

Не используйте автоматическое воспроизведение фоновой музыки на сайте. Это пережитки зарождения Интернет.

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

Если вам необходимо дать что-либо прослушать своим посетителям, дайте им самостоятельно сделать выбор, когда им это сделать. Разместите на сайте кнопки “Play/Pause” и “Stop”.

12. Не преувеличивайте с банерами

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

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

Не используйте «входных» страниц. Чем быстрее посетитель получит доступ к контенту, тем лучше.

14. Размещайте контактную информацию

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

15. Кнопка «Назад» - один из основных принципов юзабилити

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

16. Мигающий и мерцающий текст - старее не придумаешь…

Эта, по вашему мнению «красота», использовалась еще в 96 году…

17. Откажитесь от URL

Начните наконец-то использовать ЧПУ (человеку понятные урлы). С помощью ЧПУ в адресах веб-страниц вы сможете использовать ключевые слова и фразы из контента. Это положительно отобразиться на доступе к вашему сайту с поисковых систем, да и посетители по-памяти смогут заходить на нужные им страницы.

18. Верстка CSS более функциональна и надежна чем табличная верстка

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

19. Старайтесь, чтобы все страницы сайта были проиндексированы

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

20. По возможности не используйте выпадающих навигационных меню

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

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

Как вы считаете, если вы сёрфите сайты с отключенной графикой и попадаете на сайт со скриптовой или Flash навигацией, какой будет ваша реакция? А была бы на этом сайте текстовая навигация, все было бы иначе. Да и к тому же текстовая навигация доступна и надежна.

22. Явно указывайте, если вы ссылаетесь на PDF-документ

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

23. Не ставьте посетителей перед выбором

Не нужно делать несколько версий сайта. Ваш сайт должен одинаково загружаться и отображаться, не зависимо от браузера и скорости Интернета. Заманивайте посетителя контентом.

24. Размещая рекламу внутри контента, вы можете потерять посетителя

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

25. Создавайте интуитивно понятную систему навигации

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

26. Не задерживайте посетителей «вступлением»

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

27. Не верстайте сайт в FrontPage и ему подобных редакторах

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

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

При изменениях проверяйте сайт во всех основных браузерах, таких как Internet Explorer, Mozilla Firefox и Opera, так как не все браузеры одинаково воспринимают одни и те же правила.

29. Якоря к ссылкам должны отражать суть

Естественно, проще всего сделать ссылку с якорем «Нажмите сюда», чем придумать такой, который будет отражать суть. Поймите, что осознанные якоря дадут посетителям сайта возможность понять, что они увидят, перейдя по ссылке. Так же это позитивно скажется на ссылочном ранжировании вашего сайта в поисковых системах. Что лишний раз подтверждает seo-закон: что хорошо для посетителей, то хорошо и для поисковых систем!

30. Не стоит запрещать отображение ссылок в статусной строке браузера

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

31. Не создавайте непонятных ссылок

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

32. Не создавайте видимость ссылки

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

33. Выделяйте ссылки, на которые посетитель уже заходил

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

34. Не отвлекайте посетителей от контента

Как вы знаете, в рекламных баннерах в основном применяются анимированные GIF’ы. Большим их недостатком является то, что они отвлекают посетителей от контента.

35. Прописывайте ALT и TITLE атрибуты для всех изображений на вашем сайте

Это важно для посетителей сайта с отключенной графикой. Да и к тому же даст вам преимущества для продвижения вашего сайта.

36. Цвета не должны быть раздражающими

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

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

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

38. Не создавайте ссылки с помощью JavaScript

Ссылки сделанные в JavaScript поисковыми системы не видят. К тому же пользователям они создадут только проблемы, а у некоторых они могут вообще не открываться.

39. Футер должен быть функциональным

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

40. Пользователи не любят длинных Интернет страниц

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

41. Создавайте сайты с учетом мониторов ваших пользователей

Вы должны помнить, что самое распространенное разрешение мониторов на данный момент составляет 1024х768. Создавайте сайты, учитывая эти данные. Горизонтальный скроллинг - это очень плохо.

42. Тщательно проверяйте свой сайт на наличие речевых, орфографических и грамматических ошибок

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

43. Не используйте капчу

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

_________________________

Автор: Владимир Фомин (Digital Agency CASTCOM) / Дата публикации: 2015-08-19

Начните свой проект
уже сегодня!

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

отправить заявку
Также мы предлагаем: