4.4.9 Главные методы навигационной системы

iDevice ikoon 4.4.9 Главные методы навигационной системы

Навигационные системы бывают разными:

  • плоская навигация
  • разветвлённая навигация
  • матричная навигация.

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

Рисунок 4-20. «Плоская» навигация

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

Рисунок 4-21. Разветвлённая навигация

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

Матричная навигация состоит из нескольких разветвлённых навигаций, которые, образно говоря, сложены друг на друга. Каждая под-навигация обслуживает содержание конкретного специфического раздела. Пользователя направляют к правильному результату соответственно его шаблону пользования, и остальная избыточная навигация исчезает - остаётся только часть необходимая пользователю. Чтобы матричная навигация хорошо работала, необходимо хорошо чувствовать пользователей и их нужды.

Рисунок 4-22. Матричная навигация

Методы навигации различают и технологически:

  • Стиль yahoo - вся навигация с последующими разделами видна сразу. Плюсом является информативность. Минусом - то, что в случае большого количества информации навигация становится очень длинной и поэтому недоступной к использованию.
  • Разворачивающееся (rollover) меню - навигация нижнего уровня возникает, если курсор наводится на верхний уровень.
  • Флэш-меню - навигация анимирована при помощи технологии Flash или Silverlight.
  • Сжимаемое-разжимаемое меню - навигация нижнего уровня открывается, если кликнуть по верхнему уровню.
  • Выпадающее (drop-down) меню - элементы навигации расположены горизонтально и навигация нижнего уровня открывается, когда кликнуть по верхнему уровню. Создаётся впечатление, что навигация «выпадает вниз».
  • Всплывающее меню (fly-out) меню - такое как выпадающее, только навигация располагается вертикально, и подуровень появляется сбоку.

Тесты, проведённые пользователями, показывают, что меньше всего ошибок у пользователей возникает при использовании выпадающих меню и меню в стиле Yahoo.

Вы можете также ознакомиться с различными навигационными методами по адресу: http://www.eastonmass.net/tullis/WebsiteNavigation/WebsiteNavigationPaper.htm