質問: アイテムの長いリストを並べ替える最良の方法 現在、リスト内のアイテムの並べ替えに取り組んでいます。ただし、注意が必要なのは、最大100個のアイテムを再注文できるようにする必要があることです。私はいくつかの解決策を考えていますが、おそらく20以上の項目に取り組むと、デザインは壊れます。これはユーザーにとって非常に悪い体験につながります。アイテムの長いリストの再注文を許可する方法についてのあなたの考えとアイデアを得たいと思います。私が考えたいくつかの解決策:オプション1:ドラッグアンドドロップでアイテムを並べ替えます ご覧のとおり、アイテムを100番目までドラッグするのは難しいでしょう。スクロールも面倒です。ドラッグアンドドロップを使用するためのより良い方法についての考えを共有できればすばらしいと思います。オプション2:アイテムを並べ替えるための矢印ボタンの上下 上下の矢印をクリックすると、ここで並べ替えが機能します。ただし、ここでの問題は、項目98を項目2に移動する場合など、離れすぎている項目を並べ替える場合です。これを解決する簡単な解決策は、ページ付けを使用することです。この場合、ページごとに一度に10アイテムしか表示されません。ただし、並べ替えはその中で発生します。したがって、他のページからアイテムを並べ替えるときに問題があります。 オプション3:ドロップダウンを使用してアイテムの位置を選択します あなたの解決策を聞いて非常にうれしいでしょう。ありがとう!更新:何のためにあるのか不思議に思うかもしれないので、この長いアイテムのリストを並べ替えるユースケースにコンテキストを追加したいと思います。これは、質問のリストが長いアンケートに使用します。ドラッグアンドドロップはユーザーのペルソナに最適ではない可能性があるため、いくつかのオプションと代替案を検討しています。解決策と提案を共有してくれた皆さんに感謝します。
回答: 先に進む前に、(質問の中で)ユースケースについてもう少し説明したいと思うかもしれません...なぜ100エントリを手動でソートする必要があるのか、詳細を知りたいと思います。 ユーザーが100アイテムを手動で並べ替えることができるページを設計する要件を取得した場合、戻って要件を質問します。つまり、「アイテムaは本当にランク94にあるのか、それともランク95にあるのか」という質問をするユーザーにどのくらいの負荷をかけますか。たぶんあなたは属性に基づいて自動ソートを使用することができます、多分本当の要件はお気に入りとしてベスト5を選ぶことです... 要件が実際に100アイテムを手動で並べ替えることである5%未満の確率の場合、 それらが常に完全に表示されていることを確認してください(ユーザーのために新しいモニターを購入する必要があることを意味するかもしれません;-)ページを個別に並べ替えて後でマージすることは、古いコンピューターソートアルゴリズム(マージソート)ですが、好意から外れていると思いますアルゴリズムについてもです。 多くのパーソナライズ可能な列を追加します。私は、ユーザーが上位にランク付けされるべき100の決定を行うことができるようにするために、アイテムに関する多くのコンテキスト情報(属性)が必要になると思います。 並べ替えには、できるだけ多くの方法を追加できます。長距離移動の場合、ユーザーは「上へ」および「下へ」の機能と、新しい位置を入力する可能性が必要になります(ドロップダウンボックスは使用しないでください。同様にユーザーをダウンさせます;数値入力フィールドを使用してください)ユーザーがターゲットとして入力する数値を識別できるように、アイテムごとのランクを必ず含めてください。もちろん、短距離移動の場合は、「ワンアップ」と「ワンダウン」も必要です。ドラッグアンドドロップはミッドレンジの動きのいいところです。 キーボードアクセスを提供します。これは「5%の使用例」(つまり、非常にまれ)だと思うので、ユーザーがコンピュータを多用していると思います。これらのユーザーは、まだキーボードサポートを好みます。さらに、アイテムを移動すると、アイテムを2回上に移動する必要がある場合にマウスを追従させる必要があります。キーの位置は変わりません。 リストの視覚的表現を非常に安定させます。ユーザーが何らかの方法でシーケンスを変更した場合は、変更されたアイテムのプレゼンテーションのみを変更します。同じ位置に再表示されていても、表全体を再表示しないでください。ちらつき(またはさらに悪いことに、トップに戻る)はユーザーの方向を乱し、リスト内での位置を失います。