web-dev-qa-db-ja.com

ドロップダウン関数に「最近使用した」リストを実装するにはどうすればよいですか?

ユーザーがドロップダウンから選択する必要のある場所がいくつかある複雑なWebアプリを作成しています。ドロップダウンリストはかなり長くなる場合があります。ドロップダウン内のテキスト検索を可能にするためにSelect2ライブラリを既に使用していますが、最近使用したアイテムにすばやくアクセスしたいというフィードバックを複数のユーザーから受け取りました。

最近使用したリストを実装する最良の方法は何ですか?

私はいくつかの方法を先に見ることができます:

  1. リスト全体を最初に最新、アルファ秒でソートします(つまり、一番上が最新で、最新のデータがないすべてのアイテムがアルファベット順にソートされます)。
  2. 一番上に「最近使用された」セクションがあり、最近使用されたx個のアイテム(3?5?10?)があり、下にある「すべて」セクションにはリストのすべてが含まれています。
  3. 一番上に「最近使用された」セクションがあり、xの最近使用されたアイテムとその下のセクションにすべてのrestのアイテム(すべてのアイテムから最近使用されたアイテムを差し引いたもの)があります。

代わりに、frequencyでソートすることもできます。システムの特定のダイナミクスによって頻度と最新性のどちらが優れているかが決まると思いますが、ユーザーデータが大量にない場合にそれを診断する方法はわかりません。 。

質問:

  • このタイプの最近使用されたリストに関する良い研究はありますか?
  • ユーザーにとってより効果的なリストのスタイルはどれですか?
  • 頻度と最新性のどちらがより良いアプローチであるかをどのようにして知ることができますか?
5
Drew Beck

オプション2をお勧めします。

「一番上に「最近使用された」セクションがあり、最も最近使用されたx個の項目(3?5?10?)があり、リストの下にある「すべて」セクションがすべてあります。

あなたの「最新性または頻度」の質問に関しては、それはすべてあなたがリストで持っているものに依存します。たとえば、ユーザーが毎回異なる選択をする可能性が低いデータがある場合は、頻度を調べます。ユーザーが時間の経過とともに変化するデータがあるが、しばらくの間同じアイテムを選択する場合は、期限を使用します。

多分別のアイデアは、ユーザーがリストの一番上にお気に入りを持つことを許可することかもしれませんか?一番上に配置したい要素の星をクリックすることもできます。

以下にリンクされているドロップダウンボックスに関する興味深い記事を見つけました。

国セレクターの再設計

ドロップダウンフィールドを設計するためのより良い方法

2
80gm2

ユーザーの立場からすると、入力中にオートコンプリートされるリストに非常に感謝しています。私は最初の文字だけを意味するのではなく、各文字はあなたをさらにドリルダウンします。私の経験では、 最速 アイテムバーなしに到達する方法。また、これは非常にまれであり、複雑なコーディングに慣れていない場合は、もっと多くのプログラマがそれを実行するか、またはそれを実行するツールを使用することを望みます。私は私が遭遇するすべてのリストの最初の文字の機能を少なくとも期待し、私はいつもやや失望することがあります。

0
Rollin Shultz