jquery - 用户界面建议/导航想法(提供模型图像)

Question

我想显示许多图表，每个图表都有相应的文本。

将左侧区域的大小作为您唯一的限制，我很乐意提供有关如何使界面直观且刺激的建议(如果有任何矛盾？)。

在此模型中，基本上有两种模式:

1) 显示图形树菜单(图 1)。用户单击标题并加载相应文本的图表。

2) 选择特定图表(图 2)。用户可以导航到相关图表或返回图表菜单。

一个问题是用户绕过模式 1 进入特定图表:
界面应该如何设计才能方便这些用户找到树形菜单？

...是否应该有一个树形菜单和 2 个独立的“面板”？
请建议其他可以在此上下文中工作的 UI 组件/布局。

alt text http://www.lapidus.se/external/mockup1.jpg

alt text http://www.lapidus.se/external/mockup2.jpg

Answer 1

我认为您不应该使用相同的页面区域来显示导航和上下文信息。恕我直言，您有多种选择:
1)将图形选择控件放在可隐藏层(模态弹出窗口，或者 - 更好 - 标题下可访问的垂直滑动层:查看此处的“控制面板” http://www.tomstardust.com/ )，将图形信息保留在它们所在的位置图片2。

2)将图形信息层放在图形下方，以扩大可视区域。

在任何情况下，我的建议都是让主导航树始终可访问。