SergeyОчень часто, путешествуя по сайтам, я натыкаюсь на списки ошибок веб-дизайна, составленные различными авторами. Обычно эти списки состоят не более чем из 10-15 пунктов. И всякий раз, натыкаясь на подобный список, я думаю про себя «Хорошо бы хоть в этом списке было больше 10 пунктов…». Но, к сожалению, моим мечтам не суждено было сбыться.
Тогда я подумал, а почему бы самому не составить полноценный список ошибок веб-дизайна?! И я принялся за работу – стал перебирать уже имеющиеся у меня на руках списки + стал активно серфить Интернет в поисках тех самых ошибок!
Когда список был готов, мне осталось лишь написать коротенькое описание для каждого пункта, чем я и занялся!
Плодом моих усилий стал нижеследующий список, состоящий из 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 с нечитабельными и трудно распознаваемыми символами. У Вас этого ни в коем случае не должно быть. Удостоверьтесь в этом!
