Webポータルのワイヤフレームをいくつか作成しています。このWebポータルのフォームには、オプションの膨大なリスト(120項目)があり、ユーザーはそれらすべてを通過する(そして読み取る)必要があります。
これらのオプションをカテゴリに分けることは不可能で、ラベルの長さは非常に可変です。
私が開発しているこれらのワイヤーフレームの目標は、このフォームを通過するストレスを大幅に軽減することです。
私が思いついた最高のものは、このようなスクロール可能なリストでした:
これは、UXがUXレベルでは修正できないものを修正するように課せられている場所です。これは、バックエンドシステムがユーザーに不必要に決定を下すように不当に要求しているところです。
問題が人々が彼らがすでにシステムにあるものとは異なる名前で彼らが売るアイテムを入力することであるならば、適切な解決策はよりスマートなバックエンドでしょう。
オプション1:より優れたバックエンド言語パーサーを構築する
ユーザーが項目を入力して入力できるようにします(おそらく、その方法を好む人のためにチェックリストを保持します)。
各項目を入力してReturnキーを押すと、システムはその項目を検索し、a)一般的なスペルミスの両方をチェックし、次にb)テーブルで同義語を検索します。
したがって、おそらくユーザーはアイテムを入力します。
[ BOOZE ]
リターンを押すと、あなたは見るかもしれません:
[ ]
• Alcohol (match for 'booze')
オプション2:ダクトテープ
テクノロジーを改善することが手に負えない場合、あなたができる最善のことは、チェックマークの巨大なリストをそれほど痛くないようにすることです。スクロールを取り除くことから始めます。代わりに、アイテムの選択を、独自のページを持つ個別のタスクにします。それらすべてを1つのページに、おそらく列にリストします。また、上部にフィルター可能な検索を追加します。これは、ユーザーがフィールドに入力すると、表示されるチェックボックスが一致するものだけに縮小されます。これはすべてJavaScriptを介してクライアント側で実行できます。
GMailタグのようなものを試してみます。
スクロール領域内にフィルターとチェックボックスのリストがあります
他の良いオプションは、Pocket Chrome pluginのようなものです。
フィルターがあり、選択したアイテムがタグになります
私は数日前に同じ問題に直面しなければならなかったので、この解決策が付属しました!私の場合、リストはそれほど長くなかったので、ユーザーが選択したアイテムのリストをユーザーが持つことができるように、タグシステムを使用しました。
サイドバイサイドリストウィジェットがこの状況に適していると思います。それは多くの名前で行きます。参照: 並べて使用できる/選択されたリストボックスがあるウィジェットの名前?
また、ユーザーが入力するときに使用可能なアイテムのリストを動的にフィルターする検索ボックスを提供する必要があります。