Дмитрий Кирсанов - Веб-дизайн

С другой стороны, на контент–сайтах (да и не только на них) реклама есть воистину «осознанная необходимость», единственный способ окупить затраты на создание и поддержку сайта. Разумеется, пользователи давно уже привыкли «отфильтровывать» в своем восприятии прямоугольники известного размера и характерной пестроты, относясь к ним как к чему–то совершенно независимому от содержимого страницы (если не впрямую враждебному ей). Однако же дизайнер не может полностью полагаться на разборчивость своих зрителей и вынужден так или иначе реагировать на вторжение инородного материала.

Обычно автор пытается либо интегрировать баннер в композицию, пользуясь теми его свойствами, которые известны априори (размером и прямоугольной формой), либо, наоборот, противопоставить баннер всему остальному на странице (чаще всего по цвету). Пространственная интеграция сводится к выравниванию баннера с соседними элементами, вписыванию его в общую сетку позиционирования (очевидно, что и сама эта сетка, и многие из элементов в таком случае обязаны равняться на стандартные габариты баннера — пример 15). При контрастировании же ставка делается на пестроту и цветовую насыщенность большинства баннеров, которым противопоставляется ограниченный набор неярких и тщательно подобранных цветов в других элементах страницы. Эти два приема — пространственная координация и цветовой контраст — могут сочетаться друг с другом.

Если нелинейность содержимого — главное отличие веб–сайта от более традиционных видов публикаций, то навигационная система есть необходимое каждому сайту средство ориентировки и перемещения в этом нелинейном пространстве. Каждая страница сайта должна, помимо всех прочих предъявляемых к ней требований, отвечать посетителю на два неизбежно возникающих у него вопроса — «где я нахожусь?» и «куда мне отсюда идти?»

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

Рассмотрим, на каких сайтах и для каких целей употребляются разные виды навигационных инструментов. Простейшая разновидность навигационной панели для сайта с древовидной топологией (стр. 185) — список текстовых ссылок на подчиненные страницы, иногда содержащий краткие аннотации по каждой ссылке. Текстовая навигация эффективна (пользователь скорее щелкнет в ссылку с аннотацией, пусть даже самой краткой, чем без нее), но недостаточно экономна — аннотации занимают много места, и из–за нелюбви пользователей к прокрутке содержимого последние ссылки в списке могут страдать от недостатка внимания.

Поэтому аннотированными ссылками обычно пользуются для немногих особо важных или недавно появившихся разделов сайта, и в сочетании с соответствующими иллюстрациями такие ссылки составляют основное содержание первой страницы на многих корпоративных и контент–сайтах. Рекламным дизайнерам известно, что при необходимости разместить на заданной площади несколько совершенно одинаковых по значимости объектов выгоднее сделать один–два из них «гвоздем программы» (то, что по–английски называют feature), крупно и выигрышно подави на площади, сэкономленной за счет беглого перечисления всех остальных объектов. Этот принцип искусственного создания неравенства очень часто используется для ссылок на первой странице.

Однако для дублирования на всех остальных страницах сайта нужно более компактное средство навигации — навигационная панель с кнопками (хотя очень часто элементы панелей совсем не похожи на какие бы то ни было «кнопки», здесь я буду пользоваться именно этим интуитивно понятным термином). Такие панели чаще всего вытянуты в одном измерении (по горизонтали или вертикали), хотя на первой странице иногда можно увидеть иллюстрированные и даже анимированные двумерные «карты» содержимого сайта. Иногда, особенно для навигации в обширных многоуровневых иерархиях, используются выпадающие меню, реализуемые либо с помощью HTML-форм, либо, в последнее время, — с помощью динамического HTML ( www.ibm.com). На особо разветвленных древовидных сайтах ( www.yahoo.com) каждая страница ссылается на всех своих «родителей» — членов цепочки, ведущей от корня сайта к данной странице.