Роль логичной и качественно выполненной навигационной системы сайта тесно связана с особой ролью его заглавной страницы. Если только что пришедшего на первую страницу посетителя вы сможете убедить сделать хотя бы один внутрь сайта, вероятность того, что в конце концов он заинтересуется и исследует ваш сайт более подробно, резко возрастает. И, разумеется, желание пользователя щелкнуть по какой бы то ни было ссылке очень сильно зависит от того, как эта ссылка сформулирована, оформлена и размещена.
ОБЩИЙ ОБЗОР
Рассмотрим, на каких сайтах и для каких целей употребляются разные виды навигационных инструментов. Простейшая разновидность навигационной панели для сайта с древовидной топологией (стр. 185) — список текстовых ссылок на подчиненные страницы, иногда содержащий краткие аннотации по каждой ссылке. Текстовая навигация эффективна (пользователь скорее щелкнет в ссылку с аннотацией, пусть даже самой краткой, чем без нее), но недостаточно экономна — аннотации занимают много места, и из–за нелюбви пользователей к прокрутке содержимого последние ссылки в списке могут страдать от недостатка внимания.
Поэтому аннотированными ссылками обычно пользуются для немногих особо важных или недавно появившихся разделов сайта, и в сочетании с соответствующими иллюстрациями такие ссылки составляют основное содержание первой страницы на многих корпоративных и контент–сайтах. Рекламным дизайнерам известно, что при необходимости разместить на заданной площади несколько совершенно одинаковых по значимости объектов выгоднее сделать один–два из них «гвоздем программы» (то, что по–английски называют feature), крупно и выигрышно подави на площади, сэкономленной за счет беглого перечисления всех остальных объектов. Этот принцип искусственного создания неравенства очень часто используется для ссылок на первой странице.
Однако для дублирования на всех остальных страницах сайта нужно более компактное средство навигации — навигационная панель с кнопками (хотя очень часто элементы панелей совсем не похожи на какие бы то ни было «кнопки», здесь я буду пользоваться именно этим интуитивно понятным термином). Такие панели чаще всего вытянуты в одном измерении (по горизонтали или вертикали), хотя на первой странице иногда можно увидеть иллюстрированные и даже анимированные двумерные «карты» содержимого сайта. Иногда, особенно для навигации в обширных многоуровневых иерархиях, используются выпадающие меню, реализуемые либо с помощью HTML-форм, либо, в последнее время, — с помощью динамического HTML (www.ibm.com). На особо разветвленных древовидных сайтах (www.yahoo.com) каждая страница ссылается на всех своих «родителей» — членов цепочки, ведущей от корня сайта к данной странице.
Для сайтов или фрагментов сайтов с линейной (а не древовидной) структурой необходимый минимум навигации — пара ссылок, ведущих к предыдущему и следующему документу в цепочке. Чаще, однако, линейная навигационная панель включает в себя строку ссылок на все страницы цепочки, указывая в этом ряду место текущей страницы (самый известный пример — ссылки на страницах с результатами в поисковых системах). Сходно устроены панели управления на сайтах, входящих в тематические «кольца» (web rings), с помощью которых можно перейти на следующий или предыдущий сайт кольца, посмотреть полный список сайтов и даже выбрать один из них наугад (для этого используется перенаправление через специальную программу на сайте — хозяине кольца).
СЕМАНТИКА
Прежде чем анализировать дизайн навигационных систем, давайте посмотрим, какие именно ссылки имеет смысл включать в панель навигации верхнего уровня (т. е. панель первой страницы, обычно повторяемую в почти неизменном виде на большинстве остальных страниц сайта). Первое, на что стоит обратить внимание, — общее количество кнопок на панели, которое не должно превышать десяти, а еще лучше семи (как показывают исследования психологов, это «магическое число» — максимум одноуровневых объектов, в которых человек может ориентироваться с бессознательной легкостью). Если количество разделов верхнего уровня на вашем сайте превышает 10, нужно постараться свести некоторые из них в один раздел или же ввести двухуровневую иерархию ссылок на самой панели, по–разному оформив ссылки на разделы и подразделы (как часто делается на богатых содержанием контент–сайтах).