web-dev-qa-db-ja.com

2つの可能なリストのデザイン:アイテムごとのアクションをどのように表すか?

enter image description here

在庫管理システムの設計をしています。 1つのデザインが最適に近いと感じますが、これについての妥当性チェックが必要です。どちらが私のものかはわかりません。

議論は、省略記号アイコンで非表示になっている各リスト項目にアクションを配置するか、チェックボックスを割り当てられるメニューの上部に配置するかです。

どちらのデザインが良いですか? 3番目の方法はありますか?

5
JClaussFTW

最終的に、これは特定の作業環境におけるユーザーのニーズに帰着します。在庫システムは、ユーザーがさまざまなジョブ関連タスクにわたって最大の効率で作業できるように構築されています。私の経験では、これらのシステムのユーザーは、数百、さらには数千のレコードの処理を扱うことがよくあります。一部はまとめて処理する必要があります。

つまり、ユーザーがバッチアクションにアクセスする必要がある場合、つまり、複数のレコードに同時にリクエストを適用する場合は、最初のオプションを選択します。それ以外の場合は、2番目を選択します。

UIのフットプリントをさらに減らして発見しやすくする場合は、最初のオプションとして、個々のアクションをテーブルツールバーの単一のドロップダウンボタンにまとめることを検討します。または、フローティングツールバーを使用してフィッツの法則をサポートすることもできます。アクションを含むこのツールバーは、ユーザーが下にスクロールすると固定されます。また、他のすべての選択項目の上にある列にチェックボックスを追加します。これは、すべて表示機能として機能し、現在表示されているすべてのレコードを選択します。

5
Mark

簡単です。

最初に。各アイコンの右側にあるオーバーフローアイコンは、長いリストの場合、それぞれを個別に選択することを意味する可能性があるため、実行できる最適な設計アプローチではありません。

第二に、ユーザーが誤ったリストビューアイテムのオーバーフローアイコンを誤って選択し、それに否定的なアクションを実行する可能性があります。

私がとるべきアプローチはDesign 1です。

ただし、ここにいくつかの変更を加えます。

チェックボックスを常に表示する代わりに、チェックボックスを非表示にして、選択アクティビティでのみ表示することをお勧めします(たとえば、プラットフォームとキーのマッピングに応じて、長押しまたはダブルクリックします)。

ユーザーが1つのアイテムを選択するとすぐに、そのアイテムに対するチェックマークが付いたチェックボックスが表示されます。これで、彼は任意のアクションを実行できます。

また、デザイン1はそのまま一般に受け入れられます。

Gmail Design 1

2
Swapnil Borkar

クリックに関しては、どちらのデザインもアクションを実行するのに2クリックかかります。要件がユーザーにバルクアクション(複数のレコードに対するアクションの実行など)を実行することを要求する場合、デザイン1の方が適しています。

1
Grafix Guru

ベストプラクティスは、次のような複数の理由から、アクションをできるだけオブジェクトに近づけることです。1)アクションが適切なコンテキストにある(アクションが何に適用されるかなどのあいまいさが少ない)2)動きが少ない必須(ページの上部と中央の間を行き来する必要はありません。

そうは言っても、複数の選択とそれらに対するアクションを許可したい場合、それは壊れます。

0
Riche Design