約50アイテムのリストがあります。一番上のアイテムが最も優先され、一番下のアイテムが最も優先されません。これらのアイテムを並べ替えるには、アイテムを選択して、リストの上部にあるdownまたはpボタンをクリックします。
私たちがこれを実装した現在の方法は、項目の長い垂直リストを持つことです。このようにすることの利点は、どちらがより優先度が高いかが視覚的に明確になることです。
もう1つのアイデアは、ラッピングリストに配置することでした。これにより、すべてではないにしても、ほとんどのアイテムを一度に表示できます。これに対する短所は、どのアイテムがより高い優先度を持っているかについて、ユーザーにはわかりにくいかもしれないということです:
より重要なのは、一度にすべてのアイテムを表示するか、それらがすぐに互いにどのようにランク付けされるかを正確に知ることですか?
注:この例では、項目の名前は「項目1-項目48」ですが、数値ではない一意の名前になります。
また、これらは実際にこの時点で実装できる唯一のオプションです。残念ながら、ドラッグアンドドロップタイプのソリューションは使用できません。
各アイテムに番号を付けてみてください。例
1) Item 1
2) Item 2
...
48)Another item
代わりに、リストに列を持たせるのではなく、行を入れます。最初に横に移動してから、次の行に移動します。これは私たちが読む方法に似ているので、ユーザーにとってはより明確かもしれません。ただし、数値の場合も同様に機能します。
Netflixキューインターフェースは、優先順でリストを表示します。ユーザーはアイテムをドラッグするか(オプションではありません)、アイテムの横にあるテキストボックスに新しい番号を入力できます。各行に「上に移動」ボタンもあります。
リストの上部にある上向き/下向きの矢印よりも優れている点は、コントロールが行のすぐ右にあるため、選択してマウス/ビジュアルフォーカスをインターフェイスの別の部分に移動する必要がないことです。おそらくあなたはこのようなことをすることができますか?
ここで誤って切り取ってしまったようですが、ページには他のWebページと同じように、コンテンツがブラウザウィンドウを超えるスクロールバーがあります。
次のようにしてください。
さらに、2つの追加ボタンを予測し、上に移動、下に移動することができます。
リストで複数選択はできますか?上/下ボタンをクリックするときにもサポートされていることを確認してください。