- •11. Таблицы на html странице
- •12. Ссылки в html. Навигация по страницам
- •13. Адреса ссылок. Указание базового адреса
- •14. Организация навигации по книгам и сайтам
- •15. Формы на html странице
- •17. Стилевое оформление страницы средствами html
- •18. Контекстно-зависимые дескрипторы
- •19. Дескрипторы физического (декоративного) форматирования
14. Организация навигации по книгам и сайтам
Удобная, понятная пользователю навигация - важнейшая составляющая дизайна сайта. В идеале пользователь, попав на любую из страниц вашего сайта, должен суметь сразу сориентироваться, где он находится, и куда ему двигаться дальше.
Система навигации должна быть единой для всех страниц сайта. В этом случае посетитель, даже впервые попав на ваш сайт, сумеет четко сориентироваться уже на второй странице.
Ссылка на главную страницу . Очень желательно иметь ссылку на главную страницу на всех страницах сайта. Общепринятым правилом стало использование логотипа сайта в качестве ссылки на главную страницу.
Навигационная панель сайта или Меню сайта - один из основных функциональных элементов сайта, состоящий из набора ссылок на различные страницы. Каждая такая ссылка называется пунктом меню. Посетитель использует меню для перехода к интересующим его разделам сайта. Навигационную панель, включающую ссылки на основные разделы сайта (и, возможно, на подразделы текущего раздела), очень желательно иметь на каждой странице.
Наиболее распространены два варианта размещения навигационной панели: вертикально в левой колонке или в строчку в верхнем колонтитуле (в "шапке") страницы. Нередко можно встретить и комбинацию этих способов, когда для организации навигационной панели используется и левая колонка, и верхняя строка. При этом в верхнюю строку, как правило, помещаются ссылки на самые важные, на взгляд разработчика, разделы. Такое меню обычно называют главным меню сайта.
Часто главное меню - это простой список ссылок, с изменяющимися при наведении на них курсора кнопками. Но иногда при наведении курсора на пункт главного меню появляется выпадающее меню со ссылками на страницы "второго уровня". Пункты навигационного меню, как главного, так и расположенного в левой колонке, должны быть максимально короткими, как правило - однословными. Число пунктов, их название и порядок в главном меню не должны меняться при листании страниц. Обязательно должен повторяться пункт, указывающий на текущую страницу, но желательно, чтобы на текущей странице он не был ссылкой. Это облегчает пользователю ориентацию на сайте, поскольку пользователь видит однотипное меню на всех страницах и одновременно понимает, где он в данный момент находится.
Дополнительное меню сайта - как правило, имеет иерархическую структуру и бывает 3-х видов:
1) Выпадающее меню - раскрывается (выпадает) при наведении на пункт меню
2) Раскрывающееся меню - имеет раскрывающуюся структуру по клику на кнопку меню
3) Раскрытое меню - статическое меню, часто имеет древовидную структуру
Если страница достаточно объемная и для ее просмотра потребуется прокрутка, главное меню желательно повторять на конце страницы. Дополнительно в конце страницы может располагаться навигационная ссылка вверх на начало страницы.
Место страницы в иерархии документов
Довольно удобно для посетителя сайта, особенно для попавшего на ваш сайт впервые и сразу на какую-то из внутренних страниц (обычное дело, когда пользователь попал к вам из поисковой системы), если для каждой страницы будет показано ее место в структуре сайта. Это можно реализовать строчкой в верхней части страницы примерно такого вида:
Главная -> раздел -> подраздел -> название текущей страницы
Такие ссылки почему-то называют "хлебными крошками". При этом все вышележащие страницы (главная, раздел, подраздел) оформляются как ссылки. Особенно полезна такая подсказка в случае, если ваш сайт имеет более трех уровней вложенности.
Последовательная навигация
Если вы публикуете, разбивая на страницы, какой-то большой материал, например, целую книгу, то очень удобны для посетителя будут ссылки в нижней части страницы примерно такого вида:
предыдущая страница * оглавление * следующая страница
при этом, естественно, оглавление должно включать ссылки на все HTML-страницы, на которые у вас разбита эта книга.
Т.о. проектирование навигации является одним из важнейших моментов при разработке сайта, отвечающего требованиям юзабилити. Если навигация сайта не логична как по структуре, так и по оформлению, то основным способом ориентации на сайте будет «метод тыка», который совершенной неуместен в такой динамичной среде как Интернет. При этом будет нарушаться основное условие работы с сайтом – оперативное получение информации при минимуме затрат времени и ресурсов.