web-dev-qa-db-ja.com

必須フォームフィールドにラジオ/チェックボックスを使用できますか

私は、通常のユーザーログインに加えて、アプリケーション内の複数のエンティティの作成に関連する多数のフォームを含む管理側の機能を備えたWebサイトの設計に取り組んでいます。要件では、フォームの保存中に必須フィールドが欠落している場合はエラーが発生するはずです。

例:フィールドFrequencyには3つの値から選択できます-DailyWeeklyおよびMonthly

オプション1

デフォルト値「select」を持つ必須の選択入力を使用し、フォームの保存時に入力されない場合はエラーを表示してエラーを表示します。ここで、目的のオプションを選択するには2クリックが必要です。

enter image description here

オプション2

ラジオボタンを使用し、デフォルトのオプションの1つに設定する(NN/gの記事 ラジオボタン:デフォルトで1つを選択するか、すべて未選択のままにしますか? は、常に試行するデフォルトで1つのラジオボタンを選択します)。ここで、フォームの入力中にこのフィールドが欠落している場合、必須フィールドのエラーメッセージは表示されません。

enter image description here

どのオプションが正しいアプローチでしょうか?代替ソリューションはありますか?

4
Akhil Ashok

TL; DR:
概要:オプションが3つしかない場合、ラジオボタンの方がドロップダウンより概要が優れています。

事前に選択されたデフォルト:1つのオプションが主にユーザーによって望まれていますか?じゃやれ。
ここでの選択は本当に重要であり、3つすべての選択が等しく望ましいですか?その後、それをしないでください。
または、代わりにドロップダウンを保持して、ラジオボタンのガイドラインに違反しないようにします。


通常、選択項目のオプションの量がoverseeableの場合、ラジオボタンの方が優れています
(参照のためにこの同様の質問を参照してください: ラジオボタンまたはオプションの同じリストのドロップダウン

しかし、正確なUXアドバイスは、常にコンテキストに依存しています。この質問 ドロップダウンvsラジオボタン は、いくつかの非常に洞察に満ちた答えを提供します。基本的に、ラジオボタンは他のオプションをより強調し、選択を容易にします。

そして、あなたと他のソース( ラジオボタンを事前に選択する必要がありますか? )が指摘しているように、1つデフォルトオプションはほとんど常にを選択したい
しかし、それはユーザーの生活を楽にすることです。あなたが参照したNNグループの記事が指摘しているように

一連のラジオボタンの選択肢が最も望ましい、または頻繁に選択されることがわかっている場合、デザインでデフォルトでこれを選択すると非常に役立ちます。

これら3つのオプションのうち、支配的なものは1つですか?すべてのユーザーの約60〜80%が選択するオプションです。もしそうなら、それは理にかなっています。

しかし、3つすべてが同等に望ましい場合、および決定が結果に大きな影響を持っている場合、ユーザーはオプションを慎重に選択できるはずです。 必須項目のポイントは、それをユーザーに実際に指摘することではありませんか?選択が非常に重要であるが、すでに選択している場合は、システムはユーザーの目に非常にエラーが発生しやすい。

したがって、実際にアプリケーションのコンテキストを考慮に入れて、ユーザーにとって最適なものを慎重に決定する必要があります。

1
Big_Chair

このいくつかのオプションがある場合は、それらをラジオとして表示することを常にお勧めします。このようにして、ユーザーは1回の瞬きでどのようなオプションがあるかを確認できます。選択では、ユーザーはクリックする前に何を期待するかわかりません。

ドロップダウンを選択:他のオプションが重要ではない長いリスト(国など)。

Radios:他のオプションも重要な短いリスト(推奨されるオプションなど)。ヒント:ラジオオプションは行ではなく列に配置する必要があります(読みやすく、読みやすくなります)。

事前選択について:これは、システムにとって正しいデータがいかに重要であるかにかかっています。事前選択とは、ユーザーがそれに気付かずに(したがって、デフォルトのままにして)読み取ることができることを意味します。ユーザーから送信された情報が正確で完全であることを確認したい場合は、無線を最初に選択解除しておく必要があります。

0
laEm

*(必須フィールドを示す)があり、事前に選択された値がないラジオボタン。

0
Ayush

drop-downを使用すると、ユーザーからオプションが非表示になります。これに加えて、追加のクリックが必要です。

チェックボックスの代わりにradioボタンを使用したいと思います。理由は、オプションを非表示にせず、ユーザーが追加のクリックをする必要がないためです。事前選択された値のないラジオボタン。

「*」を追加すると、ユーザーはこれが必須フィールドであることを知ることができます。

enter image description here

0
NB4