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

Web applications Web可用性-数据列表和对数据行的操作,web-applications,user-interface,usability,databound-lists,Web Applications,User Interface,Usability,Databound Lists,如果您有项目的数据绑定列表,并且对于每个项目,您可能希望向用户提供以下功能(例如): 删除 下载 查看详细信息 或者以某种方式“标记” 您有几个选择: 在行本身内提供按钮或链接,以完成对行项目的操作 在行中提供一个复选框select,然后提供一种对一组选定项目执行操作的方法 上述操作的组合(某些操作(例如“查看详细信息”)在分组选择方法中不起作用 人们认为提供这种交互最有用的方法是什么 链接到“可用”列表的示例会很好。我的观点:这取决于此表中显示的数据 如果我真的需要在几个元素上执行一个

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

  • 删除
  • 下载
  • 查看详细信息
  • 或者以某种方式“标记”
您有几个选择:

  • 在行本身内提供按钮或链接,以完成对行项目的操作
  • 在行中提供一个复选框select,然后提供一种对一组选定项目执行操作的方法
  • 上述操作的组合(某些操作(例如“查看详细信息”)在分组选择方法中不起作用
人们认为提供这种交互最有用的方法是什么


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

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

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


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

我见过的最有用的列表:gmail

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


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

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

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

  • <> L> >P>当你现在只有几个命令时,考虑一下你可以使用多少版本或者应用程序的其他页面(例如,插入新的、剪切、复制、Paste)。您希望内部保持一致。五个或更多命令的重复控件行可能过于杂乱

如果您使用选择操作,您应该实现其他交互功能,使其真正工作良好

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

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

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

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

我不清楚“标记”是什么意思。设置一个标志?这听起来像是记录的一个属性。无论对其余的操作使用选择操作还是在行中,这意味着标记都应该使用一个控件(如表行中的复选框)来完成,以便用户可以查看和设置值