usability - 多级网格的 UI 设计模式

Question

目前我需要在多级网格中显示相关项目。
那是曾祖 parent -> 祖 parent -> parent -> child

例如:
Country-> state->City->Street是显示顺序。

建议的解决方案是在多级网格中显示所有这些(最多 4 级)。

国家
-> 状态
->城市
->街道

由于在可用性方面我对这个解决方案不满意，我正在寻找一种 UI 设计模式，它将显示分解为逻辑单元。

谢谢

Answer 1

当您拥有来自同一层次结构的两个不同级别的数据对象时，您可以:

将每个级别放在不同的窗口(或页面、灯箱)中，并允许在它们之间导航。我称之为向下钻取。

将每个级别放在同一窗口(或页面)的不同 Pane 中，将焦点放在上级 Pane 中的对象上会填充下级 Pane 。我称之为主从(这包括级联列表，不要与上面的向下钻取混淆)。

将两个级别放在同一 Pane 中，缩进每个上级对象下的下级对象，并且通常提供控件来隐藏和显示每个上级对象的下级对象。我称它为一棵树。

对于多个级别的层次结构，您可以使用这些的任意组合。以下是决定如何关联层次结构中任何相邻级别的一些指南。

如果将级别放在树中

层次结构中的级别数随每个数据对象(如文件夹)而任意变化。

用户将定期比较按排序顺序彼此靠近的两个或多个上级对象的下级对象(然后用户可以展开两个上级对象的树以同时查看所有下级对象)。

在以下情况下将级别置于主从关系中:

每个对象显示不止一两个属性(例如，不仅仅是名称)，并且每个级别都有不同的属性。

上级对象有不止一类下级对象。

您将显示多对多关系。

详情见 Hierarchy Visual Design

在以下情况下将级别置于向下钻取关系中:

每个级别显示的信息量太大，无法放入一个合理大小的窗口。

任务规定用户可以从一个级别转换到另一个级别，但用户不会同时使用两个级别(通常，您希望避免让用户在窗口之间来回导航)。

无论如何，您将需要为不同的高级任务设置单独的窗口。这意味着您将提供一种直接导航到下级窗口的方法，而无需通过上级窗口“向下钻取”

通常，仅当两个窗口都是主窗口(或页面)时，向下钻取才有意义。从属窗口不应是对话框、属性窗口或灯箱。如果您没有足够的内容在从属窗口中显示以证明全尺寸主窗口的合理性，请使用主从。与 master-detail 相比，drill-down 对话框:

在保存更改时引入不一致。

在 z 顺序中创建模式或歧义(或者，在灯箱的情况下，返回按钮功能的歧义)。

缺少带有用于编辑和撤消的基本控件的下拉菜单(在 Linux 和 Windows 中)。

不支持调整窗口大小(在 Mac 和 Windows 中)以提供更灵活的内容查看。

有关以上所有内容的更多信息，请参阅 http://www.zuschlogin.com/?p=31 .