什么是向用户显示大量数据列表的有效方法？

无论是下拉列表，悬停菜单，带有“飞出”菜单等......什么是向用户显示大量数据列表的有效方法？

我的网站有一大列U.S. military bases in the world。该清单实际上包含了该网站上尚未活跃的基地。当您将鼠标悬停在顶部的文字“选择您的底座[悬停]”上时，活动的会出现在悬停菜单中。

正如您所看到的，它目前是一个带有“飞出”子菜单的菜单。我担心随着越来越多的基地被激活，该菜单将不会很好地支持它。

除了巨大的下拉菜单，我正在画一个空白的方式来支持这一点。那里有什么类型的有效菜单可以很好地支持这种情况？基于jQuery的也很好。

来源

2011-02-25 Chaddeus

其他答案很好，但都是对人们如何搜索的假设。最好的思考方式是：用户如何考虑基础？

他们可能知道他们想要的确切基数吗？（使用像jQuery自动完成的文本搜索）
他们是否可能大致知道它在地理上的位置？（使用地图）
他们是否知道名称所在的州/国家？（使用分类清单）

只要想想你的用户的想法以及你见过的最接近的匹配，然后找到一种方法来实现这一点。

来源

2011-02-25 08:49:09 Peter

非常好的答案，考虑你的用户。 +1 – Alex 2011-02-25 08:52:36

嗯，在这种情况下...用户应该知道他们的基地的名称。但是，他们也会知道它的位置，可能是州/国家。该网站的想法是支持所有的基地，但使每个基地的用户的“仪表板”（缺乏更好的术语）。由于美国军事人员在基地驻扎2 - 3年，理论上他们只需要一致地选择一个基地（如果其他基地在附近，则可能需要2-3个基地）。很好的答案，谢谢！ – Chaddeus 2011-02-26 06:18:28

对于那么多的数据，我会去每个基地位置使用精确定位的视觉地图 - 它会让用户更直观地找到他们正在寻找的东西，并且还提供了一种有趣的方式来可视化数据。

谷歌图表API提供了一个很好的起点，创建地图图表： http://code.google.com/apis/chart/docs/gallery/new_map_charts.html

来源

2011-02-25 08:39:20 themerlinproject

我喜欢这个想法（该链接真棒btw）！因为事物的规模（遍布世界各地），我原本并没有使用视觉方法。要求游客了解足够的地理位置以从相当“缩小”的地图查明其基础，可能会造成问题。任何想法来打破这个问题？ – Chaddeus 2011-02-26 06:36:25

在这种情况下，也许一个菜单是不是要走的路。更好的主意是将顶级区域放在下拉菜单中，当您点击该链接时，您将被发送到另一个拥有更多本地基地的页面？

来源

2011-02-25 08:39:51 Alex

我喜欢这个，或者甚至可以为每个顶级区域降低一个大降。谢谢！ – Chaddeus 2011-02-26 06:27:16

听起来不错，我想在一天结束时它对你和你的用户最有效。 – Alex 2011-02-26 07:42:35

有几种方法。如果你想保持你已有的结构，最合适的就是多级下拉，所以第一个下拉菜单会显示美国/海外，当你将鼠标悬停在每一个上面时，它会显示一个额外的菜单，无论是国家还是国家，取决于您选择的国家或地区 - 这显示了该州或国家的基础。

美国
- 阿拉巴马
  - 安尼斯顿陆军军械库，AL
  - 拉克堡，AL
  - ...
- 阿拉斯加
- ...
海外
- 巴林
- 比利时
- ...

这里有一个很好的例子：http://sandbox.scriptiny.com/dropdown-menu/index.html

标记是很简单，用<ul>的内部<ul>'s。

来源

2011-02-25 08:42:59

这不是他们正在使用的方法吗？如我错了请纠正我。 – Alex 2011-02-25 08:47:25

你看过这个网站吗？这显然不是 - 他们有很长的名单（这是一个清单，显然会延长，如OP注意到的）。我在谈论将列表分成级联多级列表，而不是单个长列表。 – 2011-02-25 09:55:44

虽然，是的，结果是相似的，这是重点。 – 2011-02-25 11:20:07

什么是向用户显示大量数据列表的有效方法？

回答

相关问题