43 грубейшие ошибки веб-дизайна, которые Вы не имеете права допустить

14 сентября 2007 г.

Но, к сожалению, моим мечтам не суждено было сбыться. Тогда я подумал, а почему бы самому не составить полноценный список ошибок веб-дизайна?! И я принялся за работу - стал перебирать уже имеющиеся у меня на руках списки + стал активно серфить Интернет в поисках тех самых ошибок! Когда список был готов, мне осталось лишь написать коротенькое описание для каждого пункта, чем я и занялся! Плодом моих усилий стал нижеследующий список, состоящий из 43 пунктов! 
1. Зайдя на сайт, посетитель должен сразу понять, о чем он

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

2. Сделайте контент читабельным

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

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

Перед использованием каких-либо необычных и нестандартных шрифтов задумайтесь о том, есть ли они у представителей Вашей целевой аудитории и вообще читабельны ли они? Да, некоторые нестандартные и читабельные шрифты способны придать сайту изящности и утонченности, но толку от них, если они установлены только у Вас?

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

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

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

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

НЕВЕРНЫЙ ПОДХОД! Пусть посетитель сам решает, в каком окне открывать ту или иную ссылку.

Запомните! Если Ваш сайт содержит полезный и уникальный контент, то посетитель обязательно его запомнит и будет на него возвращаться ровно столько, сколько он будет удовлетворять его потребности. Поэтому никогда не переставайте работать над развитием своего сайта!

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

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

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

7. Не навязывайте посетителям регистрацию, если она по какой-либо причине не оправдывает себя

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

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

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

8. Никогда не подписывайте своих посетителей на что-либо без их разрешения

Ни в коем случае не подписывайте своих посетителей ни на рассылки, ни на что-либо еще одновременно с процессом их регистрации на сайте.

Подобная самодеятельность с Вашей стороны значительно подпортит Вашу репутацию в глазах Вашей целевой аудитории, а что может быть хуже этого?!

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

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

10.Ни в коем случае не включайте автоматическое фоновое воспроизведение музыки при загрузке веб-страниц сайта

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

11. Если Вам НЕОБХОДИМО дать прослушать посетителям какое-либо аудио-сообщение, позвольте им самим выбрать время его прослушивания

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

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

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

Во-первых, подобный сайт выглядит очень непрофессионально.

Во-вторых, все эти баннеры увеличивают время загрузки веб-страниц.

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

13. Не используйте "входные" страницы, страницы-заставки и т.д.

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

14. Обязательно размещайте на сайте контактную информацию

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

15. Не вмешивайтесь в механизм работы кнопки "Назад" браузера посетителей

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

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

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

Данное "украшательство" использовали в далеком 1996 году, на дворе 2007...

17. Используйте ЧПУ (Человеко-Понятные Урлы)

Откажитесь, наконец, от ужасных URL'ов, начните использовать ЧПУ. Использование ЧПУ дает Вам 2 неоспоримых преимущества.

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

Во-вторых, подобные адреса гораздо проще запоминать, соответственно, посетители могут заходить на нужные им страницы, вводя адрес по памяти.

18. Перестаньте верстать таблицами, переходите на блочную верстку (xhtml+css)

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

19. Стремитесь к тому, чтобы в индексе (базе данных) поисковых систем были абсолютно все страницы Вашего сайта

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

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

20. Старайтесь не прибегать к использованию выпадающих навигационных меню

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

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

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

22. Если Вы ссылаетесь на PDF-документ, явно укажите на это

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

23. Не создавайте несколько версий одного сайта для посетителей с разной скоростью соединения с Интернет

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

Сайт должен одинаково хорошо отображаться и загружаться в абсолютно любых браузерах и на абсолютно любых скоростях соединения с Интернет.

Для посетителя главное - контент. Вот и сделайте на этом упор!

24. Ни в коем случае не размещайте рекламу внутри контента сайта

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

А, как известно, недовольный посетитель - навсегда потерянный для Вас.

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

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

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

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

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

Как известно, из любого правила есть исключения! Так вот, посетитель вытерпит Ваши "вступления" только в том случае, если Вы являетесь обладателем такого контента, которого абсолютно ни у кого нет.

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

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

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

От себя могу порекомендовать использовать Dreamweaver!

28. Всегда проверяйте сайты на кросс-браузерность

Далеко не все браузеры интерпретируют одни и те же правила одинаково, будь то CSS или какие-либо другие. Поэтому после каждого изменения на сайте Вам необходимо проверять сайт во всех основных браузерах: Internet Explorer, Mozilla Firefox и Opera.

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

29. Каждой ссылке присваивайте осознанные и отражающие суть анкоры

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

Осознанные и отражающие суть анкоры дают Вам следующие неоспоримые преимущества.

Во-первых, это дает посетителям сайта представление о том, что они увидят, перейдя по ссылке.

Во-вторых, это положительно сказывается на ранжировании сайта в поисковых системах.

Кстати, наглядный пример, подтверждающий своеобразный seo-закон: что хорошо для посетителей, то хорошо и для поисковых систем!

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

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

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

31. Не маскируйте ссылки, дайте посетителям четко понять, куда они могут кликнуть и перейти

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

Отсюда вывод - всегда оформляйте ссылки так, чтобы посетители поняли, что это ссылки, а не что-либо еще.

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

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

Всячески избегайте подобных неурядиц!

33. Посещенные посетителем ссылки должны отличаться от других

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

