2

在管理对象列表时,我总是在设计用户界面时遇到麻烦。

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

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

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

有没有人有任何建议或参考可以帮助我设计一个好的 UI 来管理对象列表?

4

5 回答 5

2

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

也就是说,多年来我一直在这方面来回走动,并最终确定了#2。这是我们的一个内部应用程序的一个障碍。

替代文字

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

于 2009-09-01T23:47:35.603 回答
1

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

有关 UX 对模态操作的批评的参考摘要,您可以从wikipedia开始并关注他们的链接。

于 2009-09-01T23:45:33.890 回答
1

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

选项 2 通常可以让用户更快地编辑字段,因为不需要等待新的浏览器窗口打开,也不需要用户进行认知重新定位,因此它更适合大量数据输入(例如,进行更改每条记录,一个接一个)。

通过使用可编辑网格或用一组适当的控件(文本框、组合框、复选框等)替换您的表格,这两个选项都远不如在表格中进行就地编辑,这些控件的字段值填充为适当的记录集。用户直接在表中更改字段并选择保存按钮或菜单项以立即更新所有更改的记录。或者,如果您的带宽可以处理,您可以在字段失去焦点时自动保存。

与选项 1 和 2 相比,就地编辑具有以下优点:

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

  • 无需在视觉上重新获取其他位置的字段即可对其进行编辑,从而使编辑更快、更轻松。

  • 无需学习和理解第二个窗口或表单布局,也无需消耗用户可能想要用于其他用途的屏幕空间。

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

如果即使在水平滚动的情况下,员工的字段太多也无法在表中显示,那么您需要在 (1) 在单个窗口中具有分屏主从布局和 (2) 具有两个窗口和允许向下钻取。但是,优化“额外”字段的显示是与如何编辑记录不同的问题。可用性的一般规则是,如果一个字段可以由用户编辑,则无论该字段出现在哪里,无论是在表格中、屏幕的详细信息溢出区域还是单独的向下钻取中,始终使其对用户可编辑详细信息窗口。

于 2009-09-02T11:50:43.580 回答
0

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

于 2009-09-01T23:45:40.647 回答
0

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

如果编辑是不常见的操作,您可以将其放在一个单独的窗口中,并使用主视图上的屏幕空间来显示所需的尽可能多的细节。

但是,如果编辑将是一项频繁的操作,您希望它与列表一起到位,因为打开一个新窗口会产生太多的摩擦。

于 2009-09-02T00:00:21.647 回答