简体繁体 English

用于编辑组织层次结构的UI设计思路

[英]Ideas for UI design for editing organizational hierarchies

原文 2009-07-18 13:26:54 7 1 ruby-on-rails/ user-interface/ usability

I am working on an Rails app which has an admin section for setting up organisations. 我正在使用Rails应用程序，该应用程序具有用于设置组织的管理部分。 The hierarchy of which is: 其层次结构是：

Organisation 组织
- Area Office 区域办事处
  - Division 师
    - Department 部

I have used ActiveScaffold to knock together something really quick, but it makes for a pretty horrid UI. 我已经使用ActiveScaffold很快地将某些东西组合在一起，但是它使UI变得非常恐怖。 To edit/add a department, I have find the organisation in the table, click a link that opens a nested table of the approriate Area Offices, click another link and get another nested table, finally click one more link to get the Department table. 要编辑/添加部门，我在表中找到了组织，单击一个链接可打开相应区域办事处的嵌套表，单击另一个链接并获得另一个嵌套表，最后单击另一个链接以获取Department表。

I wonder if there are any better ideas for the appropriate design of this UI? 我想知道对于此UI的适当设计是否还有更好的主意？

1 个解决方案

I've struggled with the same hierarchical data display problem that you are facing. 我一直在面对您面临的相同的分层数据显示问题。 In the end I kept the hierarchy and used a tree structure for the interface. 最后，我保留了层次结构，并为接口使用了树形结构。 To solve the usability problem of having to have the users drill down to get to the dept you could implement a search (say at the top of the tree) whereby the user can begin typing the dept name and the tree expands and selects the dept node. 为了解决必须让用户深入到部门的可用性问题，您可以执行搜索（例如，在树的顶部），从而用户可以开始输入部门名称，并且树会展开并选择部门节点。 I can't seem to find an example of this right now but I will update later if I find one. 我现在似乎找不到此示例，但是如果找到一个示例，我将在以后进行更新。