web-dev-qa-db-ja.com

どうすれば非常に長い申し込みフォームをモバイルWebサイトに分割できますか?

このフォームが尋ねる質問の数が法的/ビジネス上の理由で固定されている場合(銀行のローン申し込みフォームです)、一口サイズのチャンクに分解するための良い方法は何ですか?

私が見る2つのオプションは、ページングされるか、垂直アコーディオンのようなものです。個人的には、ロードに時間がかかる複数のページにまたがるフォームは好きではありません。また、1マイルも長いフォームは好きではありません。

10
bernk

情報フィールドをカテゴリーにグループ化し、カテゴリーを進行状況インジケーター/ページカウンターのある複数ページのフォームに配置します。埋められたすべてのページは、ユーザーが戻って後で終了できるように、バックエンドまたはキャッシュに永続化する必要があります。

1
Justjyde

私は最近、このようなフォームを設計しましたが、1つのビューが多すぎてユーザーを驚かせ、サインアップを妨げる可能性があるため、サインアップおよびソフトウェアインストールウィザードでした。

そこで、オプション/質問をスライドにまとめました。次に、前/現在のスライドの質問に答えたら、jsに次のスライドに移動させます。

それらは2〜3の関連する質問にグループ化されました。

0
IMUXIxD

実際には、UI(および質問)の応答は可変であり、 性別と年齢の両方に基づいています

古い世代にアピールするフォームをデザインするには、周辺情報を回避する必要があります。これは、Apple偶然に遭遇した設計上の決定です。SteveJobsの合格により、Appleマーケティングは を試みているようですこの「発見」を利用する

だから-それを分解する良い方法は何ですか?

それはあなたの人口統計学に依存します。

  • 若いユーザーは、小さなチャンクに対してより寛容になります。
  • 年配のユーザーは、小さなチャンクを周辺情報(および注意散漫)情報として解釈します。

アプリケーションの放棄を減らすことが基本的な問題である場合、主要な人口統計に関連する優れたデザインがフォームの完成度を高めます。

お客様がすでにプロセスにコミットしていて、それがたまたまオンラインで行われる必須プロセスである場合はどうなりますか?そうすれば、UXは単なるUIの好みだけではありません。

0
David Clarke

長い形式は、アコーディオンスタイルでさえうまく行きません。各パーツの下部にあるタブを使用して、その特定のパーツが完成したかどうかを確認する小さなチェックを付けます。

0
Isaac