5 に答える
私が過去に使用した代替手段は次のとおりです。
1) 項目数が少ない場合は、チェックボックス リストを使用します。チェックボックスははるかに直感的で使いやすいですが、アイテム数が多い場合は問題になる可能性があります。それでも、アイテムの数が増えている場合は、次のものを追加できます。
<div style="overflow: scroll" />
一定の高さで。
2) 非常に多数の項目の場合、特に実際に選択されている項目が少ない場合、実際に選択されているものを確認するのが難しくなります。この場合、項目をある項目から別の項目に移動できる可能性のある 2 つのリストを並べた方が、はるかに優れたアプローチです。
3) アイテムの数がそれほど多くはないが数が多い場合は、小さなスペースしか占有しないという利点がある、社内で構築されたチェックボックスを備えたドロップダウンを使用しました。このようなものが役立つかもしれません。
2 つのリスト ボックスを使用することをお勧めします。1 つは使用可能なリスト ボックスで、もう 1 つは選択されたリスト ボックスです。いずれかのリストの項目をクリックまたはダブルクリックすると、その項目が別のリストに移動するはずです。便宜上、同じことを行う 2 つの「移動」ボタンも含めます。このアプローチは、デスクトップ アプリケーションだけでなく Web アプリケーションでも、平均的なユーザーに驚くほどうまく機能します。
手動で選択解除/選択するJavascriptのonclick動作を持つアイテムの手動リスト（単純なリンクと言う）を使用することができます。基本的に、css クラスを 2 つの値の間で変更し、送信中にこれらの css (または他の属性) をチェックして選択を決定します。
これにより、ユーザーは、標準の Ctrl+Click 要件ではなく、クリックしてアイテムを選択し、クリックして選択を解除するだけで済みます。
使用頻度の低いユーザーの場合、3 つのドロップダウンが最適な場合があります>:
<select><option>Capa Verde</option></select>
<select><option>Holiday</option></select>
<select><option>Competition</option></select>
あるいは、一度クリックすると固定される一連のボタンがあるかもしれません。ただし、オプションが 3 つまでという制限を伝えるのは難しいでしょう。
各写真を個別にマークする必要があり、カテゴリの数が限られている場合は、写真のすぐ上にカテゴリのリストを表示できます (複数の列に表示される場合があります) (明らかに、項目が読みやすいものであることを確認する必要があります)。クリックできることを示します)、ユーザーは 1 回のクリックでタグを選択および選択解除できます。キーボード フレンドリーではありませんが、何らかのポインティング デバイスなしで Web を使用することはほとんど不可能です。この場合、カテゴリと写真を接続するために空間配置を使用します。
2山（使用可・選択可）など豊富なオプションがあります。
少なくとも「廊下」のユーザビリティ テストを行うことはできますか?
ユーザーの観点から見た実際のタスクは何ですか? ユーザーは誰ですか?
特に項目を後で編集できる場合は、複数選択が嫌いです (CTRL を押さずにクリックすると、既に選択していたものが失われます)。私の経験では、次の 2 つのオプションが最適です。
- 3 つの個別の選択オプションがある (3 つに制限している場合)。ここでの利点は、「最大 3 つまで選択する」という指示がユーザー エクスペリエンスに非常によく適合し、少しの JavaScript を使用して 2 番目のドロップダウンから最初の選択を削除できるため、混乱が解消されることです。
- チェックボックスの使用。チェック ボックスの利点は、おそらくデータベースとの適合性が高いことです。また、情報がユーザーにとって非常に直感的であり、オプションをどのように提示するかを少し考えれば、ユーザー エクスペリエンスがかなり安定する可能性があります。元。チェックボックスを意味のある領域にグループ化します。