web-dev-qa-db-ja.com

バルク可能なアクションと単一のアクションを組み合わせるための良いパターンは何ですか?

既存のAPIのWebフロントエンドに取り組んでいます。現在、次のようなテーブルがあります。

A data table preceded by two buttons: Item actions and Create new item

アイテムに対してさまざまなワンタイムアクションを実行できます。現時点では、アイテムに対して実行できるすべてのアクションでは、アイテムを選択してから、[アイテムアクション]に移動して、実行するアクションをクリックする必要があります。これは、アクションを一括で実行できない技術的な制約が原因です。

新しいアクションを追加したいと思います。このアクションは、単一のアイテム(他のアクションと同様)またはアイテムのentireリストに適用できますが、アイテムの任意のサブセットには適用できません。

これをユーザーに伝える良い方法は何ですか?

編集:チェックボックスをすぐに表示しなかった理由は、一括アクションは全体にのみ適用できるためですリストではなく、そのサブセットに。 4つのうち2つを選択しても意味がありません。ユーザーが選択できるようにすると、時間の無駄になります。これを明確にするために質問を編集しました。

4
User not found

編集:リスト全体に適用されるアクションがあることは明らかです。チェックボックスを削除できることを除いて、以下の私の例はまだ保持されています。たとえば、私が取り組んでいるアプリケーションには、単一のアイテムに対するこれらのテーブルとアクションがたくさんあり、リスト全体に対して単一のエクスポートボタンがあります。これはユーザーにとって非常に効果的です。

一括操作にはチェックボックスを使用します。これらのアクションをメニューに配置するか、複数のボタンを配置します。以下の例のように、テーブルの各行にボタンまたはメニューのセルを追加できます。

enter image description here

5
jazZRo

標準のUXパターンに属する調整がいくつかあり、一括アクションがオプションであることをユーザーに通知するのに役立ちます。

  1. ラジオからチェックボックスに変更します。これは、複数のアイテムを選択できることを示します。
  2. 見出し行に「すべて選択」チェックボックスを追加して、ユーザーがテーブルのすべての行をチェックできるようにします
  3. [アイテムアクション]ドロップダウンメニューから、1行でのみ使用できるすべてのアクションを無効にし、リスト全体で実行できる新しいアクションを強調表示します。アクションを一度にテーブル全体にしか使用できない場合は、ドロップダウンのラベルを変更して、そのアクションが何を行うかを明示的に読み取ります。例:「すべてのエントリを承認」
0
DrewMac