web-dev-qa-db-ja.com

動的な必須フィールドの検証

50程度の要素を持つフォームがあるとしましょう。これはデータ入力フォームであり、標準化された業界の事務処理に基づいてユーザーが期待する形式です。

私の質問は、以前の選択に依存する必須フィールドを無効化/グレー表示するか、表示/非表示にする必要があるのですか?

無効なフィールドのある安定した画面、または動的にビルドする画面がジャンプする方が良いですか?ユーザーベースからさまざまな結果が得られます。

5
rick schott

50要素程度

ユーザーが標準に基づいて期待している形式

これらの基準に基づいて、私は安定した画面を提案します。形式をよりWebに適したものに自由に変更できない限り、私はフォームにWeb固有の手法(展開/折りたたみ)を適用しません。

これは、以前の仕事で、多くの紙ベースのフォームをWebベースに変換し、同じコピーと指示を維持することに基づいていると思います。幸運を!

7
cbosco

フォームが動的な場合は、グレー表示され、無効になっているのが最適です。灰色表示は、フィールドが無効になっていることをユーザーに示し、タブで移動できないことで、何も入力できない理由についてユーザーを混乱させません。

ユーザーのフォームを動的に変更しすぎないようにすることをお勧めします。ユーザーが何かを選択すると、エリアの非表示/表示は問題ありません(たとえば、ユーザーがボックスをチェックしてから、新しいエリアを表示して住所などの追加データを入力する場合)。これは、(フォームのセクション全体を表示するなど)やや圧倒されすぎて、現在選択に基づいている場所の上に表示するような場合に特に混乱する可能性があります。

結局のところ、答えはユーザーベースに頼るのが一番です。彼らにあなたが試しているどんなアイデアでもテストしてもらいます。フォームのテスト対象者のように考えてください。彼らがそれを気に入ったら、あなたはそれを釘付けにして次に進みます。そうでない場合は、彼らが好まなかった点と(さらに重要なことに)理由についてフィードバックを得る。その後、繰り返し、改善して、もう一度やり直してください。

2
Bil Simser

形が大きく変わってしまうと気に入らない。ユーザーはフォームを知っているので、使い慣れた外観を提供していただければ幸いです。システムに慣れ、快適に感じるまでの時間が短くなります。

該当する場合は、フォームをいくつかのセクションに分割し(「次へ」を使用)、各セクションで以前の選択に基づいて必要な質問のみを尋ねることができます。

米国ビザ申請フォームをチェックアウトできます。彼らはPDFフォームを使用するので、印刷されたバージョンとまったく同じように見えます。すべての部分は表示されますが、入力する必要のない部分にはアクセスできません。

2
idophir

この問題についてA-Bテストを準備して提供することをお勧めします。すべてはユーザーの好みや習慣に依存し、サービス/アプリケーションの使用シナリオと密接に関連しています。

0
rafał grabie