34. Не используйте анимированные GIF'ы

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

35. Для каждого изображения прописывайте ALT и TITLE атрибуты

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

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

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

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

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

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

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

Мало того, что подобные ссылки не учитываются поисковыми роботами (они их просто не видят), так они еще могут создать огромные проблемы для посетителей... У кого-то отключены скрипты, у кого-то просто подобные ссылки не будут работать по какой-либо другой причине.

В общем, одни минусы!

39. Создайте функциональный футер на своем сайте

Известно, что многие посетители, проскроллив страницу до самого низа, ожидают увидеть там ссылки на самые основные и важные разделы и страницы сайта. Так дайте им это! Создайте функциональный футер на своем сайте!

40. На Вашем сайте не должно быть длинных страниц

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

41. Никакого горизонтального скроллинга

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

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

42. На Вашем сайте не должно быть никаких ошибок: ни речевых, ни орфографических, ни грамматических

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

Оно Вам надо? Я уверен, что НЕТ! Поэтому тщательно выверяйте все тексты, размещаемые на страницах Вашего сайта.

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

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

Источник: http://www.shturmuy.ru/



Комментарии

Еще никто не оставлял комментариев к данному материалу.

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



Похожие статьи

  • Обновление дизайна сайта веб-студии Бизнес Сайт Обновление дизайна сайта веб-студии Бизнес Сайт
    Совсем недавно у довольно известной киевской веб-студии произошло важное событие – был глубоко переделан собственный сайт веб-студии.
  • Ошибки при продвижении сайтов, которые делают даже профессионалы Ошибки при продвижении сайтов, которые делают даже профессионалы
    Успех каждой SEO-стратегии зависит от ряда качественных и количественных факторов. С одной стороны, качество вашего контента и ссылочного профиля определяет уровень ранжирования вашего сайта в поиске.
  • Ошибки, которые делают фрилансеры Ошибки, которые делают фрилансеры

    «Фриланс — очень человеколюбивое изобретение для разного рода аутистов, не умеющих и не желающих социализироваться в коллективе.» ©Луркоморье

  • Издатели призывают правительство не допустить роста цен на подписку Издатели призывают правительство не допустить роста цен на подписку
    Представители медиаиндустрии просят Дмитрия Медведева о личной встречеУчастники рынка печатных СМИ просят премьер-министра не допустить резкого роста цен на подписку печатных изданий в связи с отменой субсидий «Почте России» на доставку подписных изданий населению.
  • Правительство просят не допустить монополизации наружной рекламы Правительство просят не допустить монополизации наружной рекламы
    «Опора России» предложила отдать 20% билбордов в каждом городе малому и среднему бизнесу.Общероссийская общественная организация малого и среднего предпринимательства «Опора России» направила первому вице-премьеру Игорю Шувалову письмо (есть в распоряжении «Известий») с просьбой защитить рынок наружной рекламы от засилья крупных игроков.
  • Ошибки, допускаемые веб-мастерами при создании сайтов Ошибки, допускаемые веб-мастерами при создании сайтов
    Занимаясь созданием сайтов, многие веб-мастера допускают ошибки, которые в последствии влияют на продуктивность ресурса, на его посещаемость и популярность среди интернет пользователей. Что это за ошибки? Давайте рассмотрим некоторые из них.
  • Израильские креаторы призвали не допустить катастрофу Израильские креаторы призвали не допустить катастрофу
    В рекламе средства от прыщейАгентство Shalmor Avnon Amichay/Y&R Interactive, Tel Aviv сделало два принта для средства от прыщей «Clearex».
  • Психология дизайна веб-страниц: оптимизация эмоциональной нагрузки Психология дизайна веб-страниц: оптимизация эмоциональной нагрузки
    Подумайте о том, что заставляет вас снова и снова возвращаться в свой любимый магазин, к своему любимому человеку и даже на свой любимый сайт. Ведь это не бессмысленные отношения типа "купил-ушел" или "кликнул-вышел". Это сложная эмоциональная связь. Это именно то, что связывает людей друг с другом и с любимыми брендами.
  • Сразу 2 работы бюро графического дизайна "Артель Артемовых" вошли в топ-100 рейтинга дизайна СНГ Сразу 2 работы бюро графического дизайна "Артель Артемовых" вошли в топ-100 рейтинга дизайна СНГ
    Фирменный стиль 10 Киевского международного фестиваля рекламы и дизайн упаковки подарочного набора "World's best coffees" для ТМ "Paradise. Гурман клуб" вошли в топ-100 рейтинга дизайна СНГ, проведенного журналом "КАК" - наиболее авторитетным изданием о графическом дизайне на территории СНГ. Всего было рассмотрено несколько сотен работ дизайнеров России и ближнего зарубежья.
  • Реклама по-украински: ошибки, которые вызывают смех и тоску Реклама по-украински: ошибки, которые вызывают смех и тоску
    По мнению специалистов, реклама с ошибками отпугивает покупателей и бьет по имиджу рекламодателя. Увы, ее изготовители выходят сухими из воды, если макет халтуры согласован с заказчиком. Реклама, как известно — двигатель торговли. А если двигатель «чихает», то и автомобиль из-за этого едет плохо. Увы, внимательно читая бигборды, рекламные плакаты, вывески и так далее, нередко натыкаешься на множество ошибок. Некоторыми из них проиллюстрирована данная статья.