伝わるフォームのエラーメッセージを書く
フォームのエラーメッセージを、コードではなく問題、直し方、表示場所で書き直すテンプレート。お好きなAIツールに貼り付けると、AIがエラーメッセージを書き直す。
- テーマ
- アプリ・プロトタイプ
- 種類
- テンプレート
- レベル
- 初級
- 所要時間
- 約10分
結果はツール、モデル、入力内容によって変わります。
結果のプレビュー
例:当サイトの編集部が書いたもので、実際のAIの出力ではありません。
| 状況 | 旧 | 新 | 場所 | | 郵便番号が短い | 入力が無効です | 郵便番号は7桁で入力してください(例: 1000001)。 | 項目の横 | | カードが通らない | エラー402 | このカードはご利用いただけませんでした。別のカードか請求書払いをお選びください。 | ボタンの上 | エラー後も残す: カード番号以外のすべての項目
入力する
入力した内容はこのブラウザ画面の中だけにとどまります。当サイトが保存・送信することはありません。
- 会員登録
- 支払いを含む購入手続き
- お問い合わせフォーム
- 予約フォーム
- 設定画面
- 今のメッセージの一覧
- スクリーンショット
- 入力チェックのルールを含むコード
- エラーに関する問い合わせ記録
- まだ何もない新しいフォーム
- 個人のお客さま
- 法人のお客さま
- 高齢の方
- スマートフォンで使う人
- 社内スタッフ
あなたのプロンプト
プロンプトを編集しました。上の入力欄を変えても、もう上書きされません。
これはAIへの指示文で、まだ完成品ではありません。
このプロンプトが使えるツール
このプロンプトに向いているAIツール:
使い方
- 項目を入力するか、候補をタップします。氏名、住所などの個人情報は入れません。
- 完成したプロンプトをお好きなAIツールに貼り付けます。
- 予備知識のない人に新しいメッセージを見せ、次に何をするか聞いてください。答えに詰まるなら、メッセージに直し方が足りません。
なぜうまくいくのか
「入力が無効です」のように出口を示さないメッセージのせいで、多くのフォームが最初のエラーで離脱されます。項目の横に直し方を添えた短いメッセージは、問い合わせと登録の取りこぼしを減らします。
ヒント
- メールアドレスが登録済みかどうかを知らせると人をさらす恐れがある場合は、中立的な表現にしてください。