Сквозная навигация

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

Считаю, будет правильным выделить несколько типов связи:

• связь между сервисами;
• вокруг события;
• тематическая связь.

Связь между сервисами

Итак, взяли бидон и идём на Яндекс за молоком.

Приглядитесь к блоку. Помимо результатов поиска пользователю предлагается пройти в маркет, посмотреть картинки, а также найти адрес «молоко» в Москве и Московской области. Это и есть сквозная навигация.

Разработка на сайте подобной интеграции сервисов — это трудоёмкий, но полезный процесс.

Таким образом мы добиваемся нескольких эффектов:

• глубины просмотра страниц;
• количества просмотренных страниц;
• повышаем удобство навигации;
• увеличиваем время пребывания посетителя на сайте.

Кроме того, в данном случае сквозная навигация решает коммерческую задачу &mdash рекламирует товар в маркете. Здесь всё ясно? Идем дальше.

Вокруг события

В качестве примера рассмотрим сайт футбольного клуба. Событием в данном случае будет матч. Каждый новый матч — причина появления большого объёма информации — прессы, видео, фото, аудио и др. Чтобы она не терялась в недрах сайта, её следует связывать между собой. Но прежде, чем начать связывать, уясним цели:

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

Делаем так (решение первой задачи):

и вот так (решение второй задачи):

Тематическая связь

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

Пример:

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

Для достижения наилучшего результата нужно применять все типы связи.

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

Илья Бобяков

Рекомендуем почитать:
• Типографская врезка
• Как создать реалистичные слезы в Photoshop
• Создание вкладок c помощью HTML