質問: 検証が不完全な場合、フォームの[続行]ボタンを無効にする必要がありますか? フォームでは、必要なフィールドがすべて入力されるまで「続行」ボタンが非アクティブであることがよくあります。 download bmml source – balsamiq mockups で作成されたワイヤーフレームこれは実際にはユーザーの助けですか、それとも邪魔ですか?このproは、フォームへの入力やエラーの処理が完了していないことをユーザーに視覚的に示すものだと思います(インライン検証を行っても、実際に操作したことがない場合はユーザーに通知されないためです)フィールドなので、その時点でのエラーは表示されません)。しかし、この場合の主な欠点は(これもユーザビリティテストで判明したことです)、ユーザーがボタンをクリックできない理由が混乱することです。検証が完了するまで[続行]ボタンを無効にするパターンは、実際に否定的なユーザーエクスペリエンスを提供していますか?
回答: 「続行」ボタンが非アクティブになることがよくあります これはかもしれないと思うfalse。読む!価値のあるものとして、私は現在人気のあるwebサイトのサインアップフォームに関するいくつかの古い調査を更新していますが、ごくわずかな割合(約5%以下)で[送信]ボタンを無効にしていることがわかりました(それが最終的なものかどうかsign upまたはacontinuetype button)は、データが「有効」と見なされるまで続きます。非常に多くのフォームを調査した後、送信ボタンが無効になっていると、invisible動作ではなく、noticeable動作になります。これが、実際よりも頻繁に見ているようなfeelかもしれないと思う理由です。ボタンが無効になっているという追加の問題もあります。フォームが同時にユーザーの注意をそらすことなくオンザフライでデータを検証するという驚くべき仕事を行わない限り、ユーザーが何が悪いのかを見ることができなくなります。コンテンツ。これを容認できるサイトの1つはbbc id用ですただし、有効なものと無効なものをオンザフライで例外的に明確にします。ボタンを無効にするサインアップフォームのもう1つの注目すべき例はmailchimpですbutpasswordが受け入れられるまでそれを無効にします-フォーム全体ではなく、パスワードを入力してボタンを有効にすることができます。フォームに他の有効なデータはありません。彼らは、フォームの送信を検討する前に、絶対に正しいパスワードでなければならないことを明確に理解しています。残りのデータは送信時に検証できます。ログイン用の送信ボタンを無効にすることはありません。mailchimpサインアップフォームは、私の意見では、多くの点で非常に優れています。godaddyは、送信ボタンを無効にするサイトの3番目の例です。ただし、ここでは、データがすべてvalidになるまでボタンを無効にしません。フィールドは空白以外にする必要があるため、各フィールドに1文字ずつ入力します。ここで無効化されたボタンは、ユーザーが無効フィールドではなくミスフィールドを見つけるのに役立ちます。要約すると:すべてのデータが実際に有効になるまでボタンを無効にしたい場合は、フォームは非常に短くする必要がありますおよび例外的に十分に検証済み)その場で。長い形式では何が問題なのかが不明確になり、必要な検証レベルがすべてのフィールドで過度に煩わしくなります。そうすることであなたは小さな少数派になるでしょう、特に完全な検証のために-あなたがそれを「しばしば」見るという感覚が何であれ:)