Библиотека программиста

Все, что необходимо начинающему и опытному программисту

Урок 26. Каким должно быть навигационное меню сайта

Навигационное меню

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

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

А суть та, что таким образом оформлены меню на подавляющем большинстве сайтов. С одной стороны, такой факт — реверанс в сторону Якоба Нильсена, Стивена Круга, Влада Головача и вообще юзабилити: на таких сайтах легко ориентироваться, потому что все до боли знакомо, и искать что-то даже в длинном меню достаточно просто. С другой стороны, однообразие — оно и есть однообразие. Хочется нового, свежего, чтобы запоминалось и чтобы хотелось приходить еще и показывать другим.

Сложно придумать что-то новое в навигации только на сайтах — поисковых индексах, или каталогах, где ссылки-рубрикаторы расположены в несколько колонок по всей странице или ближе к ее центру. В остальных же случаях можно найти компромисс между удобством и оригинальностью. Посмотрим на примеры.

Пример 1. Меню может быть расположено колонкой по центру, как на упомянутом выше сайте Green House. Это нисколько не затрудняет навигацию, а напротив — акцентирует ее.

Пример 2. Меню может быть нестандартной формы. При этом активные пункты меню также можно нестандартно выделять. Два образца с сайта Bosco Sport (boscosport.ru) находятся справа: меню на этом сайте трудно не найти.

Пример 3. Сайт, не являясь каталогом, может заимствовать его принципы. Например, на главной странице сайта «Юкко» (ukko.ru) основные возможности работы с сайтом и его разделы перечислены не в виде колонки или строки, а в виде наглядной «карты сайта».

Пример 4. Кто сказал, что меню не может располагаться внизу страницы? Сайт, посвященный куклам Ольги Андриановой (andrianova.ru).
Или занимать основную часть страницы — как на vvv.voprosov.net.

Примеры 5 и 6. Анна Драпеза, белорусский веб-дизайнер и создатель сайта klinamen.com, считает, что меню также может быть расположено справа (и не такой уж строгой колонкой).

Резюме.
В отличие от решений с тянущейся или фиксированной версткой вопрос о решении вида меню еще открыт, и придумывать что- то новое здесь можно до бесконечности. Главное, чтобы было удобно.

<< Назад         В начало         Далее >>

Библиотека программиста. 2009.
Администратор: admin@programmer-lib.ru