チュートリアル
Claude Opus 5.5で、修正して先へ進めるフォームエラーを作る
文言を磨く前に、フォームの各失敗と具体的な復帰操作をClaude Opus 5.5で対応付けます。商品サンプルの申込者には、どこを直すか、入力は残るか、申込みは受理されたかが必要です。赤枠と「問題が発生しました」だけでは答えになりません。
文言を磨く前に、フォームの各失敗と具体的な復帰操作をClaude Opus 5.5で対応付けます。商品サンプルの申込者には、どこを直すか、入力は残るか、申込みは受理されたかが必要です。赤枠と「問題が発生しました」だけでは答えになりません。
画像より状態から始める
項目構造、実際の検証規則、サーバー応答の分類、現在の文言を渡し、例には架空データを使います。コミュニティのフォーム評議では、問題の項目を特定し、直しやすくする方法が議論されています。需要の手掛かりであって、アクセシビリティ認証ではありません。
W3Cの通知チュートリアルは、項目、修正方法、該当コントロールへのリンクを示すエラーを推奨します。設計の参考にしつつ、実装はキーボードと支援技術で確認します。
| 状態 | 有用な応答 | 必要な証拠 |
|---|---|---|
| 必須項目が空 | 項目名と入力する行動 | 公開された規則 |
| 形式を拒否 | 受け入れる形式を説明 | 検証器の実動作 |
| サービス停止 | 入力を残して再試行 | 確認済み失敗応答 |
| 結果が不明 | 不確実性を伝え状態確認 | 要求IDか状態API |
| 受理済み | 受領と次の手順を確認 | 成功したサーバー応答 |
タイムアウトを確定した拒否として説明しないでください。安全な再試行機構がなければ、結果不明の送信を繰り返すと重複する可能性があります。モデルには未決の製品判断を指摘させ、バックエンドの保証を作らせません。
架空のサンプル申込みを書き直す
メール、数量、任意の会社名があるとします。メール必須、数量は1〜20の整数という承認済み規則です。「無効な入力」より「1から20の整数を入力してください」の方が行動につながります。空メールには入力を求め、まだ打っていないアドレスを形式違反と責めません。
会社名は任意のままにします。完成感のため電話、メール購読、配達約束を追加してはいけません。失敗時には有効な数量と会社名を保持し、成功後は承認済みの次の手順だけを示します。返信期限を捏造しません。
コピーできる状態点検プロンプト
架空の商品サンプル申込みを点検してください。
項目：メール必須、数量必須で1〜20の整数、会社名は任意。
現在のラベル/文言、検証規則、HTML、記録済みサーバー状態も入力します。
実装情報が足りなければ不明としてください。
表を返します：条件、項目かフォーム全体か、文言、復帰行動、
保持する値、フォーカス/通知動作、受入試験。
任意項目を任意のままにし、失敗後も有効な入力を残します。
サーバー成功前に成功表示を出さないでください。
確定拒否、サービス停止、結果不明を区別します。
実装の証拠なしに重複しない再試行を約束しません。
短い文言と必要なHTML関連付けを示し、全面再設計はしません。
空送信、数量0/1/20/21/1.5、修正、サーバー失敗、
結果不明のタイムアウト、キーボードだけの操作、成功送信を試験します。
実顧客情報を送信せず、公開フォームを変更しないでください。Opus 5.5の資料はモデルの背景です。この方法は提案であり、コンバージョン改善の実測でもOpusを実行した試験でもありません。
文言と動作を一緒に確認する
見えるラベルを残し、項目エラーをコントロールに関連付け、要約から問題へ移動できるようにします。要約か項目のどちらにフォーカスを置くか決め、実ページで確認します。複数の通知が競合すると分かりにくくなります。修正済みのエラーだけを消し、無関係な入力は消しません。
架空の数量規則では0、21、1.5は不合格、1と20は合格です。この境界判定はローカルで計算しましたが、実サーバーの試験ではありません。貼り付けや初回エラー後の修正も含め、クライアントとサーバー双方を試験します。画像だけではフォーカス順序や読み上げを証明できません。
広告の約束から申込みへつなぐ
フォームは広告の約束を引き継ぐ必要があります。状態が機能したら Panelly Studioで承認済み特典の広告画像を用意します。Opusやフォーム作成の標準連携を意味しません。広告とページの整合を確認し、エラーの動きが邪魔なら動きを減らす設計を参照してください。
引き継ぎの疑問
**全エラーで同じ文言を使いますか？** 項目修正とサービス停止は必要な操作が異なります。口調を統一しても、診断を曖昧にしないでください。
**文言改善でアクセシビリティや成果を証明できますか？** 実際の操作を試験し、広告成果は別途測定します。直近の成果物は、証拠があり復帰できるフォーム状態です。
