SCALE — Build Lab

フォームを使いやすく改善

UI/UX改善

Improve Form UX

フォームの離脱率を下げたい時

コピペ用 指示文
321 文字
このフォームを「迷わず完了できる」ように改善してください。

【適用するルール】
- 必須項目は * で明示
- インラインバリデーション(onBlur時にエラー表示)
- リアルタイム文字数カウント(最大文字数があるフィールド)
- 数値は自動カンマ区切り表示
- 日付は必ずカレンダーピッカー(手打ち禁止)
- メールアドレスは @ 入った瞬間にドメイン候補表示
- 入力中は自動保存(localStorage、1秒debounce)
- 送信ボタンは入力完了するまで disabled
- 送信成功時のトースト + 次のアクション提示

【避けること】
- いきなり全項目エラー表示
- リロードでデータ消失
- 必須項目の見落とし誘発
タグ
#フォーム#UX#改善
同じカテゴリの他のプロンプト