web-dev-qa-db-ja.com

モバイルフォームでの自動スクロールは良い習慣ですか?

デスクトップとモバイルで動作するようにWebサイトでアプリケーションフォームを作成しています。フォームはかなり長いです。モバイルバージョンの場合、画面の下部にあるフィールドへの入力が完了すると、クライアントは次のフィールドへの自動スクロールを要求します。

では、フォームに15個のテキストボックスがあり、最初に着地したときに画面に収まるのは3個だけだと想像してください。次に、画面の下部にある3番目のボックスに到達するとします。彼らは画面を次のフィールドに自動スクロールすることを望んでいます。テキストボックス#4は画面の上部にあり、#5と6が表示されます。フォームの最後に到達するまで繰り返します。

私の質問は-それは良い習慣ですか?画面を数ボックスごとに一番上までスクロールします。ユーザーは自分でスクロールする必要がないように、この方法を望んでいます。しかし、自分でスクロールすることの何が問題であるかはわかりません。ユーザーがフォームがどこにでも飛び回っているのか混乱するのではないかと心配しています。何かご意見は?

4
user2903379

私はそれが必要であるとは思わない Tab デスクトップ/ PCのボタンは、カーソル/フォーカスを次のアクションに移動するタスクを実行し、モバイルデバイス(適切にコーディングされている場合)では、スクリーンキーボードにNextボタンが表示されます。

UXfrom12が非常に正確に言及されているように、ページ上の移動が入力フィールドに入力した結果が予期された結果ではないため、一部のユーザーにとって自動スクロールは当惑する可能性があります

私はそれに対して助言します

1

ユーザーに代わって、ユーザーに何を与えているのか、フォームがユーザーが予期していないアクションを実行することによって引き起こされる可能性のある混乱について自問してください。

混乱を招く可能性のある自動化されたアクションを実装するよりも、ユーザーが指でスクロールするのは十分簡単です。

個人的に私はこれを実装しません。

0
DarrylGodden

Survey Monkeyはそれを使用しています

1つの引数forこのパターンは、- SurveyMonkey が調査で使用するパターンです。そしてあなたが知っているように、彼らは世界最大のオンライン調査会社です。彼らはこれを徹底的にテストしたと思いますので、このパターンには潜在的な可能性があります。

survey monkey auto switching questions

ただし、2〜3ではなく、一度に1つの質問しか表示されません。

自動スクロールパターンの利点:

  • ページから不要な混乱を取り除きます
  • 他の質問を誤ってクリックする可能性を減らします。

調査のためのモバイル最適化 から取得:

スクロールすると、ページの下部にある質問に回答しようとするときに、回答者が誤った回答オプションをクリックしてしまう可能性があります。

欠点:

  • 質問を順番どおりに入力しない場合(質問1、次に質問14、次に質問4)、ユーザーは自動スクロールと戦うため、適切ではありません。

試してみて、テストしてください

私の経験から、このパターンについてユーザーからの肯定的なフィードバックしか聞きませんでしたが、できることはテストすることです!すべてのアプリには異なるコンテキスト、ユーザー、および目標があり、このパターンがアプリケーションでどのように動作するかをテストする必要があります。試してみることをお勧めしますが、画面には一度に1つの質問しか表示されません。

0