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

В этой статье я описываю те вещи, от которых вам предстоит отказаться для создания грамотного и действительно удобного сайта. Казалось бы, тема заданная мной, тривиальна, и об этом было написано сотни раз, на что я отвечу: "Да неужели?". Я пишу статьи о 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 счетчика. Наиболее полную статистику предоставляет бесплатный сервис HotLog (http://hotlog.ru).

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

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

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

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

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

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

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

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

Статьи по теме

Гигантская подборка сервисов для веб-дизайна. Логотипы, фотобанки, иконки, шрифты и прочее

Онлайн-сервисы для работы с визуальным контентом и дизайном сайта, собрали бесплатные и недорогие площадки. Материал обновлен...

2023-12-28

Дизайн сайта: особенности творческого процесса

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

2019-08-07

Создание логотипа: семь сервисов в помощь

После того, как основная бизнес-идея сформирована, определены продукты и услуги, которые компания будет продвигать на рынке, возникает н...

2019-01-30

20 ценных уроков дизайна от "Мстителей"

Может это и звучит как-то странно, но марвеловские супергерои могут не только скрасить наш досуг своими приключениями, но и дать нам нес...

2015-05-11

15 трендов веб дизайна в 2014-2015 году

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

2014-06-05

Как не надо верстать сайт или 7 ошибок начинающего веб-мастера

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

2011-12-27

Факторы, определяющие хороший логотип

Если вы решили создать логотип, то нужно подумать о том, где он может использоваться. Существует пять факторов, которые определяют наско�...

2011-12-27

Борьба поисковиков и оптимизаторов

Сегодня интернет стал реальной бизнес-средой, и позиция сайта компании в результатах поискового запроса оказывает значительное вли�...

2011-04-13

Почему не стоит скачивать шаблоны с варезников

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

2011-04-13

О пользе точности темплейтов

Лирическое отступление: Темплейты для сайта (сториборды, вайрфреймы) - спроектированные проволочные схемы страниц сайта. Темплейты пок...

2011-04-07

Методы веб-дизайна и юзабилити

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

2011-04-07

Шаблонные решения для web-сайтов

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

2011-04-07

Как сделать картинки в стиле Карсона

Самое модное сейчас в дизайне — шрифты. Их в работе должно быть как можно больше. Неважно, ЧТО вы этими шрифтами пишете, главное — раск�...

2011-04-07

Переживания должны передаваться

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

2011-03-29

Про заказчиков

Сегодня наш выпуск посвящён не дизайну или дизайнерам, а тому, с кем они имеют дело — заказчикам. Заказчики делятся на несколько групп. Т...

2011-03-29