Навигационные инструменты сайта объединяют все ссылки, по которым пользователь может переходить с одной страницы веб-сайта на другую. Навигация сайта должна быть простой и понятной для любого посетителя, и в то же время не перегружать страницы. Ничего так не подрывает энтузиазм пользователя, впервые посетившего сайт, как необходимость тратить силы на поиск навигационных ссылок, или присутствие на странице ссылок с не очевидным предназначением, или же чрезмерно большое количество навигационных ссылок в меню.
Для того чтобы сайт был удобным и эффективным, он должен предлагать единообразную и полезную навигацию, являющуюся центральным элементом дизайна. Навигационные инструменты должны превращать поиск информации, за которой посетители пришли на ваш сайт, в простое и приятное занятие. Задумываясь о структуре и дизайне сайта, вы в первую очередь должны принять во внимание навигацию. По мере того как сайт будет развиваться, требования к навигации будут усложняться, поэтому очень важно заблаговременно тщательно продумать дизайн навигационных элементов.
Если вы выполняли упражнения из предыдущих разделов, то на главной странице вашего сайта можно увидеть множество навигационных элементов:
Все эти ссылки определяют способы перемещения посетителей по сайту. Расширяя веб-сайт, вы должны всегда учитывать влияние добавления новых материалов или возможностей на навигацию.
Самое главное, что вы можете сделать для успешной разработки навигации сайта — представить себя в роли пользователя. Если ваша целевая аудитория включает несколько разных групп пользователей, то этот процесс вам потребуется выполнить для каждой из них. Что они желают найти, заходя на ваш сайт? Какими словами описывают свои цели и пожелания? В идеальном случае вам следует напрямую общаться с пользователями, но, как минимум, попытайтесь представить себя на месте члена каждой группы.
Веб-дизайнеры очень часто говорят о таком показателе, как количество щелчков на ссылках, необходимом для перехода к тому или иному элементу информации. Чем больше щелчков отделяет посетителя от цели, тем выше вероятность того, что он свернет с полдороги, передумав искать эту информацию. Ваша задача — сводить количество щелчков к минимуму. Посетители должны оставаться на сайте ради полезного и интересного контента, а не потому, что им приходится тратить массу времени на его поиск.
Вот несколько принципов, которых вы должны строго придерживаться: О удостоверьтесь, что у пользователей не возникает сложностей с переходом на домашнюю страницу. Первой ссылкой в основном навигационном элементе вашего веб-сайта всегда должна быть ссылка на домашнюю или главную страницу. Если наверху страницы есть логотип, то щелчок на этом изображении всегда должен переносить пользователя на главную страницу;
О для каждой страницы предусмотрите способ ориентировки на местности; сообщайте пользователю: «вы находитесь здесь». Это не обязательно должна быть последовательность текстовых ссылок вида «хлебные крошки» (breadcrumbs), которую создает стандартный модуль Joomla! Breadcrumb, хотя это неплохая основа для подобного представления. У посетителей всегда должна быть перед глазами подсказка относительно того, в каком разделе или области сайта они находятся в каждый конкретный момент;
Ранее мы рассказывали о том, как связать шаблон с пунктом меню и как создавать пункты меня для различного содержимого. Способ отображения материала определяется выбранным вами типом пункта меню в сочетании с настройками, которые вы можете по своему желанию отрегулировать.
Параметр Алиас (Alias) в настройках пункта меню содержит удобный для поисковых систем URL-адрес для соответствующей страницы. Модуль Меню (Menu) совместно с CSS и HTML-кодом в вашем шаблоне управляет представлением меню на страницах веб-сайта. При создании каждого нового меню необходимо создавать новый соответствующий модуль Меню (Menu). Возможно, вам потребуется несколько копий одних и тех же модулей Меню (Menu), а может быть, на вашем сайте необходимо иметь несколько разных меню.
Принцип действия модуля Меню (Menu) аналогичен всем остальным модулям. У вас есть возможность задать значения нескольких важных параметров, помогающих эффективно управлять навигацией сайта. Первое, что необходимо отметить — что меню (как и категории) организованы в древовидную структуру. Вы можете создать структуру меню любой глубины вложенности. Возможно, вы задаетесь вопросом, зачем кому-либо может понадобиться глубокое меню, ведь пользователям будет трудно в нем ориентироваться. На то есть несколько причин.
Одна из самых важных причин заключается в том, что меню обеспечивает управление структурой URL-адресов. Например, если в клиентской части сайта в главном меню последовательно выбрать Using Extensions, а затем Smart Search, то вы попадете на страницу с таким URL-адресом:
Этот адрес автоматически создается для вложенной структуры меню. Сам вид URL-адреса предоставляет навигационную информацию, его легко прочитать любому человеку, и такой адрес удобен для поисковых механизмов, анализирующих данные вашего сайта. Каждый сегмент URL-адреса соответствует псевдониму (alias) определенного пункта меню — именно по этой причине всегда рекомендуется проверять автоматически создаваемые псевдонимы для пунктов меню, убеждаясь, что они действительно удобны и полезны.
Однако проблема остается: модуль меню, включающий слишком много уровней, неудобен для пользователя. Человеку приходится делать слишком много щелчков мышью, для того чтобы добраться до нужного элемента. Joomla! предлагает несколько способов устранения этого неудобства. Обратите внимание, что по умолчанию в модуле Меню (Menu) отображаются только пункты меню верхнего уровня. Вы можете щелкнуть на одном из пунктов меню верхнего уровня, и если он содержит пункты второго уровня, то откроется соответствующее подменю.
Самый простой способ поменять представление модуля Меню (Menu) — включить отображение нескольких уровней. Откройте модуль меню Главное меню и для параметра Показывать подпункты меню (Show Sub-menu Items) выберите значение Да (Yes); после этого наше меню будет отображаться в развернутом виде.
Еще один вариант извлечь пользу из гибкости, свойственной меню Joomla!, — создать тип пункта меню с типом ссылки Псевдоним пункта меню (Menu Item Alias). Такой тип ссылки используется для того, чтобы добавить на страницу второй пункт меню, указывающий на то же местоположение, что и уже существующий, копию которого мы создаем. Это чрезвычайно полезная возможность, поскольку ссылка-псевдоним содержит тот же URL-адрес, что и исходная ссылка. Рейтинг вашего сайта в поисковых механизмах может упасть, если обнаружится, что на одно и то же содержимое указывает слишком много разных URL-адресов. Если вам необходимо создать несколько ссылок на один и тот же контент и поместить их в разные меню, всегда создавайте псевдонимы пункта меню.
Дополнительный пример гибкости, которую обеспечивает модуль Меню (Menu), — это возможность разделения меню. Данная техника позволяет извлечь новые преимущества из многоуровневой структуры меню. Когда вы разделяете меню, подменю отсекаются от исходного меню и отображаются на верхнем уровне нового модуля Меню (Menu).
Для того чтобы создать раздельное меню, в первую очередь необходимо создать копию исходного модуля Главное меню, воспользовавшись кнопкой Дублировать (Сору) в Менеджере модулей (Module Manager). Отредактируйте новый модуль: поменяйте название на «Использование расширений», а в полях Начальный уровень (Start Level) и Последний уровень (End Level) выберите значение 2.
На втором уровне нашего меню находятся только ссылки на страницы, содержащие различные варианты представления расширений. Удостоверьтесь, что модуль опубликован, и выберите для него отображение на всех страницах. Отредактируйте модуль Главное меню: в полях Начальный уровень (Start Level) и Последний уровень (End Level) выберите значение 1.
В Менеджере модулей (Module Manager) поменяйте последовательность модулей таким образом, чтобы меню Использование расширений отображалось сразу после главного меню. Если вы откроете домашнюю страницу клиентской части сайта, то не увидите нового отсеченного меню. Однако как только вы щелкнете на ссылке Использование расширений, оно появится на экране, причем будет содержать только ссылки второго уровня.
Разделение меню помогает создавать очень эффективные варианты навигации. Например, вы можете создать верхнее меню с главными ссылками и боковое отсеченное меню, которое будет отображаться только при выборе определенных пунктов меню верхнего уровня. Это распространенная практика создания навигации для случая, когда в разных разделах сайта необходимо использовать разные боковые меню. Еще одна полезная техника заключается в том, что вы скрываете меню верхнего уровня во всех ситуациях, когда на экране отображается отсеченное меню. Для этого нужно при создании пункта меню выбрать конкретные ссылки, которые должны отображаться в том или ином экземпляре модуля Меню (Menu).
В каталоге расширений Joomla! вы найдете множество других вариантов усовершенствованных меню. Исследования юзабилити доказывают, что большое число сложных меню, набитых специальными эффектами вроде раскрывающихся списков, перегружают сайт и затрудняют работу с ним, поэтому проявляйте сдержанность при добавлении спецэффектов и никогда не создавайте их без основательной на то причины.
Автор Дж.Мерриотт Э.Уоринг Joomla3.0 (официальное руководство)