WEBMASCON - журнал для веб-мастеров обновление: 2007.09.07

Раздельная навигация (Split Navigation)

Interaction Design Patterns (Web)
автор: 2002 Martijn van Welie
перевод: Александр Качанов

Задача

Облегчить посетителям работу с иерархической структурой

Условия

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

Решение

Разделите иерархию на две страницы с двумя разными способами ее отображения

Вся иерархия делится на начальную страницу и тематические страницы. Начальная страница показывает 1 и 2 уровни иерархии (ссылки). Щелкнув по ссылке, посетитель может сразу перейти на 2 уровень - страницу определенной темы. Эта тематическая страница содержит список 3 и 4 уровней. Вся текстовая информация выводистя на тематических страницах. Посетители переходят между 3 и 4 уровнями с помощью сылок в списке. В дополнение можно использовать ссылки-цепочки, чтобы показать структуру и дать посетителям возможность быстро перейти на первую страницу.

Начальная страница
Пример начальной страницы (5кб)

Тематическая страница
Пример тематической страницы (5кб)

Почему

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