什麼是一些好的用戶體驗網頁設計，用於選擇多個項目並執行操作

Question

我正在重新設計一個Web界面，以提供與當前相同的功能，但通過良好的用戶體驗設計更容易使用。目前，這裏是設計的樣子：

我對豆腐的樣子那麼擔心和感覺，可以晚一點，我想先釘UX功能。這個選項卡中的想法是用戶可以通過複選框選擇項目並在「我想要」下拉菜單中執行操作（根據操作打開不同的模式對話框）。列表中項目右側的3點省略號允許用戶通過另一個下拉控件執行相同的操作，並且他們使用頂部下拉菜單執行多個項目上的操作，省略號三點菜單爲一個項目。

該控件的令人討厭的部分是該列表可能包含數百個項目，並且該複選框需要很高的精度才能快速檢查。用戶將選擇他們想要按順序執行操作的項目，然後必須滾動到頁面的頂部才能選擇操作。這可能是5秒鐘的滾動，這讓我覺得討厭。我想開發一個良好的用戶體驗模式，以較少的點擊次數，滾動和挫折來提供相同的功能。

我的最初想法是提供一個浮動動作按鈕。然後，用戶可以*以某種方式*（我還沒有想到一個想法，至少至少有一個更大的複選框）選擇多個項目，然後通過浮動操作按鈕選擇他們想要做的事情，該按鈕總是在屏幕而不是可怕的滾動回到頂部（我不認爲「滾動到頂部」按鈕是一個很好的解決方案）。

因此，我需要關於UX模式的一些建議或關於如何使此過程對用戶不那麼令人沮喪的一些建議。我現在是材料設計的粉絲，但我願意接受任何建議，材料設計指南似乎沒有任何類似的東西。

Answer 1

我看到兩件簡單的事情，你可以通過很少的努力使它變得可用。

1. 刪除複選框，並使整行可點擊，突出顯示選中的行。每一行本質上將成爲複選框的標籤，並且複選框本身將從視圖中隱藏。

2. Fix the header當用戶向下滾動到瀏覽器窗口的頂部時。

Answer 2

我覺得UX的步驟很不錯：首先選擇它們，然後設置動作。

而不是它只是一個複選框點擊，每行的整個頂部可以點擊來選擇項目。這將使用戶更容易，並且不會打不到複選框。

將標題固定在頂部對於添加「選擇/全部取消選擇」選項並使操作始終可用非常有用。如果你想要長列表，添加一個搜索框來過濾也是一個不錯的選擇。將搜索框和「全選」選項組合起來可以幫助用戶完成任務。

如果這是該屏幕中最重要的操作，使「要做什麼」按鈕更突出一點會是一個好主意，可以區分主要和次要選項，供用戶使用。