Дизайн и юзабилити. Статья об основных ошибках.

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

43 ошибки веб-дизайна, которых Вы должны избежать

1.

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

2.

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

3.

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

4.

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

5.

Не создавайте открывающиеся в новых окнах внешние ссылки. Я использовал это в своих первых сайтах, полагая, что если внешняя ссылка откроется в новом окне – посетитель не уйдет с моего сайта. НЕПРАВИЛЬНО! Позвольте ему самому решать, где он хочет чтобы открывались ссылки. У браузера есть большая кнопка “Назад”. Не волнуйте о том, что пользовател перешел с Вашего сайта на другой, он вернется, если захочет этого (даже порно сайты в последнее время стали относиться к этому вопросу в пользу свободы действий посетителя).

6.

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

7.

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

8.

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

9.

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

10.

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

11.

Если Вы ДОЛЖНЫ использовать аудио-файлы (некоторые ситуации всё-таки требуют этого), позвольте пользователю управлять ими. Возможно, Вы должны донести до пользователя важное сообщение, или используете поддержку аудио для инструкций. Это нормально. Только удостоверьтесь, что пользователь осознанно нажимает на “Play”, а не получает порцию звука при посещении сайта.

12.

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

13.

Не используйте стартовую страницу с приглашением войти на сайт. Чем меньше шагов надо сделать пользователю – тем лучше.

14.

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

15.

Не “ломайте” кнопку “Назад”. Это может сделать, например, открытие нового окна, или некоторые JavaScript-ссылки. Если у пользователся не будет возможности вернуться на один, или несколько шагов назад, при необходимости – он может вообще закрыть окно Вашего сайта.

16.

Не используйте мигающий текст (если только Ваши посетители не из прошлого, например, с 1996-ого, или 1997-ого).

17.

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

18.

Отдавайте CSS предпочтение над таблицами. CSS более быстр, надежен, и предлагает еще много “вкусностей”

19.

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

20.

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

21.

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

22.

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

23.

Не смущайте посетителей множеством выборов: какую пропускную способность я предпочитаю? Какое разрешение моего экрана? Флеш, или HTML? Господи, просто дайте мне содержание!

24.

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

25.

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

26.

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

27.

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

28.

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

29.

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

30.

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

31.

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

32.

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

33.

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

34.

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