Глава 6.1
Разделы
Панель разделов – ее иногда называют основной навигацией (primary navigation) – содержит ссылки на основные разделы сайта, представляющие верхний уровень иерархии сайта.

В большинстве случаев постоянная навигация (persistent navigation) содержит также и вторичную навигацию (secondary navigation), т. е. список подразделов текущего раздела.

Сервисы
Сервисами называются ссылки на довольно важные компоненты сайта, не принадлежащие к иерархии смыслового содержания.

Сюда входят либо разделы, которые помогают мне пользоваться сайтом, например «Помощь» (Help), «Карта сайта» (Site Map), «Корзина» (Shopping Cart), либо разделы, которые содержат информацию о создателе сайта, например «О нас»(About Us), «Как с нами связаться» (Contact Us).Так же как и указатели вспомогательных служб в магазине, список сервисов должен быть менее заметен, чем список разделов сайта.

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

Как правило, постоянная навигация может вместить только четыре или пять сервисов из тех, которые чаще всего могут понадобиться пользователю. Если вы попытаетесь поместить туда большее количество сервисов, то разобраться в них будет уже труднее. Реже используемые сервисы можно собрать в отдельную группу на начальной странице.
Стоит отойти на три щелчка, как сразу вспоминаешь, что «нет места лучше дома»
Одним из важнейших элементов постоянной навигации является кнопка или ссылка для перехода на начальную страницу сайта. Расположенная на видном месте, кнопка начальной страницы дает пользователю уверенность, что, даже заблудившись в недрах сайта, с ее помощью он всегда сможет начать все сначала, будто бы нажав «Сброс» или получив пропуск «Свободен» на выход из тюрьмы. Последнее время появилась практика использовать логотип сайта в качестве кнопки для перехода к начальной странице. На мой взгляд, эту ценную идею стоит взять на вооружение и на других сайтах, однако крайне мало пользователей знают о такой возможности. Итак, можно порекомендовать один из следующих вариантов:
- либо включить ссылку «Home»(В начало) в строку разделов или сервисов;

- либо на каждой странице,кроме начальной, добавить к логотипу сайта выражение«Home» (В начало).

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

Формула окна поиска довольно проста: окно, кнопка и слово «Search» (Поиск). Не усложняйте жизнь посетителям вашего сайта – придерживайтесь этой простой формулы, учитывая следующее:
- Избегайте непривычных названий. Пользователи будут искать слово «Поиск», поэтому используйте именно его, а не слова «Найти», «Быстро найти»,«Быстрый поиск», «Поиск по ключевым словам». (Если слово «Поиск» вы употребили в качестве заголовка для окна поиска, то на кнопке используйте надпись «Пуск» («Go»)).
- Избегайте инструкций. Если вы будете придерживаться этой формулы, то любой, кто пользовался Интернетом хотя бы пару дней, сможет разобратьсяс тем, как применять окно поиска. Добавление фразы «Введите ключевое слово для поиска» напоминает запись на автоответчике: «Оставьте свое сообщение после сигнала». Раньше надо было объяснять последовательность действий, но сейчас это звучит неуместно.
- Опции. Чтобы избежать путаницы с широтой поиска (просмотреть весь сайт?, часть сайта?, всю Сеть?), обязательно обозначьте области поиска понятным образом.

Однако хорошо продумайте опции ограничения области поиска (например,«только в текущем разделе»), а также опции расширения запроса (например, уточнения по названию, имени автора, номеру тома, наименованию продукта).
Мне редко приходилось видеть случаи, когда необходимость задумываться над тем, что такое «опции расширенного поиска», как именно и нужно ли их применять, оправдывалась бы потенциальной пользой от добавления их к обычному окну поиска. Если вы хотите дать пользователю возможность расширенного поиска, тодайте ее тогда, когда это действительно нужно: если по запросу было получено слишком много результатов.
Одной из главных причин успеха сайта Amazon, на мой взгляд, является разумная организация системы поиска. Как я упомянул в первой главе, Amazon – это один из первых (если не самый первый) книжных интернет-магазинов, в поисковом окне которого не стали использовать опцию выбора по названию, имени автора или ключевому слову. Вместо этого пользователь может вводить любую цепочку символов и по ней получать результаты своего запроса.
Я несколько раз проводил тестирования онлайновых книжных магазинови заметил, что первое действие, которое пользователи очень часто совершают при обращении к поисковым системам на таких сайтах, – это попытка найти книгу, данные о которой им известны, для того чтобы проверить, насколько хорошо работает поисковая система. Множество тестов показало,что уже первое использование поисковой системы на сайте Amazon заканчивалось успехом, тогда как применение опций поисковых систем на других сайтах не давало пользователям желаемых результатов, поскольку они не могли воспользоваться этими опциями правильно.
Естественно, если вы обеспечиваете поисковую систему дополнительными опциями, то вам следует убедиться, что они работают нормально.
Например, когда на сайте Internet Movie Database я попытался найти цитату «Отвратительные жетоны» из «Сокровище в Сьерра Мадре», то при значении опции поиска «Все», принятой по умолчанию, по слову «признаки» был найден только один вариант: какое-то старое телевизионное шоу.

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

