手头的问题：如何在Web UI中为计算机文盲用户呈现两个大型层次结构，这些用户填充了某种无聊的应用程序表单。
用例：用户从层次结构“A”中选择项目“a”，然后从（完全不相关的）层次结构“B”中选择项目“b”，并填写一个简短的自由格式文本以补充他的选择。
两个层次结构的深度都不到10个级别（通常为-5级），但每个级别可能非常宽（20,40,50,100个项目）。
因此，绘制整个“树”并允许用户“点击它”是不可能的。可以通过树逐渐下降，但是： 1）可能存在用户丢失/不确定在何处导航的情况 - ＆gt;他将被迫通过不同的分支回溯，直到找到他正在寻找的东西 2）“宽子树”存在问题 - 它们可能太宽而无法在屏幕上的一行或一列中显示它们。
计算机文化用户可以通过增量搜索保存，动态修剪树（假设UI在此过程中足够快）。
现在我正在努力与那些不愿放弃鼠标并按下某些键的用户进行斗争。
对我有什么想法？
答案 0 :(得分：1)
考虑一下windows vista或windows 7菜单的工作原理。你打开它，然后点击你的“所有程序”菜单语音。整个项目列表随新内容而变化。
让我们现在考虑多层次。我给你一个Level-1项目列表。单击一个，整个列表将更改其子级别2项。然后单击一个项目，然后整个列表再次更改其子级别3项目，依此类推。
使用面包屑导航进行补充：您在这里 - ＆gt; Level-1-Item - ＆gt; Level-2-Item - Level-3-Item - ＆gt;等等
如果面包屑中的任何项目都是可点击的，并且可以将您传送回该级别。
按关键字添加quicksearch。
我可以告诉你，它非常实用。我开发了这个组件，基于Jquery和Ajax json调用，我在我正在使用的一些Web应用程序上使用它。
如果您有兴趣，我可以通过一些示例向您发送组件。我打算在我即将推出的博客上开源。
答案 1 :(得分：1)
一种选择是尝试iPhone / iPod菜单式滚动列表。虽然它们被显示为菜单，但this Filament Group example显示一个带有痕迹痕迹，一个带有反向导航。您可能希望以某种可垂直滚动的div实现此功能。左/右滑动动画和面包屑轨迹为用户提供一些情境提示。很清楚哪些选择是分支，哪些是叶子。没有深度限制。此外，任何使用iPhone / iPod / iPad的人都会熟悉这种导航方案。
我敢打赌这已经在某处实施了。如果我挖了一个，我会相应地编辑。