数据表与其他用户界面组件截然不同。它们不仅显示详细信息,还允许用户对信息进行操作。然而,当表格的每一行都包含多个选项时,操作就变得并非易事。如何在不让用户感到眼花缭乱的情况下展示所有按钮?
如何在不使其他列被挤出视线范围的情况下容纳所有按钮?如果只是简单地水平排列操作按钮,用户体验将会受到影响。想象一下,表格的每一行都有八个操作按钮。阅读标签并选择特定操作将耗费大量时间和精力。这种设计并非展示多个表格操作的正确方式。按回车键或点击查看完整尺寸的图片。
使用图标而非标签
将操作显示为实心按钮并非明智之举,因为这会导致用户每次选择操作时都必须阅读大量文本。更好的方法是用图标来表示这些操作,从而替换掉这些文本标签。图标比文本标签更小,占用的宽度空间也少得多。不仅如此,还有一些通用图标可以代表最常用的表格操作。
使用溢出菜单
并排显示八个图标略有改进,但视觉上仍然过于拥挤。并非每个按钮都值得如此醒目。应该有三个优先级最高的操作值得用图标显示,其余的则应该放在溢出菜单中。将这些优先级较低的操作放在溢出菜单中可以减少混乱,并避免与其他操作冲突。此溢出菜单位于一个省略号图标下方,该图标表示“更多”。用户点击该图标后,将显示一个包含辅助操作的菜单列表。按回车键或点击查看完整尺寸的图片。
在图标上使用工具提示
标签如果没有工具提示标签,图标就不完整。没有它们,用户就无法确定自己正在执行什么操作。工具提示标签可以阐明图标的功能,让用户无需猜测。即使图标是通用的,工具提示标签也能为一些不了解其含义的用户提供额外的保障。
要在表格一行中容纳八个或更多操作按钮,方法很简单。不要使用实心按钮,因为它们会使表格显得杂乱。相反,使用图标来表示最重要的三个操作,并将其余操作放在溢出菜单中。