質問: フォームの送信ボタンを無効にするか、送信を許可してからエラーを表示しますか? webベースの医療アプリケーションの一部として、いくつかの異なるフォームがあります。これらのフォームにはかなりの数のフィールドがあります-フォームにもよりますが10-20です。それぞれに少なくとも5つほどの必須フィールドがあります。現在、必要なフィールドがすべて入力されるまで、保存ボタンを無効にしています。すべての必須フィールドに入力する前に送信ボタンがクリックされた場合、デフォルトで送信ボタンを有効にしてからエラーメッセージを表示(および欠落している必須フィールドをハイライト表示)する方がユーザーエクスペリエンスが優れているかどうかについて議論してきました。何が良いのかについての調査や健全な意見はありますか?フォームがかなり長いため、後者のアプローチに傾いています。フォームを送信してエラーを見つけることは、ボタンが有効になっていない理由を確認するためにフォームを検索する認識負荷よりも効率的かもしれません。
回答: 送信ボタンを無効にすることによる問題(imo)と、おそらく、javascriptのようなメッセージの検証と表示を使用することによる問題は2つあります。まず、ユーザーはページ全体を再スキャンして、何が無効であるかを特定し、何かが間違っていることに気づく必要があります。これは認知負荷が高く、適切なメッセージを表示することが非常に困難です。ただし、2番目に、より複雑な検証(つまり、複数のフィールドにまたがる)であり、入力と同時に検証を行うと、ユーザーはエラーメッセージが点滅するか、現在入力していないフィールドにメッセージが表示されます。「進行」できるボタンが欲しい-変更を送信し、入力を検証して、次に進む。それは私がやりたいことのように感じます。ボタンを無効にすることは、これが実行可能なアクションではないことを示します。つまり、フォームの送信(検証および続行)は、私が期待するものではありません。明確に示されている場合、required入力のボタンを無効にしても問題ありませんが、invalid入力の場合は無効にならないことがあります。もちろん、私見、すべて!!!