管理列表的好方法是什么？

Question

在管理对象列表时，我总是无法设计用户界面。

例如，我需要管理员工列表。在我的工作中，我们总是在两种管理员工的方法之间切换：

1. 使用单个拆分屏幕，左侧部分是员工列表，右侧部分是您编辑员工的位置。顶部通常有一个工具栏（或功能区栏），允许添加/修改/删除。
2. 使用两个窗口方法：第一个是完整大小的列表，顶部有相同的工具栏。当有人按下按钮（或双击员工）时，会打开一个对话框，允许您添加或修改该员工。

虽然我更喜欢第二种方法，但我没有任何 UI专家参考来支持我的选择或解雇它。

是否有人有任何建议或参考资料可以帮助我设计一个良好的用户界面来管理一个对象列表？

Answer 1

我不相信你会找到关于这个特定问题的任何实际研究，因为它对于手头的应用是如此具体。它归结为如何使用/访问/修改单个对象等。

那就是说，多年来我一直在这里来回走动，并且已经开始定居＃2了。这是我们内部应用程序的一个障碍。

高级用户可以进入中键单击以在新窗口中打开，随着列表的增长，您可以进行排序，过滤等。

Answer 2

对话是模态的，用户体验专家通常不赞成。拆分屏幕不仅允许编辑，而且还可以非常自然地“细读”一个给定员工[或其他类型的对象]的所有细节（可能有更多关于每个信息的信息比裸列表可以有用地显示）; “使这个详细信息可编辑”的按钮似乎是一种非常流畅，自然和无缝的方法，没有与对话框，弹出窗口，悬停时出现的“工具提示”等相关的不愉快。

有关UX批评模态操作的参考摘要，您可以从wikipedia开始并按照其链接进行操作。

Answer 3

选项1允许用户一次查看更多列表项，因此当用户可能需要在列表中跳转很多时（例如，找到要编辑的下一个记录），这是首选。更多项目意味着更少的滚动，等等。

选项2通常可以让用户更快地编辑字段，因为没有等待新的浏览器窗口打开而用户不需要认知重定向，因此对于大量数据输入更好（例如，一个接一个地更改每个记录。

通过使用可编辑网格或用适当控件数组替换表（文本框，组合框，复选框等），这两个选项都远远低于表中的编辑。 ）填充了适当的记录集的字段值。用户直接在表中更改字段，然后选择“保存”按钮或菜单项以一次更新所有已更改的记录。或者，如果您的带宽可以处理，则只要字段失去焦点，您就可以自动保存。

与选项1和2相比，编辑就地具有以下优势：

• 无需单击“编辑”按钮即可更改记录，这是一个需要时间和学习的额外导航步骤（例如，用户必须学习“编辑”图标）。

• 无需在视觉上重新获取其他位置的字段以进行编辑，从而使编辑更快捷，更轻松。

• 没有第二个窗口或表单布局可供学习和理解，并消耗用户可能想要用于其他内容的屏幕空间。

• 无模式 - 用户可以在编辑和查看之间流畅切换，并在方便时保存。

如果有太多的字段让Employees即使在水平滚动中也能在表格中显示，那么您需要在（1）在单个窗口中具有分屏主从细节布局和（2）之间进行选择两个窗户，允许下钻。但是，优化“额外”字段的显示与编辑记录的方法不同。可用性的一般规则是，如果某个字段可以由用户编辑，则无论该字段出现在何处，无论是在表格中，还是在屏幕的详细溢出区域中，还是单独下钻，都始终使其可编辑。细节窗口。

Answer 4

我已经使用“电子邮件客户端”布局取得了一些成功。屏幕的左侧包含导航元素（类似于电子邮件客户端中的文件夹）;右侧在拆分窗口中分为顶部和底部，顶部包含一个列表（例如员工 - 类似于电子邮件列表），底部包含一个表单（由选项卡页面组成）以编辑所选项目列表（类似于您正在撰写或查看的单个电子邮件）。电子邮件客户端布局具有熟悉的主要好处 - 几乎每个人都使用电子邮件！主要的电子邮件客户端都遵循相同的布局，增强了熟悉程度的好处。

Answer 5

正确的答案取决于您的列表主要目标是围绕编辑对象还是查看列表。

如果编辑是不经常操作，您可以选择在单独的窗口中进行操作，并使用主视图上的屏幕空间显示所需的详细信息。

但是，如果编辑将是一个频繁的操作，你需要将它放在列表中，因为打开一个新窗口会产生太大的摩擦。