多くのタグが選択されているトークンフィールドデザインパターン

Question

アプリのすべての<select>アイテムで react select を使用して、「トークンフィールドデザインパターン」を選択します。

それらの一部には多くのオプションが選択されているはずであり、次のような多くの項目が表示され始めます。

私たちはいくつかのオプションの間で議論しています：

この場合、適切なUIは何ですか？

UIO · Answer

一般的に、このタイプのUIが完全に表示されるのを見たのは初めてです。すべてを表示することはユーザーにとって有益だからです。この多くは検索UIに表示されます。ユーザーは検索をフィルター処理してカスタマイズし、結果をドリルダウンして必要なものをすばやく取得します。そのままにしておこうと思います。

しかし、ここに私が知っている探求のオプションがあります：

そのままにしておくと、ユーザーが選択した内容が明確に表示されます。ユーザーがこれらのタグを使用して何かをパーソナライズ/フィルタリングすると、過度に長くなっても、より寛容になる傾向があります。彼らにとって彼らの選択を見るのは簡単です。
上位3〜4の選択肢を表示し、さらに詳細を表示してすべてを表示します。モバイルに表示されるLinkedInプロフィールのスキルセクションに似ています。
あなたが言うように、内側のスクロール。
横方向にスクロールさせます。（下記参照）

または、選択としてそれらを持っています。 Foursquareにはこの問題があり、ユーザーにメリットがあるため、すべて表示しておきます。（下記参照）（例については下記参照）