web-dev-qa-db-ja.com

マルチステップフォームと単一の複雑なフォーム

物を売るウェブサイトでは、多くの場合、多くの情報を入力する必要があります。これらのタイプのフォームに関して、ユーザーにどのフォームに記入してもらいたいですか?

  • ユーザーが入力する必要があるすべてのフィールドを含む単一のフォーム
  • 各ステップがシンプルで、通常の画面にフィットするマルチステップフォーム

上記について何か経験やテストはありますか?

14
googletorp

ウィザード を使用する場合:

  • ウィザードのステップが収集し、バランスの取れたプロセスでプロセスを分割する機能を持っている
  • 前のステップのデータを処理して次のステップで使用する
  • いくつかの手順を完了して保存し、キャンセル後に復元したい

ライブの例: iPageドメイン登録

form を使用する場合:

  • 混乱なくすべてを1つのページに配置できます
  • 技術的な問題が原因でプロセスを分割できない(たとえば、ユーザーの資格情報と電子メールを1つのステップで持っている必要がある)
  • パフォーマンスが向上します

ライブの例: Google Mailアカウント登録

また、 インテリジェントフォーム の使用を検討してください。

15
Maksym Gontar

進行状況バーを表示するために複数のページを実行する場合は、確認してください。なぜなら、誰もがそれがいつ終わるかを見るのが好きだからです。したがって、プログレスバーを実装しない場合は、単一のページを使用します。それがいつ停止するかをユーザーに感じさせるからです。ユーザーがいつ停止するかがわからない場合、途中で終了する可能性があります。

2
Dair

要点は、フィールドが多いフォームは、少し煩わしいということだと思います。それをいくつかの単純なステップに分割すると、ユーザーは各ステップのフィールドに集中できます。また、後でフォームのフィールドを設定するために以前の回答が必要な場合は、ウィザードまたはマルチステップフォームを使用することをお勧めします。

2
Morteza Milani

それぞれに間違いなくトレードオフがあります。マルチステップのフォームは、ユーザーに複雑さを軽減し、ユーザーが一度に処理する必要がある情報量を減らします。単一のフォームは前に戻ってデータを編集するのが簡単であり、ユーザーが知る必要があるすべての概要をユーザーに提示します。

一般的に、私はマルチステップを好みますが、それについての研究は見ていません。ユーザーが前のエントリに簡単に戻って編集できるようにマルチステップを選択し、戻るボタンと進むボタンが期待どおりに機能し、内容が保持されることを確認してください(そして、理想的には、奇妙なメッセージをポップアップしないでください)再送信についてのユーザー。ただし、これは避けられない場合があります)。

1
Robert Fraser

ユーザーがシステムに精通し、配送とクレジットカード情報を既に設定した後、サイトがマルチステップウィザードから全ページ入力に移行するのでしょうか。

1
JeffO