web-dev-qa-db-ja.com

長いフォームを魅力的なものにする方法は?

アプリケーションの1つのセクションに30を超えるフィールドがあるフォームでは、これらの30以上のフィールドを他のセクションと一緒に2つの部分に分割することはできません。

このような長い形式は、ユーザーにとって本当に疲れるものです。私は他のUXデザイナと一緒に、この長い形式をアプリケーションが必要とする基本的な基準に分解するために通常最善を尽くします。ただし、この場合、フォームを短くすることはできません。

私の質問は、ユーザーにこの30以上のフォームに不満なく記入してもらうにはどうすればよいですか。また、この質問に答えるときは、ウェブ、タブレット、モバイルを考慮してください。

8
Cathal O' Kane

まず、ユーザーが入力したデータが一時的に保存されていることを確認します。セッションがタイムアウトになったか、誤ってページを離れたために、長いフォームに記入するだけですべてが消去されるのは恐ろしいことです。

インライン検証を使用することを検討してください。彼らはひいきにしたり、あまりにも愛すべきではありません。しかし、進行状況がパーセンテージで、「このフォームは長いと理解しており、それを完了するためのあなたの忍耐に感謝しています。あなたは半分以上の作業を終えています。」と共感を示しています。痛みを和らげるかもしれません。

できる限り、フォーム内の関連する要素を視覚的に分離してグループ化してください。方法は常にあります。それが数ピクセルのスペースであろうと、交互のセクションでの色の微妙な変化であろうと。特にアライメントとフィールド長に注意してください。すべてのフォームは適切に設計されている必要があります。モノリシックバージョンの場合、これは2倍になります。

モバイルとは、小さな画面のことです。検証を使用している場合は、下部の特定の問題の近くで言及することをお勧めします。そうでない場合、ユーザーはフォームを探し回る必要があるか、フォームが送信されない理由が示されていない場合に不満を感じる可能性があります。これは、フォーム全体を一度に表示できない場合に悪化します。

5
Stonetip

長い形式で高いコンバージョン率を得る際のいくつかの推奨事項:

  1. ユーザーにわかりやすいラベルを付けます彼らに(多くの)考えさせないで、言語と口調に取り組みます
  2. フィールドを論理的にグループ化します。したがって、ユーザー
    a)いくつかの側面(住所、連絡先など)に焦点を当て、
    b)一連のフィールドに入力した後、残りの部分を持っている、
    c)作業の一部が完了したときに楽しむ
  3. 最も簡単なフィールドを最初に配置(ロジックを壊さない場合)。最も簡単なフィールドでは、フォームへの入力を簡単に開始できます。これは「投資効果」です。いくつかの作業が行われると、継続の可能性が高まります
  4. スマートデフォルトを使用ユーザー入力を最小限に抑える
  5. 入力よりも選択を優先(可能な場合)ユーザーの入力を最小限に抑える
  6. 使用状況インジケーター、特にモバイルでは、不動産が限られているため。これにより、ユーザーの期待を設定できます。デスクトップではより明白です
  7. 正直に、ユーザーに警告するフォームへの入力に(おおよそ)どれくらいの時間がかかるかについて
5