2010-09-10 1 views
0

Полезно ли использовать выпадающие списки для навигации? Я делаю веб-приложение с некоторыми иерархическими меню. Я рассмотрел несколько вариантов, но ни один из них не кажется хорошим. Вот некоторые из них:с помощью выпадающих списков для навигации

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

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

  3. Использование аккордеонов, например, - JQuery accordion - преимущество: расположение меню по вертикали оставляет достаточно места для расширения. Проблемы: Аккордеон будет на левой боковой панели. Я хотел бы сохранить меню наверху и оставить всю ширину ниже меню для контента. Его трудно для пользователя увидеть выбранное в данный момент меню, потому что аккордеон, похоже, возвращается к первоначальному состоянию после обновления страницы. Я знаю, что это может быть исправлено, но я не эксперт по javascript. Я также хотел бы сохранить мою страницу с минимальным javascript.

  4. пользователь дерево для навигации. кажется естественным выбором для иерархического меню, но без причины, мне это не нравится. Он не может отступить, когда нет javascript.

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

ответ

1

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

Идите и найдите пользователя, который никогда не видел систему, и попробуйте найти «x», а затем спросите их через неделю, было ли это так.

попробуйте разбить его на три уровня вместо двух.

Посмотрите на некоторые крупные интернет-магазины, такие как amazon или ebuyer. у них есть абстрактные предметы вверху, затем, когда вы разворачиваете, вы получаете все больше и больше субнав.

0

Посмотрите на этой странице, просто CSS навигации, но вы можете создать действительно хорошее меню/подменю и т.д.

http://htmldog.com/articles/suckerfish/

использовал его на пару сайтов для компаний, и все они назвали это хороший способ просматривать их категории.

Пример: http://htmldog.com/articles/suckerfish/dropdowns/example/vertical.html
Пример: http://www.yec.nl
Пример: http://www.klaveryachtpainting.com