web-dev-qa-db-ja.com

結果のフィルタリング:チェックボックスとドロップダウン

海外での就職活動を行うウェブサイト用のフィルターを設計しています。フィルターは右側に表示される空席を絞り込む必要があります。求人検索のドロップダウンメニューを備えた同様のウェブサイトをたくさん見ました。しかし、私の意見では、オプションは表示され、複数選択可能で簡単に選択できる必要があります(ドロップダウンにはアクセシビリティの問題があります)。

ドロップダウンを使用する必要があるデータのタイプは何ですか

チェックボックスは、性別、宿泊施設の有無(はい/いいえ)などのバイナリデータに適していますか?

また、フィルターのトピックを扱っている間スライダーは価格を調整する良いUXですか?

enter image description here

2
Peter

[〜#〜] btdt [〜#〜]

チェックボックスの上にドロップダウンがあるプラスポイントは、選択されていてもサイズが変わらないことです(複数選択ではない場合)。ラジオ/チェックボックスでは不可能な、多くのスペースを占有することなく、いくつかのオプション/データを表すことができます。

ドロップダウンの欠点は、ほとんどのオプションがユーザーから隠されており、ユーザーがドロップダウンを開いたときにのみ表示されることです。

あなたの質問に来る:

つまり、ドロップダウンを使用する必要があるデータの種類は何ですか?

データの膨大なリストがあり、多くのスペースを占有することなくそれらを表示する必要がある場合。また、データは常に画面に表示されている必要はありません。

チェックボックスは性別、宿泊施設の有無(はい/いいえ)などのバイナリデータに適していますか?

バイナリデータのチェックボックスの代わりにラジオボックスを使用する

フィルターのトピックについては、スライダーで価格を調整できます(下の画像の3番目のフィルターのように)良いUX?

スライダーは、範囲が小さい場合、つまり上限と下限の差が小さい場合にのみ推奨されます。そうしないと、大きな差がある場合に、スライダーで正確な値を選択することが困難になります。

そのようなインターフェースを設計するときは、開発の取り組みと、そのような設計がバックエンドでデータベースに複製できるかどうかも考慮する必要があります。各フィルターについて説明しましょう:

給与

給与の範囲を1から10、11から20などのセクションに分割して作成することをお勧めします。これは、上限を設定するのが難しいためです。一度、上限を高くすると、指定された小さな領域で範囲スライダーを使用することが難しくなります。したがって、範囲付きのドロップダウンが適切です。

年齢

あなたは下限と上限を知っていて、それらの間の差は大きくないので、年齢はスライダーになる可能性があります

セックス

あなたはトランスジェンダーをどのように扱いますか?また、企業が求人情報を投稿するときは、通常、性別フィールドで「すべて」または「すべて」を選択します。あなたもそれを処理する必要がありました。ラジオボックスではこれを行うことはできませんが、フィールドを選択しないでおくようユーザーに提案できるため、ここではドロップダウンまたはチェックボックスの方が適しています。注意すべきもう1つの点は、ラジオのチェックボックスは、ドロップダウンと比較してより多くのスペースを占めることです。

勤務時間

値は2つしかないので、チェックボックスを使用するとよりうまくいきます。

国と都市:

セカンドスクリーンのデザインを優先します。長いリストでの検索は優れた機能です。これにより、ユーザーがリストを下にスクロールして選択を見つける必要がなくなります。

宿泊

このオプションにはどちらか1つの選択肢があるため、ラジオボックスを使用することをお勧めします。

余談ですが、宿泊、勤務時間などの必要なフィールドに「すべて」または「すべて」のオプションを追加してみてください。

1
K K