6.1.5. Принципы построения системы навигации
Навигация по узлу - это тот механизм, который позволяет посетителю найти то, что вы хотите ему показать. От понятности системы навигации по узлу, продуманности ее элементов зависит, достигнет ли посетитель своей цели или уйдет, так и не разобравшись в дебрях документов. Именно удобная навигация, а не красивые картинки, заставляет посетителей возвращаться на ваш узел, так как они знают, что с легкостью найдут необходимый материал.
Навигация узла подразделяется на две части - глобальную и местную. Глобальные «магистрали» должны позволять посетителю быстро перемещаться из одной опорной точки узла в другую, а местные «дорожки» должны позволять легко перемещаться в пределах одного раздела, или группы документов.
Система навигации не должна отягощать страницу, не должна отвлекать от ее содержимого, но должна быть легко доступна. Если у вас большие документы, то целесообразно помещать ее внизу, что позволит посетителю по окончании чтения или просмотра перейти в следующее интересующее его место, а не проматывать весь документ обратно в начало. Можно также поместить элементы глобальной навигации наверху, вдруг посетитель попал не туда, куда надо.
Целесообразно элементы локальной навигации визуально отделять от элементов глобальной, но так, чтобы они в то же время выглядели, как единое целое.
Совсем не стоит дублировать стандартную кнопку браузера «Назад» за исключением особых случаев, и уж ни в коем случае не называйте так этот элемент - мало ли как посетитель попал на эту страницу. То, что кажется очевидным вам, совсем не покажется таким пользователю.
Не делайте ссылку на домашнюю страницу в виде логотипа - хоть это и очень распространено, это неправильно. Нарисуйте домик, сделайте кнопку «домой», или придумайте что-нибудь оригинальное.
Что делать, если разделов очень много? Как выбрать, что именно поместить в подсистему глобальной навигации? Существует три подхода:
Поместить в нее ссылки на те разделы или документы, которые важны для вас, с точки зрения важности их посещения посетителем; одной из таких ссылок, например, может являться ссылка на бланк оформления заказа.
Поместить в нее ссылки на наиболее популярные у посетителей разделы. Популярность определяется со временем путем долговременного анализа статистики посещаемости. В первый раз можно сделать собственное предположение о том, что будет наиболее интересно, но лучше об этом спросить хотя бы у пятерых друзей (но не коллег по работе) и обобщить результат.
Объединить в некоей пропорции два предыдущих способа.
Очень часто забывают об одном очень важном элементе навигации - контекстных ссылках. Это ссылки, которые встречаются прямо внутри текста и поясняют некий термин или фразу. Конечно же, если вы не хотите потерять посетителя, не делайте контекстных ссылок на документы других серверов, если это не продиктовано действительной необходимостью. Не забывайте, что такие ссылки - дополнительное средство навигации по вашему узлу. Примером действительной необходимости может служить ссылка на страницу с текущим курсом валют в фразе: «Оплата производится в рублях по курсу ЦБ на день покупки».
- Часть 2
- Содержание Оглавление
- Глава12.Основные термины Интернет 122
- Краткий экскурс в теорию сетей
- 1.1Как появился Интернет
- 1.2 Система адресации в Интернете dns — доменная система имен
- Общие принципы создания Web-узла
- 2.1 Web-технология html
- 2.2.Браузеры
- 2.3.Сервер, сайт, домашняя страничка
- 2.4.Анатомия сервера
- Говорим по-русски. О кодировках кириллицы
- 3. Создание html - документов ,Web-страницы
- 3.1. Классификация html-редакторов.
- 3.1.1.Визуальные редакторы
- 3.1.2. Текстовые редакторы
- 4. Другие Web-технологии
- 4.1.Java
- 4.2. Cgi (Common GateWay Interface)
- 4.3. Ssi (Server Side Includes)
- 4.4. Css(Cascading Style Sheets)
- 4.5. Рнр (Personal Home Page tools)
- 4.6. Asp (Active Server Pages)
- 4.7. VbScript(Visual basic Script)
- 4.8. Macromedia Flash
- 4.9. Dhtml (Dynamic Hyper Text Markup Language
- 4.10. Xhtml и xml
- Web-дизайн
- 5.1 Что такое Web-дизайн?
- 5.2.Программы, используемые в web-мастеринге
- Технологии Web-дизайна
- 6.1. Структура узла web-сайта
- 6.1.1. Плоская структура
- 6.1.2. Линейная структура
- 6.1.3. Древовидная структура
- 6.1.4. Комбинированная структура
- 6.1.5. Принципы построения системы навигации
- 6.1.6. Организация домашней страницы
- 6.2. Логическая и физическая структура сайта
- 6.2.1. Заглавная страница
- Динамическая и статическая компоновка сайта
- 6.2.2. Статическая компоновка страницы
- 6.2.3.Динамическая компоновка страницы
- 6.2.4. Элементы Web-страницы
- 7. Планирование и реализация Web-сайта. Три этапа.
- 7.1. Этап определения объема работы. Переговоры с заказчиком. Создание концепцииWeb-узла. Обсуждение бюджета и плана работы. Подписание договора.
- 7.1.1. Работа с заказчиком
- 7.1.2. Создание концепции Web-узла
- 7.1.3. Бюджет исрокивыполнения проекта
- 7.1.4. Роли участников разработки
- 7.1.5. ПланированиеWeb-узла
- 7.1.6.Требования кWeb-узлу и составление графика выполнения работ
- 7.2. Этап разработки компонентовWeb-узла и связывание их между собой.
- 7.2.1. Разработка дизайна интерфейса
- 7.2.2. Компьютерная графика в Web-дизайне
- Графический формат gif
- Графический формат jpeg
- Графический формат png
- 7.3. Этап тестирования готовогоWeb-узла, обеспечение доступа к нему из глобальной сети и рекламирование узла.
- 7.3.1. Web-хостинг
- Путь первый. Бесплатный хостинг
- Путь второй. Хостинг у провайдера
- Путь третий. Платный хостинг
- Путь четвертый. Хостинг у знакомых
- 7.3.2. Маркетинг
- 7.3.3. Правила раскрутки сайта
- Регистрация в каталогах
- Индексация в поисковых системах
- 7.3.4. Обслуживание Web-страницы, сайта
- 7.3.5. Обновление информации и создание новых разделов
- 7.3.6. Регистрация в поисковых системах
- Подготовка к регистрации
- Регистрация сайта в поисковых системах
- Стандарт исключения для поисковых систем
- Контроль за состоянием учетной записи
- Использование рейтинговых счетчиков
- 8.Службы баннерного обмена
- Что такое баннер?
- Эффективность баннера
- Системы баннерного обмена
- Зарубежные баннерные сети.
- Текстовые баннеры
- Интерактивные баннеры
- Использование бесплатных досок объявлений
- Службы редиректа
- Сложный баннер
- 9. Основные принципы эффективного и стильного Web-сайта
- Основы стильногоWeb-сайта
- 6.3. ОсновныеправилаWeb-дизайна
- . Наиболее распространенные ошибки при создании сайта:
- Глава12.Основные термины Интернет