Запретные вещи

В этой статье я описываю те вещи, от которых вам предстоит отказаться для создания грамотного и действительно удобного сайта. Казалось бы, тема заданная мной, тривиальна, и об этом было написано сотни раз, на что я отвечу: "Да неужели?". Я пишу статьи о Web-дизайне, Web-мастеринге и раскрутке, почему же тогда многие из моих читателей не вникают в ту информацию, которую я несу? Меня просят оценить очередной фреймовый сайт с цветовой гаммой аля "Пестрый попугай" и ждут, что я начну восхищаться их творением и истекать слюной от зависти. Да никогда этого не будет и быть не может. Я к своему сайту отношусь очень критично и не считаю его даже неким подобием идеала, могу ли я превозносить то, что было сделано после очередной бутылки пива за несколько часов? Ежедневно, в поисках необходимой информации я (как и все мы) натыкаюсь на десятки и сотни личных страниц, сделанных то ли после ароматного косячка, то ли с большого бодуна. Эта статья предназанчена для тех, кто только начинает интересный путь в бескрайних морях Web-мастерства. Она должна предостеречь вас от ошибок и подводных камней, на которые натыкался я и все мы, пытаясь сделать что-то достойное.

1. Анимация - избитая тема. Никогда не используйте на сайтах бегущих строк (как на самой странице, так и в статусной строке), раздражающих и отвлекаюших внимание посетителя. Полностью от анимации отказываться не стоит (иначе, зачем ее изобретали? :), но здесь надо быть крайне осторожным.

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

3. Рисунки большого размера очень долго загружаются и тем самым доставляют неудобства посетителям вашего сайта. Если же их применение нельзя исключить, то оптимизируйте графику самым высоким методом сжатия, приемлемым в вашем случае. Небольшая потеря качества - это не трагедия, в отличие от потери посетителя, который, я вас уверяю, не станет дожидаться загрузки такого "тяжелого сайта" и уйдет со словами "придурки чертовы". (по крайней мере, я ухожу именно так :)

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

5. Pop-up окна - тормозят загрузку сайта, заставляя посетителя ждать появления совершенно бесполезной рекламы. Очень незначительный процент пользователей обращает внимание на всплывающие окна, другие закрывают его при первой возможности. Здесь кроется психология человека, путешествуюшего в сети - закрывать те вещи, которые он не вызывал. Для коропоративных сайтов pop-up может сожлужить благую роль, если посетители проекта заинтересованы в той рекламе, которую несет окно. В подавляющем большинстве случаев pop-up окно вызывается в качестве платы за бесплатный хостинг или из желания автора сайта заработать WM.

6. Большое количество графики существенно увеличивает нагрузку на канал посетителей, подавляющее большинство которых не имеют хотя бы ADSL, используя стандартные модемы. Если графика ко всему прочему не была оптимизирована, то считайте, что посетитель потерян. В качестве оптимизатора я рекомендую использовать Image Ready, входящий в состав Adobe Photoshop.

7. Более 3 счетчиков посещений вызывают торможение загрузки сайта. Как правило для того, чтобы иметь полный отсчет о количестве посетителей, достаточно иметь 2 счетчика.

8. Перегруженность страницы баннерами - это еще один фактор, тормозящий загрузку проекта. Следите за качеством тех кнопок (или более масштабных баннеров), которые вы вешаете на свой сайт. Рекомендуется располагать не более 5 кнопок 88x31, размером не превышающим 15-20 Kb.

9. Кнопочная панель навигации, включающая в себя более 7 пунктов. Такое обилие разделов плохо усваивается посетителем, а кнопки, являющиеся графическими элементами, в большом количестве тормозят загрузку проекта. Следует учитывать и тот факт, что значительная часть посетителей сознательно отключает отображение графики в целях экономии времени. Такие пользователи не смогут увидеть вашу панель навигации. Есть только один выход - использовать атрибуты Alt="...".

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

11. Создание сайта с помощью таких программ, как FrontPage или MS Word приводит к засорению исходного кода Web-страницы лишними тэгами. Этого мусора содержится, как правило, столько, что сей факт значительно влияет на длительность загрузки проекта.

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

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

14. Опечатки и уличный стиль изложения вызывает неприязнь и отвращение к проекту. Старайтесь следить за своими словами и проверять текст на ошибки хотя бы при помощи MS Word. А лучше дружить с грамматическим словарем :).

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

web-neo.fatal.ru
Сергей Сляднев

Разделы: 

Дополнительные разделы: 

Комментарии

Если это для новичков, то обьяснили бы что такое фрейм, тег, скрипт. А если это для тех ,кто знает о чем речь, то и все изложенное вами он уже знает.
Понятия фрейм, тег, скрипт являются общепонятными для вебдизайнеров. Если так-уж интересно - спроси Яндекс "тэг это". С автором согласен, давно на практике применяю _все_ что он написал. Немного не согласен насчёт "уличного" стиля, для андерграундного сайта - самое оно.
Ничего нового не написано, но.. Вдруг кто ответит какого, простите, органа, все увлеклись написанием сайтов с огромного размера флэшем в заставке. Это типа приятно смотреть на бегущую строчку "1,2,3,4..50..80%" загружено.. Часто такое вижу на ресурсах производителей чего-либо. И никуда не деться либо жди загрузки всего их креатива, либо беги в поисковик и ищи через него сцылку на конкретное место этого самого сайта. /что само по себе смешно, но экономит время/ Сейчас занялся имиджевым сайтом для себя, любимого, посему ответ на этот вопрос очень интересует.