Каковы эффективные способы показа пользователям больших списков данных?

Question

Будь то выпадающий список, всплывающее меню, подпункты "всплывающих" меню и т. Д ...

У меня большой список США. военные базы в мире для моего сайта. Этот список фактически содержит базы, которые еще не активны на сайте. Активные из них появляются в меню при наведении, когда вы наводите курсор мыши над текстом «Выберите базу [hover]» вверху.

Как видите, в настоящее время это меню с «всплывающими» подменю. Я обеспокоен тем, что, поскольку все больше и больше баз активируются, это меню не будет поддерживать его очень хорошо.

Кроме мега-выпадающего меню, я рисую пробел на хороший способ поддержать это. Какие типы эффективных меню хорошо поддерживают этот сценарий? Также хорошо работает на основе jQuery.

Answer 1

Другие ответы хороши, но все делают предположения о том, как люди ищут. Лучший способ думать об этом: как ваш пользователь подумает о базе?

• Они, вероятно, знают точную базу, которую они хотят? (используйте текстовый поиск, например, автозаполнение jquery)
• Они, вероятно, знают приблизительно, где это географически? (используйте карту)
• Знают ли они штат / страну, в которой он находится, по имени? (используйте категоризированный список)

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

Answer 2

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

Answer 3

Есть несколько подходов. Наиболее подходящим, если вы хотите сохранить имеющуюся структуру, является наличие многоуровневого раскрывающегося списка, поэтому в первом раскрывающемся меню будет отображаться US / Overseas, а при наведении курсора на каждый из них будет отображаться дополнительное меню либо Страны, либо штаты, в зависимости от того, что вы выберете - здесь отображаются базы для этого штата или страны.

• США
  • Alabama
    • Армейский склад Аннистон, AL
    • Форт Рукер, AL
    • ...
  • Alaska
  • ...
• Overseas
  • Бахрейн
  • Бельгия
  • ...

Вот хороший пример этого: http://sandbox.scriptiny.com/dropdown-menu/index.html

Разметка очень простая, с <ul> внутри <ul>.

Answer 4

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

Google Charts API предлагает хорошую отправную точку для создания картографических карт: http://code.google.com/apis/chart/docs/gallery/new_map_charts.html