Размещение навигационных элементов

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

2. Навигация снизу. Самый плохой вариант, поскольку на больших страницах навигационные элементы вообще не попадутся на глаза пользователю. Однако уместно расположить в нижней части страницы навигацию в виде текстовых ссылок, которая бы дублировала основную (например, верхнюю) навигацию.

3. Навигация слева. Левая часть экрана — самое логичное место для размещения навигации, поскольку люди читают слева направо. Создает визуальную опору странице. Недостаток - занимает слишком много экранного пространства, причем при прокрутке страницы по вертикали это пространство используется впустую.

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

5. Иерархия навигации. На крупных сайтах с большой глубиной вложенности разделов используется несколько уровней навигации. Первый уровень составляют первичные разделы сайта, которые остаются неизменными на каждой странице и являются частью глобальной навигации. Второй уровень — локальная навигация — список разделов, подчиненных текущему. Визуально навигационная иерархия чаще всего следует схеме TBL (top-left-bottom), когда первый уровень навигации размещается в верхней части страницы, второй уровень (локальная навигация) размещается в левой части, а внизу с помощью текстовых ссылок дублируется первичная навигация. Такой подход учитывает особенности перемещения взгляда пользователя при изучении страницы.