web-dev-qa-db-ja.com

アイテムの大きなリストで優先度を表示する最良の方法はどれですか?

約50アイテムのリストがあります。一番上のアイテムが最も優先され、一番下のアイテムが最も優先されません。これらのアイテムを並べ替えるには、アイテムを選択して、リストの上部にあるdownまたはpボタンをクリックします。

私たちがこれを実装した現在の方法は、項目の長い垂直リストを持つことです。このようにすることの利点は、どちらがより優先度が高いかが視覚的に明確になることです。

enter image description here

もう1つのアイデアは、ラッピングリストに配置することでした。これにより、すべてではないにしても、ほとんどのアイテムを一度に表示できます。これに対する短所は、どのアイテムがより高い優先度を持っているかについて、ユーザーにはわかりにくいかもしれないということです:

enter image description here

より重要なのは、一度にすべてのアイテムを表示するか、それらがすぐに互いにどのようにランク付けされるかを正確に知ることですか?

注:この例では、項目の名前は「項目1-項目48」ですが、数値ではない一意の名前になります。

また、これらは実際にこの時点で実装できる唯一のオプションです。残念ながら、ドラッグアンドドロップタイプのソリューションは使用できません。

6
Matt Rockwell

各アイテムに番号を付けてみてください。例

1) Item 1
2) Item 2
...
48)Another item

代わりに、リストに列を持たせるのではなく、行を入れます。最初に横に移動してから、次の行に移動します。これは私たちが読む方法に似ているので、ユーザーにとってはより明確かもしれません。ただし、数値の場合も同様に機能します。

2
yoozer8

Netflixキューインターフェースは、優先順でリストを表示します。ユーザーはアイテムをドラッグするか(オプションではありません)、アイテムの横にあるテキストボックスに新しい番号を入力できます。各行に「上に移動」ボタンもあります。

リストの上部にある上向き/下向きの矢印よりも優れている点は、コントロールが行のすぐ右にあるため、選択してマウス/ビジュアルフォーカスをインターフェイスの別の部分に移動する必要がないことです。おそらくあなたはこのようなことをすることができますか?

Netflix screen shot

ここで誤って切り取ってしまったようですが、ページには他のWebページと同じように、コンテンツがブラウザウィンドウを超えるスクロールバーがあります。

4
Monica Cellio

次のようにしてください。

enter image description here

  • Priorityという名前の追加の列を表示する
  • 行ごとに1つのアイテムを保持
  • 列ヘッダーにラベルを付ける
  • 上/下ボタンをリストの右側に置き、ラベルを付け、リストから項目が選択されている場合にのみクリックできることを確認します

さらに、2つの追加ボタンを予測し、上に移動、下に移動することができます。

リストで複数選択はできますか?上/下ボタンをクリックするときにもサポートされていることを確認してください。

3
Bart Gijssens