什么是一些好的用户体验网页设计，用于选择多个项目并执行操作

Question

我正在重新设计一个Web界面，以提供与当前相同的功能，但通过良好的用户体验设计更容易使用。目前，这里是设计的样子：

我对豆腐的样子那么担心和感觉，可以晚一点，我想先钉UX功能。这个选项卡中的想法是用户可以通过复选框选择项目并在“我想要”下拉菜单中执行操作（根据操作打开不同的模式对话框）。列表中项目右侧的3点省略号允许用户通过另一个下拉控件执行相同的操作，并且他们使用顶部下拉菜单执行多个项目上的操作，省略号三点菜单为一个项目。

该控件的令人讨厌的部分是该列表可能包含数百个项目，并且该复选框需要很高的精度才能快速检查。用户将选择他们想要按顺序执行操作的项目，然后必须滚动到页面的顶部才能选择操作。这可能是5秒钟的滚动，这让我觉得讨厌。我想开发一个良好的用户体验模式，以较少的点击次数，滚动和挫折来提供相同的功能。

我的最初想法是提供一个浮动动作按钮。然后，用户可以*以某种方式*（我还没有想到一个想法，至少至少有一个更大的复选框）选择多个项目，然后通过浮动操作按钮选择他们想要做的事情，该按钮总是在屏幕而不是可怕的滚动回到顶部（我不认为“滚动到顶部”按钮是一个很好的解决方案）。

因此，我需要关于UX模式的一些建议或关于如何使此过程对用户不那么令人沮丧的一些建议。我现在是材料设计的粉丝，但我愿意接受任何建议，材料设计指南似乎没有任何类似的东西。

Answer 1

我看到两件简单的事情，你可以通过很少的努力使它变得可用。

1. 删除复选框，并使整行可点击，突出显示选中的行。每一行本质上将成为复选框的标签，并且复选框本身将从视图中隐藏。

2. Fix the header当用户向下滚动到浏览器窗口的顶部时。

Answer 2

我觉得UX的步骤很不错：首先选择它们，然后设置动作。

而不是它只是一个复选框点击，每行的整个顶部可以点击来选择项目。这将使用户更容易，并且不会打不到复选框。

将标题固定在顶部对于添加“选择/全部取消选择”选项并使操作始终可用非常有用。如果你想要长列表，添加一个搜索框来过滤也是一个不错的选择。将搜索框和“全选”选项组合起来可以帮助用户完成任务。

如果这是该屏幕中最重要的操作，使“要做什么”按钮更突出一点会是一个好主意，可以区分主要和次要选项，供用户使用。