代码之家  ›  专栏  ›  技术社区  ›  flesh

Web可用性-数据列表和数据行操作

  •  1
  • flesh  · 技术社区  · 17 年前

    如果您有一个数据绑定的项目列表,并且对于每个项目,您可能希望为用户提供以下功能(例如):

    • 删去
    • 下载
    • 查看详细信息
    • 或以某种方式“标记”

    你有几个选择:

    • 在行中提供按钮或链接,以完成对行项目的操作
    • 在行中提供复选框选择,然后提供一种对一组选定项目执行操作的方法
    • 上述操作的组合(例如“查看详细信息”等某些操作在分组选择方法中不起作用)

    人们认为提供这种互动的最有效方法是什么?

    链接到“可用”列表的示例会很好。

    3 回复  |  直到 17 年前
        1
  •  1
  •   Michael Zuschlag    16 年前

    只需三到四个命令,您就可以将所有命令都作为按钮和链接放在每一行中。这为用户提供了一种快速执行单行命令的方法,每个操作点击一次,而替代选择操作模型需要点击两次。然而,也有一些考虑因素。

    • 选择操作可能更适合在多行上执行相同的操作。如果其中一些操作导致延迟(例如,删除后刷新表需要一两秒钟)或对话框(例如,对于下载,用户必须指定一个本地文件夹进行下载),选择操作会更快,允许用户多选一堆项目并一次处理它们。

    • 虽然你现在只有几个命令,但考虑一下你在未来版本或应用程序的其他页面中可能有多少个命令(例如,插入新命令、剪切命令、复制命令、粘贴命令)。你想在内部保持一致。五个或更多命令的重复控件行可能会过于杂乱。

    如果你使用选择操作,你应该实现其他交互功能,使其真正正常工作。

    • 不要使用复选框,这可能会与记录属性而不是选定状态混淆。使用整行或行图标的突出显示来指示选择。

    • 支持通过ctrl单击、shift单击和拖动选择框进行多选(后两种方式允许对多个项目的选择操作比行内控件更快)。请注意,有些用户不知道这些约定,因此,如果多选是非高级用户需要做的通常工作流程的一部分,请考虑完全不同的UI。

    • 支持快捷方式,例如使用delete键删除记录和包含所有操作的右键单击上下文菜单。

    就行中与选择操作的组合而言,在任何情况下,行中的控件都可以支持查看详细信息,方法是将记录功能标识符设置为链接(只要不需要编辑标识符),或者允许用户双击记录图标(后者是一种专家激活,应该用按钮来冗余)。

    我不清楚标记是什么意思。设置旗帜?这听起来像是唱片的一个特性。无论您是对其余操作使用选择操作还是在行中,这意味着都应该使用表行中的复选框等控件进行标记,以便用户可以查看和设置值。

        2
  •  1
  •   Romain Linsolas    17 年前

    我的观点是:这取决于此表中显示的数据。

    如果我真的需要对几个元素执行一个操作,例如删除10个元素,我希望有一个带有全局按钮选项的复选框。在一个链接上点击10次来执行此操作真的对用户不友好。

    所以,也许复选框和链接的组合是一个不错的选择。

        3
  •  1
  •   Chris Van Opstal    17 年前

    我见过的最佳可用列表:gmail

    我会选择你提到的混合方法。如果操作是特定于项目的(查看详细信息)或非常常见的,则在行本身中提供按钮或链接。否则,请提供您建议的复选框功能。

    phpMyAdmin的大部分操作完全依赖于复选框功能,我总是对删除一行所需的点击次数感到恼火。

    推荐文章