ランディングページ:正確な説明と利用しやすい導線

要点

ランディングページは提案内容と次の行動を明確にします。目立つボタンや短いフォームだけで成果は保証されません。

架空の場面:暗い机の上に抽象的なページ構成を描いたクリップボード、鉛筆、画面を消したスマートフォン
この記事の内容

ランディングページは提案内容と次の行動を明確にします。目立つボタンや短いフォームだけで成果は保証されません。

確認できる情報を載せる

訴求を実際の提供内容と一致させ、条件と操作後の流れを示します。ロゴ、評価、数値は出所と利用権を確認します。イメージ画像は顧客案件の実績証明ではありません。判断に必要なリンクも残します。

完了と修正を支援する

項目にラベルを関連付け、形式と必須条件、分かりやすいエラー、送信結果を示します。キーボード、拡大表示、モバイルで確認します。項目数の固定ルールではなく、手続きに必要な情報を求めます。

確認項目
項目記録する内容
提案条件と確認済みの説明
フォームラベル、エラー、送信結果
利用しやすさキーボード、拡大、モバイル

出典と確認

ランディングページをクリックした後のリクエストを確認してください。

キャンペーンページはユーザーを説得できるかもしれませんが、フォームがタスクの完了を妨げている可能性があります。「送信」ボタンのクリックは、送信が受理されたことや応答が得られたことを示すものではありません。

  • ページの約束と実際に要求されたデータを比較してください。
  • 検証、エラー、確認メッセージをテストしてください。
  • 受理された問い合わせと試みられたクリックを分けて測定してください。

一次資料:W3C WAI — Forms tutorial. 関連する方法:実践ガイドを読む.

通信障害からの復旧

中断した要求がサーバーで実行済みの場合があります。

  • 下書き、送信済み、確認済み、結果不明とその根拠
  • 保存できる項目、場所、期間、削除方法
  • 状態確認、選べる操作、フォーカスの動作
  • 単一の結果、入力の保持、確認済みの通知

接続が戻ったら自動的に再送する?

一律には行わない。申請の状態と重複防止を確認し、状態を確認できなければ不確実性を説明する。

一次資料:W3C WAI — Understanding status messages. 関連する方法:実践ガイドを読む.