web-dev-qa-db-ja.com

複数のステップフォームを垂直または水平に配置する必要がありますか?

私は4ステップの保険フォームをデザインしています。

  1. 詳細を入力してください
  2. 見積もりを見る
  3. などなど.

垂直方向のステップを実行した理由を誰かが尋ねました(つまり、ステップ1を完了し、新しいページのステップ2に移動します)。

これで、ユーザーはスクロールを気にせず、長いページでも大丈夫です。代わりに垂直ステップとして実装すると、パフォーマンスが向上しますか?つまり、ステップ1を完了すると、代わりにユーザーをページの下に移動しますか?

6
Anon

フォームの複雑さに依存します。各ステップに含まれる質問が最大3〜4個で、ほとんどの質問が自明でわかりやすい場合、つまりヘルプテキストをあまり必要としない場合は、代わりにフォームを垂直ステップとして実装する必要があります。これにより、ユーザーは数回クリックするだけで済みます。それ以外の場合は、ページごとに1つのステップを選択できます。

3
donysukardi

ユーザーがスクロールを気にしないと言うのは基本的に正しいが、NNGroupが指摘するように:

Webユーザーは、80%の時間をページの折りたたみの上にある情報を見ることに費やしています。ユーザーはスクロールを行いますが、スクロールせずに見える範囲の20%だけを割り当てます。 ( http://www.nngroup.com/articles/scrolling-and-attention/

同じ記事で、ページングよりスクロールする方が(記事では) "であると指摘しています。断片化された記事の次のページに移動しないでください」

私はそれから結論付けます:

  • 記事-スクロールを使用します。
  • ステップバイステップフォーム-ページングを使用する

これらはもちろん静的なルールではありませんが、良い出発点となります。

彼の答えで述べられたdonysukardiのように、それはあなたのフォームの複雑さに大きく依存します。 ウィザードパターン は、すべてのステップが同じページにある場合にも機能します(水平または垂直に配置されているかどうかは関係ありません)。もし

  • ステップは論理グループまたは機能グループに分けられています
  • nextおよびpreviousナビゲーション要素を提供し、
  • あなたは可能な限り少ないステップを持っています

大きな問題に直面することはありません。しかし、個人的には、私は標準的な方法で行きます。

1
Lovis