И тогда я начинаю крутить эти страницы, недоумевая, куда подевалось все остальное, и стараюсь найти место, где они чудесным образом смогли укоротиться. Однако эти поиски ничем не заканчиваются. Видимо, это одна из самых распространенных проблем веб-дизайна (особенно это касается больших сайтов) –недостаточное внимание к навигации нижних уровней сайта по сравнениюс верхними. На многих сайтах, как только вы проходите через второй структурный уровень, навигация перестает работать и становится произвольной. Эта проблема настолько распространена, что трудно найти пример сайта с хорошо разработанной навигацией до третьего уровня.Почему так происходит?
Отчасти это связано с тем, что хорошую многоуровневую навигацию просто-напросто трудно рассчитать: объем пространства на страницах ограничен, а количество элементов, которые нужно в них вместить, довольно большое.Отчасти это происходит из-за того, что у разработчиков не хватает времени наразработку даже первых двух уровней сайта. Кроме того, почему-то разработчикам кажется, что это не так уже и важно: «В конце концов, ведь это не первичная и даже не вторичная навигация...».И многие считают, что к тому моменту, когда пользователь доберется до нижних уровней сайта, он уже и сам может разобраться в том, как все работает. Ко всему прочему существует еще проблема содержания страниц нижнего уровня. Когда разработчики сайта запрашивают это содержание, они не всегда могут получить его даже у тех, кто ответственен за его подбор, поскольку мало кому приходило в голову продумывать сайт настолько глубоко. Тем не менее пользователи тратят на страницы с нижних уровней иерархии сайта не меньше времени, чем на страницы с верхних уровней. Поэтому если сразу тщательным образом не разработать навигацию для всей структуры сайта, с самых верхних до самых нижних его уровней, то потом последовательно дополнить ее будет намного труднее. Вывод? Очень важно обеспечить пробные страницы навигацией для всех предполагаемых уровней структуры сайта еще до того, как вы начнете обсуждать вопросы цветовой палитры начальной страницы.
Названия страниц, или почему я люблю ездить по Лос-Анджелесу
Если вы когда-нибудь были в Лос-Анджелесе, то понимаете, что это не лирическая песня, а город больших дорог. Жители Лос-Анджелеса очень серьезно относятся к автовождению. Видимо, поэтому в городе самые лучшие дорожные знаки и указатели улиц из всех, которые я когда-либо видел. В Лос-Анджелесе:
- Дорожные знаки имеют большие размеры. Когда вы останавливаетесь на одном перекрестке, то можете прочитать указатель, установленный на следующем.
- Каждый знак находится на правильном месте, т. е. над дорогой, по которойвы едете, поэтому вам нужно всего лишь посмотреть вверх, чтобы прочесть его.
Должен признать, что мне очень понравилось такое отношение к водителям, таккак я сам из Бостона, где удачей можно считать уже то, что вам удалось разглядеть название улицы, на которую нужно повернуть.

В результате при поездке по Лос-Анджелесу я трачу меньше усилий и вниманияна то, чтобы определить, где я нахожусь, поэтому могу больше сосредоточитьсяна движении, разговорах с попутчиками и прослушивании любимой радиопередачи. Мне нравится ездить по Лос-Анджелесу.
Названия веб-страниц можно сравнить с дорожными указателями: когда всеи дет нормально, их можно совсем не замечать. Но если у меня возникает ощущение, что я двигаюсь в неправильном направлении, то мне нужно посмотретьна название страницы, чтобы определить собственное местонахождение. Нужно знать четыре вещи относительно названий страниц:
- Каждая страница должна иметь название. Так же как на каждом перекрестке должен находиться какой-либо дорожный знак или указатель, каждая веб-страница должна иметь свое название.

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

- Название страницы должно находиться в правильном месте. Другими словами, название страницы должно занимать в ее визуальной иерархии такое место, чтобы оно «обрамляло» расположенное на ней содержание. (В конце концов, в этом состоит основная задача именно названия, а не навигации или рекламы, которые, в свою очередь, представляют всего лишь инфраструктуру сайта.)
- Название страницы должно быть заметным. Позиция, размер, цвет и шрифт названия должны ясно показывать, что это заглавие для всей страницы в целом. Поэтому чаще всего текст названия страницы будет иметь самый большой размер.
- Название страницы должно соответствовать названию ссылки, по которой я щелкнул. Существует негласное правило о том, что «название страницы соответствует тем словам, по которым я щелкнул мышью для того, чтобы на эту страницу попасть». Другими словами, если я щелкаю по ссылке или кнопке с названием «Горячее картофельное пюре», то должен произойти переход к странице с названием «Горячее картофельное пюре».

Это может показаться банальным, но в действительности это негласное правило имеет очень большое значение. В случае, когда это правило на сайте нарушается, мне приходится, пусть даже на миллисекунду, задуматься: «Почему это отличается от того?». И если название ссылки существенно отличается от названия страницы или имеется много мелких несоответствий, то мое доверие к сайту, а значит, и к его издателям, снижается. Естественно, в некоторых случаях придется искать компромиссный вариант, так как пространство страницы ограничено. Если слова, по которым я щелкаю мышью, по каким-то причинам точно не соответствуют названию страницы, то важно добиться того, чтобы, во-первых, они соответствовали друг другу в максимально возможной степени и, во-вторых, чтобы при этом причина несоответствия была ясна для пользователя. Например, если на сайте Gap.com я щелкаю по кнопкам с названиями «Подарки для него» и «Подарки для нее», то перехожу на страницы, которые называются «Подаркидля мужчин» и «Подарки для женщин». Названия кнопок и страниц не совпадают точно, однако они кажутся настолько равнозначными друг другу,что это не вызывает у меня даже малейшего размышления.
