it-swarm.cn

查看深度层次结构的最佳方法是什么?

我一直在考虑为正在处理的桌面应用程序显示深度层次结构的最佳方法。这是我正在考虑的一些替代设计...

Mac OSX Finder:

alt text

如果您了解所看到的内容,则“列视图”可以很好地显示上下文(在这个巨大的层次结构中我在哪里?),并且可以快速浏览文件夹列表以查看其中的内容...但是它肯定会使用一些屏幕空间。


Microsoft的MSDN Navigator

alt text

基本上,这里发生的是您可以看到所查看页面的“父母”,并且可以看到任何“孩子”。您不愿看到不同级别的“兄弟姐妹”,但这可以节省大量屏幕空间。因此,您放弃了一些上下文来换取紧凑性。


Windows导航器:

alt text

此UI可以很好地显示上下文,直到您必须垂直或水平滚动为止。如果您有很多项目和很多关卡,那么您将滚动很多。也就是说,您可以一次弹出多个文件夹分支。这提供了一种迷你历史记录(到目前为止,我弹出了哪些文件夹?)。


“超级菜单”:

alt text

在此示例中,您正在查看层次结构的大约三个级别。如果您很聪明,我想您可能会展示出五分之四的水平,但是在某个时候,它会崩溃或演变为更传统的东西(树状视图等)。


问题

显然,除非您了解我要支持的任务,否则没人能回答我需要哪种类型的层次结构UI,但是我确实有一些具体问题:

  1. 这些替代方法的流行程度如何?我已经很长时间没有使用Mac了,而且除了Mac之外,我真的没有看到过像Finder的Columns View这样的UI。它在其他任何地方存在吗?您会在非Mac界面上使用它吗?相反,“超级菜单”似乎非常流行。我到处都可以看到树状视图(如Windows资源管理器中一样)(在Windows应用程序中,在网络上等)。它基本上是一个标准的GUI小部件。除了在MSDN站点上,我在其他任何地方都没有看到MSDN导航器。

  2. 用户“获得”这些接口吗?这可能与普遍性问题高度相关,但是如果我将Columns View放在非Mac用户面前,他们会被完全绊倒吗?有任何数据或经验吗?除非有一些数据可以证明非程序员可以理解,否则我会非常警惕使用MSDN。

  3. 我是否缺少其他选择?您还看到了哪些其他层次结构UI或其他版本?

77
devuxer

一些注意事项:

  1. 这是用于什么操作系统(或用于多个操作系统)?
  2. 您的层次结构是否存在任何限制或已知限制?
  3. 是否提供搜索选项?

正如您指出的那样,第一位很重要...因为Mac Finder对于大多数Windows用户而言都是陌生的。

2号也可以提供帮助。例如。如果您有一棵浅树,则Finder效果很好,但是如果您的深度为15-20级,则可用性会受到影响

3号是可用性项。如果我无法在不到5到10秒的时间内快速查看整个树,则需要搜索选项。

总而言之,我发现标准“树”对于用户来说是最明显的。该层次结构在物理上是可见的,并且只需要打开/浏览感兴趣的分支-但是您可以打开多个分支进行比较或搜索。

我唯一的其他建议是,如果您的工作空间最小,则iPod“向下钻取”范例会非常有效。

alt text

15
scunliffe

仅显示层次结构的当前级别和面包屑

enter image description here

11
Seder

我认为这取决于典型的任务。对于只看到一个层次结构并单击链接,我同意lucasrizoli的观点,那棵树非常相似。

如果用户必须多次浏览文件夹(层次结构中的前进和后退),则我更喜欢Mac OSX的想法。这在工作中非常有用,我必须在文件夹中找到想法。

为什么好呢?首先,它通过将层次结构划分为2个维度来使用显示器上更多的空间。其次,它非常清楚地显示出哪些项目在同一水平上,更深=水平,相同=垂直。

当然,如果只希望层次结构导航成为应用程序的一部分,则可能没有Mac OSX方式的空间。

因此,它在很大程度上取决于您的设计和用户的典型任务。还请考虑您的典型用户是Mac还是Windows用户(如果您完全可以说些什么)。

6
Lukas Oppermann

1)我想说的是最熟悉的树小部件(如Windows资源管理器中)和下拉菜单(大型或其他)。

2)“获取”和“用户”一样都是模糊的。

这不是您问题的答案,但是用户是否有必要查看/导航深层次结构?避免层次结构或简化层次结构,使其更浅,我怀疑以任何方式呈现层次结构会更容易。

3)树形图主要用于信息可视化。此外, Dasher 使用一种有趣的,可缩放的方法来导航字母概率的一棵深树。两者都不是特别众所周知或普遍的。

4
lucasrizoli

最好的方法是不要做那么深的层次结构或使用切片,浅视图(最大2深度)。

4
igor

Mac OS的列视图很酷,但是需要占用巨大的屏幕空间。 iPhone和iPod分层屏幕使用相同的概念,但是由于设备尺寸小,因此将列拆分到许多屏幕上。它们也可以全屏显示,即使一次也可以。

如果您有许多叶节点,或者由于内容量而不得不开始在二维中滚动,则树视图不太适合水平浏览。导航到regedit中以了解我的意思。

如果您希望保留一些上下文,则可以使用混合方法将面包屑栏与仅显示当前级别的叶节点的列表结合在一起。类似于Windows 7 Explorer的简化版本。

1
facildelembrar

常规树状视图,其中包括双击和面包屑的向下钻取。签出 Workflowy ,它具有相同的行为。

Regular tree-view with drill-down on double-click and breadcrumbs

1
Nikita Dvornikov

显示层次结构的一种简单方法是将树与2个列表组合在一起。一个列表仅显示所选树节点的叶节点,另一个列表显示所有叶节点,但按其父节点分组。

将搜索框添加到已过滤列表的效果很好,因此它可以显示所选节点的内容或与模式匹配的所有叶节点:

enter image description here

0
pgfearo