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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了管理列表的好方法是什么?相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

答案

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

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

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

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

  • 无需单击“编辑”按钮来更改记录,需要花费时间和学习的额外导航步骤(例如,用户必须学习“编辑”图标)。
  • 无需在视觉上重新获取其他位置的字段以进行编辑,从而使编辑更快速,更轻松。
  • 没有第二个窗口或表单布局可供学习和理解,并消耗用户可能想要用于其他内容的屏幕空间。
  • 没有模式 - 用户可以在编辑和查看之间流畅地切换,并在方便时保存。

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

另一答案

我不相信你会在这个特定的问题上找到任何实际的研究,因为它对手头的应用程序非常具体。它归结为如何使用/访问/修改单个对象等。

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

alt text

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

另一答案

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

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

另一答案

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

另一答案

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

如果编辑是不频繁的操作,您可以在单独的窗口中确定它并使用主视图上的屏幕空间显示所需的详细信息。

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

以上是关于管理列表的好方法是什么?的主要内容,如果未能解决你的问题,请参考以下文章

管理您的应用程序安排的本地通知的好方法是啥?

有没有从 Mailman 列表迁移到网络论坛的好方法?

在 React 中管理嵌套状态的好方法

什么是处理“打盹”功能的好方法?

码农的好助手:版本管理工具git的使用

防止 SQL 注入的好方法是啥? [复制]