確認画面は、付いているだけで使いやすくなるものではありません。送る前に見直したい内容があり、間違いを見つけた時に入力へ戻って直せるかで考えましょう。短い相談なら入力した画面で見渡す案、条件が多い見積依頼なら送る内容をまとめて確認する案が考えられます。確認の一段を増やすことと、確認しやすくすることを分けて決めます。
ここでは、堺市の設備会社がフォームを改修する場面を仮定します。簡単な相談と、対象設備や希望条件を選ぶ見積依頼があります。どちらにも同じ確認画面を付ける前に、間違いが起きる場所と、訂正する時の操作を比べます。
何を見直すための画面かを先に決める
確認画面を付けたい理由が「念のため」だけなら、実際に見直す項目を挙げてみます。返信先のメールアドレスか、選んだ設備か、相談本文か。送る前に並べて見たい情報が分かると、別画面が必要か、入力の近くに内容をまとめれば足りるかを検討できます。
確認画面は、入力した内容を読み返す場所です。現場の状況が合っていることや、会社が対応できることまで判定する場所にはしません。まだ設備を特定できない相談は、その状態を伝えられるようにしておきます。見直す場所があっても、利用者が知らない情報まで確定させる必要はありません。
短い相談・条件の多い依頼・添付で比べる
この会社なら、次の三つで画面の案を比べられます。一律の採否ではなく、各フォームで何を確認したいかを決めるための比較です。
| 相談の形 | 送る前に見直すもの | 検討する確認方法 |
|---|---|---|
| 短い質問 | 返信先と相談本文 | 入力した場所で全体を見渡す案と比べる |
| 選択が多い見積依頼 | 対象設備、選んだ条件、未定の項目 | 送る条件をまとめ、訂正先へ戻れる確認画面 |
| 写真を添える相談 | 選んだファイルと、説明の対応 | 添付の一覧や表示方法、戻った後の選択状態も確認する |
確認画面に進んだら、選択肢の意味や単位が分からなくなる案は避けます。例えば選んだ機器だけを表示するのでなく、入力時と同じ項目名で示します。入力中に内容の要約を置く場合も、選び直した結果がそこへ反映されるかを確認します。前の選択が残る要約では、見直す材料になりません。
一か所を直し、もう一度確認できるか試す
確認画面を設けるなら、「入力内容を修正する」などの操作で戻り、一か所だけ直す流れを試します。入力した文章やほかの選択が消えて、初めからやり直す状態にならないかを見ます。戻った先で直す項目を探せることも必要です。
W3CのWAIチュートリアルでも、複数段階のフォームでは現在の段階を伝え、完了した段階を見直せるようにする場合は、入力済みのデータを保持する考え方が示されています。確認画面を増やす時は、今どこにいるかと、戻っても作業を続けられるかを一緒に考えます。
添付ファイルは、文字の入力と同じように残ると決めつけず、採用する仕組みで挙動を確認します。選び直しが必要なら、その場で案内し、添付されていない状態を見分けられるようにします。画面にファイル名が出ることと、送信後に会社側がファイルを受け取れることも、別々に試します。
- 返信先だけを訂正し、相談本文とほかの選択が残るか。
- 条件を変更して確認へ進み直すと、変更後の内容になるか。
- 添付を選び直した場合、確認内容と会社側が受け取るものが一致するか。
- スマートフォンでも、訂正と送信の操作を区別できるか。
確認の次と、送信できた後を区別する
確認画面へ進む操作は「入力内容を確認する」、最後の操作は「この内容で送信する」など、次に起きることを表す言葉でそろえる案があります。「次へ」が続くだけでは、どこで送るのかが伝わりにくくなります。確認まで進んで終わってしまう箇所がないかも、画面を通して見ます。
送信後は、確認画面をそのまま見せるのでなく、受付できたことが分かる案内を用意します。送った内容の控えを表示するか、メールでも知らせるかは、扱う情報と運用に合わせて決めます。控えは送信前の訂正を代わりに行うものではなく、受付ができたことも、見積や対応が確定したこととは分けて伝えます。
完成前には試験用の内容で、入力、確認、訂正、送信、会社側の受信まで通します。送信結果が分からない時に、利用者が同じ相談を繰り返し送ってしまう場面も確認します。画面だけで判断せず、実際に受けた内容と照合する範囲まで依頼に含めましょう。
短い相談と、条件を選ぶ見積依頼があります。送信前に何を見直すかを整理し、確認画面が必要か比べたいです。確認から一か所だけ訂正して戻る操作、添付の状態、最後の送信と受付案内まで、試験用の内容で確認する改修を相談したいです。
みやあじよでは、事業のお話を伺い、ホームページの内容や構成・デザインを整理するところから制作をご相談いただけます。堺市で、問い合わせフォームの改修を相談するから、現在のURLや入力で気になることをお聞かせください。比較表や入力項目が整理できていなくてもご相談いただけます。残したい機能と直す操作を確認し、必要な制作範囲を考えます。
参考資料
- W3C WAI：Multi-page Forms（段階の案内と、完了した段階を見直す時の入力内容の保持について参照）
