Проектирование навигации

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

Цель любой навигационной системы - предложить пользователю понятный и простой способ доступа ко всем страницам сайта.

Навигационные системы делятся на несколько типов: линейная, иерархическая, сетевая.

Линейная навигация –типично содержит ссылки "Предыдущее", "Следующее" и "Начало" и ничего более. Так как она является противоположной духу Всемирной Паутины, она используется редко, в основном для книг, презентаций или других линейных документов.

Пример линейной навигации:

начало >страница1 >страница2 >…>конец.

Иерархическая навигация – напоминает корни. От страниц, находящихся выше по уровням иерархии, отходят связи к страницам, находящимся ниже.

Пример иерархической навигации:

Рис. 10.

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

Пример сетевой навигации:

Рис. 11

Подтипы - это специальные отдельные виды трех главных типов:

Линейный маршрут сквозь (обычно) иерархическую структуру сайта.

Пример: мы находимся в подразделе раздела N рассмотренной выше иерархической системы.
Тогда элемент навигации будет выглядеть так: начало > раздел N > подраздел.

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

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

Текстовая навигация – состоит из гиперссылок в тексте страницы.

Какой тип навигации является наилучшим? Это зависит от целей сайта. Но наиболее популярным типом является иерархическая навигация. Она используется в сочетании почти со всеми другими типами.

Расположение навигации:

Левая часть страницы – обычное место для расположения навигационных элементов. Так как в английском и других западно-европейских языках пишут и читают слева направо, то система навигации располагается прямо на пути взгляда пользователя. Главная проблема заключается в том, что она создает эффект "информационной изгороди", которую посетитель должен преодолеть для того, чтобы прочитать материалы, расположенные на странице.

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

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

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

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

Задание 8.5.1.Разработайте навигационную структуру своего сайта. Она должна соответствовать приведенным рекомендациям. Оцените, какой тип навигационной структуры вы выбрали и обоснуйте свой выбор.

Где я нахожусь?

Любую веб-страницу следует рассматривать как часть сайта и одновременно как некоторую независимую самостоятельную часть. На любую страницу сайта можно попасть в обход «главного» входа, в результате использования поисковых систем или прямой ссылки на данную страницу. Учитывая это обстоятельство, следует предусмотреть название сайта на каждой его странице, чтобы посетителю было сразу понятно, какой сайт он посетил. Также необходимо ввести заголовок раздела или статьи, чтобы показать посетителю, в каком месте он находится относительно самого сайта (рис.8.3).

а. Правильно	б. Неправильно

Рис. 12. Где я нахожусь?

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

Дата добавления: 2015-07-26; просмотров: 229; Нарушение авторских прав

Мы поможем в написании ваших работ!