35 ошибок в веб-дизайне, которых вам следует избегать

Вольный перевод статьи «35 Web Design Mistakes You Should Avoid»

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

1. «Если я сделаю сайт, то на него сразу повалит куча посетителей»

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

2. Встраивание рекламы в контент

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

3. Всплывающая заставка (интро)

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

4. Одинаковые цвета для посещенной и непосещенной ссылки

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

5. Отсутствие поддержки некоторых браузеров

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

6. Музыкальный проигрыватель

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

7. Много флеша — это круто!

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

8. Можно немного изменить браузер

Оставьте браузер в покое! Кнопки «вперед» и «назад», и вообще вся панель инструментов — нужны пользователю. Иначе они сами их отключат.

9. «Пусть все эти ссылки открываются в новых окнах!»

Разрешите пользователю самом определиться — открыть ссылку в новом окне или нет.

10. «Для лучшего вида мне нужно изменить размер окна браузера»

Опять-таки — позвольте пользователям самим управлять их браузером.

11. Скрытый текст на странице

Не пытайтесь обмануть поисковые системы с помощью скрытого текста с кучей ключевых слов. Это простой способ быть забаненым.

12. Видимые счетчики посетителей

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

13. Выделение обычного текста цветом или подчеркиванием

Не стоит этого делать — посетители могут подумать, что это ссылка.

14. «Форматирование текста — дело восьмидесятое»

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

15. «Чем меньше шрифт — тем больше влезет на страницу»

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

16. «Делать все по шаблонам — удел посредственности!»

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

17. «А красивый текст с оформлением я вставлю картинкой!»

Вставляйте текст преимущественно в HTML — везде, где это возможно. Текст в картинке не индексируется поисковыми системами, его нельзя скопировать. К тому же это уменьшает скорость загрузки страницы.

18. Яркие и резкие цвета

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

19. Отсутствие поиска по сайту

Поиск — один из основных элементов навигации на сайте. Не лишайте посетителей его!

20. Игнорирование тега <title> и атрибута <alt>

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

21. «Каждый посетитель должен зарегистрироваться!»

Не требуйте регистрации, если в это нет действительной необходимости.

22. Использование нестандартных шрифтов

Не стоит. Если у посетителя этот шрифт не установлен, то он увидит совсем не то, чего вы ожидаете.

23. Всплывающие окна

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

24. «Все в кучу»

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

25. Очень длинные страницы

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

26. Медленная загрузка страниц

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

27. Навигация только на JavaScript

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

28. Отсутствие Sitemaps

Sitemaps — это просто список либо основных, либо всех страниц вашего сайта. Sitemaps поможет поисковым системам легче и быстрее проиндексировать ваш сайт.

29. Отключение функции правой кнопки мыши

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

30. Сложные URLы

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

31. Использование изображений для навигации

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

32. Неоптимизированные изображения, css и скрипты

Потратьте время на оптимизацию — это снизит время загрузки страницы.

33. Flash, AJAX и фреймы

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

34. Автоматический запуск видео

Позвольте пользователю самому решить когда он захочет просмотреть видео.

35. Анимация, мигание текста из 90х

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