複数の項目を選択してアクションを実行するための優れたUX Webデザインとは何ですか

Question

私は現在の機能と同じ機能を提供するためにWebインターフェースを再設計していますが、現在、ここでのデザインは次のようになります。後で来ることができる、

私は豆腐の外観についてはあまり心配していると感じ、私は最初UXの機能を爪にしたいです。このタブのアイデアは、ユーザーがチェックボックスを使用してアイテムを選択し、「I Want To」ドロップダウン（アクションに応じて異なるモーダルダイアログを開きます）でアクションを実行できることです。リストの項目の右側にある3つの点の省略記号を使用すると、別のドロップダウンコントロールを使用して同じアクションを実行できます。複数の項目に対してアクションを実行するためにトップドロップダウンを使用し、 1つのアイテムに対して。

このコントロールの不愉快な部分は、リストに何百ものアイテムが含まれている可能性があり、チェックボックスのチェック精度が高すぎます。ユーザーは、アクションを順番に実行するアイテムを選択し、ページの上部までスクロールしてアクションを選択する必要があります。これは5秒間スクロールすることができますが、これは不愉快なことです。私は良いUXパターンを開発して、少ないクリック、スクロール、フラストレーションで同じ機能を提供したいと考えています。

私の最初のアイデアは浮動アクションボタンを提供することでした。ユーザーは、何らかの理由で*考えていない可能性があります（少なくとも、より大きなチェックボックスでは、少なくともアイデアは考えていません）。複数のアイテムを選択して、浮動アクションボタンを使って何をしたいかを選択します。画面の上に恐ろしいスクロールの代わりに（私は "トップへのスクロール"ボタンはこれのための良い解決策だとは思わない）。

私は、UXのパターンに関するいくつかの推奨事項、またはこのプロセスをユーザーにとって不本意にする方法に関する一般的な提案が必要です。私は今、素材デザインのファンですが、何か提案があれば公開しています。材料設計ガイドでは、このようなことのパラダイムはないようです。

Answer 1

私は、これを少しでも手間をかけずにもっと使いやすくするためにできる2つの簡単なことを見ています。

1. チェックボックスをオフにして、行全体をタップ可能にして、選択したものをハイライト表示します。基本的に各行はチェックボックスのラベルになり、チェックボックス自体は表示されなくなります。

2. Fix the headerユーザーがスクロールダウンすると、ブラウザウィンドウの上部に移動します。

Answer 2

私はUXの手順は良いトラックにあると思います：まずそれらを選択し、次にアクションを設定します。

クリックするだけのチェックボックスではなく、各行の上部全体をクリックして項目を選択することができます。これにより、ユーザーの方がはるかに簡単になり、チェックボックスに当たっても不満は少なくなります。

ヘッダを上に固定すると、[すべて選択/選択解除]オプションを追加して、常にアクションを使用できるようにするのに便利です。フィルタに検索ボックスを追加すると、長いリストを考えている場合にも適しています。検索ボックスと[すべて選択]オプションを組み合わせると、ユーザーの作業に役立ちます。

これは、その画面で実行する最も重要なアクションである場合、「やるべきこと」ボタンをもう少し目立たせることは、ユーザーが行う第2のオプションから1次を区別することをお勧めします。