書きかけの相談を失わないために。当サイトのフォーム改善記録

NOTE 01

「また最初から」を減らす設計にする

相談を書いている途中で、別の仕事に呼ばれる。スマートフォンで資料を確認して戻る。そうした場面でも書き直す負担を増やさないことを狙い、当サイトの問い合わせフォームを改修しました。これは設計の仮説であり、離脱した方への聞き取りで理由を確定したものではありません。

対象は当サイトのフォームです。受付先のGoogleフォームは維持し、名前とメールアドレスの二項目だけを必須にしました。相談本文は任意で先に置き、会社名や相談種別も任意にしています。詳しく書くことを、相談を始める条件にしない構成です。

NOTE 02

入力の再開と、保存しない選択を用意する

一時保存を有効にすると、同じタブ内に下書きを保存し、再読み込み後に戻します。期限は最後に入力内容が変わってから最大24時間。画面を見直しただけで期限が延びない設計です。保存をオフにするか下書きを削除すると、保存分を消し、開いている入力欄は残します。

別端末や別ブラウザへの引継ぎ機能ではありません。ブラウザの制限で保存できない場合は、その旨を表示して通常の入力を続けられます。期限切れも開いている文章を突然消す処理にはせず、保存の状態と現在の入力を分けています。

表が画面に収まらない場合は、横にスクロールできます。

NOTE 03

入力エラーと、受付結果を混同させない

送信時に未入力やメール形式の問題があると、該当欄の近くに理由を示し、最初に修正する欄へ移動します。名前やメールの自動入力も使える設定を維持しました。インターネット未接続を検知した場合は送信を止め、入力内容を残して案内します。

有効な入力は、ブラウザから既存のGoogleフォームへ送り、新しいタブで実際の受付結果を表示します。元のページだけでは受付を確認できないため、送信操作直後に成功とは表示しません。入力は残し、利用者が受付結果を確認した後に消せるようにしています。

NOTE 04

公開された機能と、検証の範囲を残す

改修時には、下書きの復元・期限・保存停止、エラー修正、送信操作後の入力保持を自動テストとブラウザ操作で確認しました。スマートフォン相当の幅でも表示を確認。ダミー情報の送信はローカルの確認用受け口で行い、本番Googleフォームへの試験送信はしていません。

公開時のファイル照合記録に加え、この記事の作成時にも公開中のフォーム用スクリプトを取得し、手元の実装との一致を確認しています。これは機能が公開されている証拠です。実際のお客様が再開できた件数、Google側の受付件数、問い合わせ率や受注への効果を示すものではありません。

• 実物は当サイトの問い合わせ欄で確認できます。確認だけなら送信する必要はありません。
• 入力内容を解析用イベントやURLに含めない設計です。計測サービス側の受信結果は別途確認が必要です。
• タブを隠した操作は離脱確定とせず、送信操作と受付・受注も分けて扱います。