Информационная архитектура: чертежи для сайта стр.99

рейти от одной подкатегории к другой только через родительскую категорию о "Прогулка краба" (Crabwalking) - при этом способе навигации перейти х категориям того же уровня можно непосредственно со страницы.

Дизайн локальной навигации также может принимать две формы, о Список ссылок на начальной странице с цепочками ссылок ("хлебными крошками") на последующих страницах. Такой дизайн поддерживает "попрыгунчика".

о Боковая панель навигации на всех страницах. Этот дизайн реализует "прогулку краба".

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

Иерархические меню в стиле "Yahoo!" и цепочные ссылки

"Yahoo!" был первым большим успехом в Сети, и вследствие этого многие из его изобретений стали нормой. Не на последнем месте среди них стоит иерархическое меню, составленное из заголовков и следующих за каждым из них двумя или тремя примерами и многоточием. На рис. 8.24 показан пример такого навигационного списка в одной из своих наиболее эффективных форм.

Информационная архитектура: чертежи для сайта

Puc. 8.24. Иерархическая схема

Pogostlck — палка (ходуля) с пружиной снизу и упорами для ног для прыжков При-меч пер

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

Информационная архитектура: чертежи для сайта

Puc. 8.25. Если вы насмотрелись на веб—сайты с живописью, то для просмотра веб—сайтов со скульптурой вы должны вернуться в раздел "Visual Arts"

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

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

Левая навигационная панель

"С I Net" распространил практику использования левой навигационной панели на локальные ссылки. Он сделал это достаточно оригинально. На протяжении большей части 1999 года на десятках сайтов появились панели локальной навигации ярко-желтого цвета, копирующие бросающийся в глаза дизайн, показанный на рис. 8.261.

N51 run!

names for I more week vrjijrj'ö^

Информационная архитектура: чертежи для сайта

Pue. 8.26. "С 1 Net" образца 1999 года

В настоящее время сайт "С | Net" - показанный на рис. 8.27 - больше не хвалится этой знаменитой нормой навигации. По мере увеличения объема контента он перешел к спискам и цепочной навигации в стиле "Yahoo!".


⇐ Предыдущая страница| |Следующая страница ⇒

Услуги