多级网格的UI设计模式(UI design pattern for multi level grid

2019-09-01 10:50发布

目前我有显示在多级电网相关项目的要求。 这是伟大的祖父母 - > grandparent->父 - >子

例如:国家 - >状态 - >都市>街是显示的顺序。

所提出的方案是,以显示所有这些在一个多级网格(4级水平的最大值)。

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

由于我不熟悉这种解决方案相对于易用性方面,我要寻找一个UI设计模式,将向上突破显示为逻辑单元。

谢谢

Answer 1:

当你从两个不同层次的同一层次,您可以在数据对象:

  • 将在不同的窗口(或页面,收藏夹),每个级别,并允许他们之间的导航。 我把这种向下钻取

  • 把每级在同一个窗口(或页),其中放置焦点在所述上级窗格中的对象上填充从属窗格的一个不同窗格中。 我把这种主详细 (这包括级联列表和不能与上述向下钻取混淆)。

  • 将在同一窗格两个层次,缩进从属对象的每个高级对象下,通常提供控制隐藏和显示每个上位对象的从属对象。 我称这种

随着多层次的层次结构,您可以使用这些的任意组合。 下面是决定如何与层次结构中的任何相邻级别的一些准则。

把水平在树上,如果

  • 层次结构中的级别的数量与每一个数据对象(例如文件夹)任意地变化。

  • 用户将定期比较两个或多个相互靠近的排序顺序(那么用户可以展开树包括上级对象看suboridinate对象一次性全部)上级对象的下级对象。

把水平如果主从关系:

  • 你每次展示的对象(例如,不仅仅是名称更多)超过一个或两个属性,每个级别都有不同的属性。

  • 还有一类以上用于在上级对象从属对象。

  • 有迹象表明,你会显示许多一对多的关系。

有关详情请参阅层次视觉设计

把水平如果向下钻取的关系:

  • 信息显示每个级别的量实在太大,以适应在一个合理大小的窗口。

  • 任务决定了用户可以从一个级别过渡到另一个,但用户不同时使用这两个级别(一般情况下,要避免使用户来回浏览窗口之间)。

  • 你将需要为不同的高级任务单独的窗口呢。 这意味着你要提供直接导航至下级窗口的手段,而不“向下钻取”通过上级窗口

一般来说钻取才有意义,如果这两个窗口是主窗口(或页面)。 下属窗口不应该是一个对话框,属性窗口,或收藏夹。 如果你没有足够的下级窗口以示证明一个全尺寸的主窗口,然后使用一个主细节。 相比于主细节,向下钻取对话框:

  • 推出不一致保存更改。

  • 创建模式或歧义的z顺序(或者,在灯箱的情况下,歧义上的后退按钮的功能)。

  • 缺乏与编辑和撤消其基本控件(在Linux和Windows)的下拉菜单。

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

欲了解更多有关上述所有看到http://www.zuschlogin.com/?p=31 。



Answer 2:

打破这种下来的一种常见方式可能与(即导航到另一个页面或打开一个模式对话框等),它们之间的导航做到在2个或更多步骤

所以,你可以用1或2或3级的层次和导航链接显示的第一个网格/表中第二个或subequent列表/表显示剩余水平。

如果你正在寻找的一些既定的模式确认,你可以从中选择(或组合),这些:

主/明细

树表

要么

级联列表



Answer 3:

树? 就像一个文件系统的Windows资源管理器视图?



文章来源: UI design pattern for multi level grid