Список разделов



Поиск
введите слово для поиска
расширенный поиск




Календарь
<Апрель 2017>
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
       
ГлавнаяВходРегистрацияПоследние статьиПоискКонтакты
   

Это простое сложное меню

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

Существует много разных типов менюВообще, обычно все меню делят только на две группы: одноуровневые и многоуровневые. Первые чаще всего применяются на сайтах, не содержащих много информации, в частности, на персональных и небольших корпоративных веб-проектах. Идеальным вариантом для использования одноуровневых меню являются небольшие наборы статических HTML-страниц. Например, для корпоративного сайта это может выглядеть так: «О компании», «Услуги», «Цены», «Контакты».

Одноуровневые меню бывают горизонтальными и вертикальными

Динамическое двухуровневое меню

Одноуровневое меню можно разместить горизонтально — в верхней части сайта, а можно и вертикально — слева или справа от основного текста. У обоих вариантов есть свои достоинства и недостатки. Горизонтальное меню очень просто реализовать. Кроме того, в зависимости от желания, его можно сделать либо постоянно присутствующим перед глазами посетителя (например, с помощью фреймов) или исчезающим при прокрутке (чтобы оно не занимало полезное место окна). К недостаткам горизонтального одноуровневого меню стоит отнести невозможность размещения в нем большого количества пунктов. Точнее, сделать-то это можно, но посетителям будет очень сложно разобраться в нем, поскольку ссылки придется расположить в несколько строчек.

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

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

Двухуровневые меню можно разделить на три больших группы. Динамические — самая сложная из них Ну, а теперь пришла пора поговорить о различных вариантах реализации двухуровнего меню. В принципе, здесь можно выделить три основных группы. Первая — это динамические меню. Их суть заключается в следующем. Посетитель сайта наводит курсор мыши на нужный ему раздел. При этом открывается подменю, в котором перечислены все ссылки выбранной группы. У этого решения есть несколько важных достоинств. Во-первых, такая реализация двухуровневого меню занимает очень мало места на странице. В то же время, для посетителей сайта она является очень удобным инструментом навигации, позволяющим быстро находить нужные страницы. Недостатков у этой реализации два. Во-первых, она требует от разработчиков специальных знаний (например, языка PHP), а во-вторых, предъявляет дополнительные требования к хостингу (нужна поддержка определенных языков).

Комбинированное двухуровневое меню

Второй тип двухуровневых меню — развернутые. Их идея заключается в том, чтобы сразу вывести все доступные ссылки, разбитые по группам. Главный плюс такого решения — в том, что каждый посетитель всегда видит перед собой все элементы меню. Это очень сильно облегчает его передвижение по сайтам, так как ему уже не приходиться гадать, к какой группе разработчики веб-проекта отнесли ту или иную страницу. Кроме того, развернутые меню можно очень просто создать: их можно реализовать в виде обычных статических HTML-страниц. Недостаток этого решения очевиден. Развернутое двухуровневое меню занимает очень много места на странице, снижая полезное пространство и количество информации в окне.

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

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

Ссылки по теме




Статья получена: hostinfo.ru



Похожие статьи


1 : Как оценивать эффективность инвестиций в бизнес?
Автор: Гаптрахман Махмутов © ИА Клерк.Ру, аналитический отдел (посмотреть все статьи)Каждый проект от идеи до начала его внедрения последовательно проходит, как правило, следующие три этапа: разработка общей концепции проекта, разработка бизнес-...

2 : Вас уже цитируют? Это замечательно!
Одна из задач любой поисковой системы* состоит в том, чтобы пользователь как можно быстрее нашел то, что ему нужно. Результаты поиска по умолчанию всегда сортируются по релевантности*, и ссылки на документы, более полно ...

3 : Google Webma статистика сайта
Сервис поисковой системы Google для анализа интернет-сайтов – Google Webmaster Tools – позволяет не только отслеживать индексацию ресурса поисковой машиной, наличие ошибок на страницах своего сайта или удалять определенные страницы из ...

4 : Типы профилей рольставен
Утепленные рольставни увеличивают температуру на внутренней поверхности стекол и, соответственно, в помещении на 20%. Для жилища это немаловажный фактор

5 : Месячная низкокалорийная диета
Меню А чередовать через день с меню Б.

Рейтинг: 3.0/5 (44 голоса)

Последние статьи


1: Автоматическая сверка счетов-фактур – новые возможности «1С:Бухгалтерии 8» ред. 3.0
2: Возможности CRM в 1С «Управление торговлей»
3: Настройка отчетов 1С
4: Как отразить доп. расходы в 1С?
5: Взаимозачет в 1С



Последние новости


Делец в Удмуртии на госденьги открыл нарколабораторию - УФСБ
МОСКВА, 2 ноя - РИА Новости. Следствие заподозрило жителя Удмуртии в организации нарколаборатории на полученные от государства деньги, сообщает в пятн...

Сотрудница томского вуза продавала героин около общежития

ТОМСК, 2 ноя – РИА Новости, Сергей Леваненков. Полиция задержала 58-летнюю томичку при попытке продать героин, возбуждено уголовное дело, сообщи...

Молодежную премию наноиндустрии получил автор технологии для наркоза

© РИА Новости. Сергей ПятаковМОСКВА, 1 ноя - РИА Новости. Лауреатом Российской молодежной премии в области наноиндустрии 2012 года стал заместитель ге...

Жители еще одного мексиканского города взялись за борьбу с наркомафией

МЕХИКО, 2 ноя - РИА Новости, Дмитрий Знаменский. Жители города Олинала в мексиканском штате Герреро взяли в руки оружие, чтобы противостоять попыткам ...

Бразильские студенты получали наркотики по специально вырытому туннелю

© РИА Новости. Артур ГабдрахмановМЕХИКО, 2 ноя - РИА Новости, Дмитрий Знаменский. Оригинальный способ доставки наркотиков в университет крупнейшего бр...


Послать ссылку на этот обзор другу по ICQ или E-Mail:


Разместить у себя на ресурсе или в ЖЖ:


На любом форуме в своем сообщении: