Практически сразу, с появлением возможности создавать сайты, появились различные украшательства. Это, например, выделение текста различными шрифтами, цветом, размером, различная анимация, от примитивной - бегущей строки, до более серьёзных блоков на Java Script, Flash или HTML5. Любое выделение текста или блоков на сайте ведёт к изменению поведения посетителя сайта. Давайте рассмотрим, как сделать сайт красивее, не распугав посетителей.

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

Рассмотрим в общем, какие украшательства существуют...

Выделение текста

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

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

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

Использование анимированного текста (например тегом MARQUEE) должно быть особенно продумано. Да, это привлекает внимание, но также и отталкивает. Это воспринимается, как назад в середину 2000х.

Анимированные блоки

Анимированные блоки на Java Script, AJAX и т.п. не должны затруднять быстрый доступ к информации. Это значит, что прокрутив страницу до блока, человек не должен ждать, пока появится интересующая его информация. Кроме того, если внутри блоков есть ссылки, то человек не должен "догонять" мышкой блок, чтобы успеть нажать на ссылку. Текст должен быть читабельным, то есть если это слайдер, то человек должен успеть прочитать то, что написано на одном слайде и кликнуть на ссылку, если таковая там присутствует. И, в то же время, он не должен заснуть, ожидая появления следующего слайда.

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

Бессмысленная и беспощадная анимация из 2000х

К такой анимации относятся Java скрипты, создающие падающий снег, мерцающие кнопки и баннеры, про вот это вот всё вообще забудьте! Крутящаяся 3D надпись SALE или % СКИДКИ % только отпугнёт!

Подведём итоги...

Каждое украшение вы должны рассматривать через фильтр вопросов:

• Насколько необходимо данное украшение?
• Если я установлю данное украшение, на что это должно повлиять в лучшую сторону?
• Может ли данное украшение не понравиться кому-то, и что произойдёт, если оно не понравится?
• Не помешает ли украшение получать информацию на сайте?
• Не отвлечёт ли украшение от важных действий?

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