私は、保険商品のサインアップの手順をモバイルに移行することを計画している生命保険会社に相談しています。これは7 "タブレットデバイスでモバイルになります(例:Nexus 7、1920×1200)ピクセル解像度。
そのため、通常、エンドユーザーは潜在的な購入者に連絡を取り、製品を売り込みます。購入者が売れた場合、購入者は顧客のために製品を購入します。
受け入れ基準は次のとおりです:クリック数の減少および取得画面の不動産の利点混雑しないように十分なスペースを確保しながら.
たとえば、この画面には全体として組み込む要素がたくさんありました。
マテリアルデザインを使用すると、これはスクロール可能なフォームとしてはるかに良く見えます。エージェントは、それに応じてスクロールできますが、要素が密集することを強いられることなく、優れたエクスペリエンスを提供しながら、現在のページと同じように感じることができます。
これで、私がここで達成しようとしていることの基本的な考え方がわかったので、私には課題があります。
バイヤーが持つかもしれない健康上の問題を明記する紙に詳細に行くフォームがあります。これらは非常に詳細であり、ほとんどすべての行にトグルがあり、トグルがオンに設定されている場合、別のセクションをアクティブにする可能性があります。
例えば:
これにどのように取り組みますか?
入力時にデータを保存しない限り、フォームを数ページに分割することをお勧めします。そうすれば、サーバーにデータを保存できるため、ブラウザーがクラッシュしたり、タブレットの電力が不足したりしても失われることはありません。これにより、ユーザーは再び巨大なフォームに入力する必要がなくなります。
実際にフォームをかなり多くの特定のページに分割し、次のページをプリロードし、スワイプしてページ間をすばやくめくる感覚でアクセスできるようにすることができます。
あなたは自然言語の形のようにそれをやってみることができます。これは、長い形式を読むのが面白そうな文章の段落に変更することを意味するので、少し難しいかもしれません。
例えば http://tympanus.net/Tutorials/NaturalLanguageForm/
自然言語フォームの良い点は、これがフォームのように感じられないことであり、ユーザーが読みながら入力するのが簡単です。