私は、通常のユーザーログインに加えて、アプリケーション内の複数のエンティティの作成に関連する多数のフォームを含む管理側の機能を備えたWebサイトの設計に取り組んでいます。要件では、フォームの保存中に必須フィールドが欠落している場合はエラーが発生するはずです。
例:フィールドFrequencyには3つの値から選択できます-Daily、WeeklyおよびMonthly。
オプション1
デフォルト値「select」を持つ必須の選択入力を使用し、フォームの保存時に入力されない場合はエラーを表示してエラーを表示します。ここで、目的のオプションを選択するには2クリックが必要です。
オプション2
ラジオボタンを使用し、デフォルトのオプションの1つに設定する(NN/gの記事 ラジオボタン:デフォルトで1つを選択するか、すべて未選択のままにしますか? は、常に試行するデフォルトで1つのラジオボタンを選択します)。ここで、フォームの入力中にこのフィールドが欠落している場合、必須フィールドのエラーメッセージは表示されません。
どのオプションが正しいアプローチでしょうか?代替ソリューションはありますか?
TL; DR:
概要:オプションが3つしかない場合、ラジオボタンの方がドロップダウンより概要が優れています。
事前に選択されたデフォルト:1つのオプションが主にユーザーによって望まれていますか?じゃやれ。
ここでの選択は本当に重要であり、3つすべての選択が等しく望ましいですか?その後、それをしないでください。
または、代わりにドロップダウンを保持して、ラジオボタンのガイドラインに違反しないようにします。
通常、選択項目のオプションの量がoverseeableの場合、ラジオボタンの方が優れています
(参照のためにこの同様の質問を参照してください: ラジオボタンまたはオプションの同じリストのドロップダウン )
しかし、正確なUXアドバイスは、常にコンテキストに依存しています。この質問 ドロップダウンvsラジオボタン は、いくつかの非常に洞察に満ちた答えを提供します。基本的に、ラジオボタンは他のオプションをより強調し、選択を容易にします。
そして、あなたと他のソース( ラジオボタンを事前に選択する必要がありますか? )が指摘しているように、1つデフォルトオプションはほとんど常にを選択したい。
しかし、それはユーザーの生活を楽にすることです。あなたが参照したNNグループの記事が指摘しているように
一連のラジオボタンの選択肢が最も望ましい、または頻繁に選択されることがわかっている場合、デザインでデフォルトでこれを選択すると非常に役立ちます。
これら3つのオプションのうち、支配的なものは1つですか?すべてのユーザーの約60〜80%が選択するオプションです。もしそうなら、それは理にかなっています。
しかし、3つすべてが同等に望ましい場合、および決定が結果に大きな影響を持っている場合、ユーザーはオプションを慎重に選択できるはずです。 必須項目のポイントは、それをユーザーに実際に指摘することではありませんか?選択が非常に重要であるが、すでに選択している場合は、システムはユーザーの目に非常にエラーが発生しやすい。
したがって、実際にアプリケーションのコンテキストを考慮に入れて、ユーザーにとって最適なものを慎重に決定する必要があります。
このいくつかのオプションがある場合は、それらをラジオとして表示することを常にお勧めします。このようにして、ユーザーは1回の瞬きでどのようなオプションがあるかを確認できます。選択では、ユーザーはクリックする前に何を期待するかわかりません。
ドロップダウンを選択:他のオプションが重要ではない長いリスト(国など)。
Radios:他のオプションも重要な短いリスト(推奨されるオプションなど)。ヒント:ラジオオプションは行ではなく列に配置する必要があります(読みやすく、読みやすくなります)。
事前選択について:これは、システムにとって正しいデータがいかに重要であるかにかかっています。事前選択とは、ユーザーがそれに気付かずに(したがって、デフォルトのままにして)読み取ることができることを意味します。ユーザーから送信された情報が正確で完全であることを確認したい場合は、無線を最初に選択解除しておく必要があります。
*(必須フィールドを示す)があり、事前に選択された値がないラジオボタン。