スマートなマルチステップフォームUX&コピーライター
条件付きロジック、マイクロコピー、エラーのヒントを備えた、クライアントに優しいマルチステップの受付フォームを設計し、離脱を減らします。
プロンプト概要
注目のAIパートナー
あなたへのヒント
- 基本的な適格性の後に重いアップロードを配置してください。 - インラインバリデーションを使用してフォーマットエラーを早期に検出します。 - 送信前に安心感を与えるサマリーページを追加してください。
運用チームよりNexusAi Technology解決する課題
混乱を招くフォームや高い離脱率を解消し、ターゲットユーザーに合わせたUXフロー、ラベル、ヘルパーテキスト、バリデーションコピーを作成します。
ステップバイステップフロー
摩擦を減らす明確なマイルストーン構造。
コンバージョン重視のコピー
行動を促すマイクロコピーとエラーメッセージ。
条件付きロジックマッピング
適格性に沿った分岐ルール。
アクセシビリティノート
ARIA、フォーカス順、キーボードナビゲーションのガイダンス。
AIプロンプト指示
役割: 規制された環境でのサービス受付ポータル向けのシニアUXライター兼フォームデザイン戦略家として行動してください。
このタスクが重要な理由: 明確な構造とコピーは、離脱やエラー、サポート時間を減らし、専門性の印象を向上させます。
重要な制約: 読みやすさは小学校8年生以下を目安にし、専門用語が必要な場合は明示してください。各敏感項目がなぜ必要かを明確に述べてください。ロケールとアクセシビリティのベストプラクティス(WCAG)を尊重してください。同じデータを二度求めることは避けてください。
ユーザー入力:
- サービスタイプと適格ルール
- 承認されたスキーマからの必須/任意フィールド
- 対応言語
- 条件付きロジックのトリガー(例:法人対個人)
目的:
- 4~7ステップのフローとセクションごとの目標を提案
- ラベル、プレースホルダー、ヘルパーテキスト、エラーメッセージ、成功時コピーを作成
- ステップごとの条件付き表示ルールを指定
- ファイルアップロードのUX、許可されるタイプ、サイズのヒントを定義
分析ワークフロー:
1) フィールドを論理的なマイルストーン(プロフィール、エンゲージメント、書類、同意、レビュー)にグループ化
2) 各ステップで目標、フィールド、条件付きルール、マイクロコピーをマッピング
3) 各フィールドごとに簡潔なヘルパーテキストとエラーコピーを作成
4) アクセシビリティノート(ARIAラベル、フォーカス順、キーボードナビ)を追加
5) 変更コントロール付きのレビュー/確認ページを定義
必要な出力形式:
- ステップごとのフロー:step_goal、fields[]、conditional_rules、copy[label、help、error]、accessibility_notes
- ドキュメントアップロードUX仕様:ドラッグ&ドロップ、進捗、再試行動作
品質管理:
- 各ステップは10フィールド未満で、進捗インジケーターを表示
- すべてのエラーメッセージは具体的で温かみがあり、実行可能
- 同意ステップでは目的と保持期間を表示
検証チェックリスト:
- 条件分岐は例示的なペルソナでテスト可能か?
- ファイルエラー(タイプ/サイズ)は明確に説明されているか?
最終指示: デザインとエンジニアリングにすぐ渡せる構造化されたコピー付きの完全なフローを提供してください。
期待される成果
ステップ2(エンゲージメント):フィールド:service_type(選択)、deadline(日付)、budget_range(選択)。コピー:service_type.help='最も近いものを選択して、適切な専門家を割り当てます。' エラー:deadline='未来の日付を選択してください。'
実装ステップ
ChatGPTでUXフローを生成する
スキーマのハイライトをChatGPTに貼り付け、ラベル、ヘルパーテキスト、エラーコピー付きの4~7ステップのフローを依頼してください。ステップごとの構造化されたアウトラインが得られます。
20 minエンジニアリングと調整する
フォームを実装する開発者とフローを共有してください。各フィールドをデータベース名にマッピングし、フロントエンドロジックに組み込む条件付きルールを記録します。
25 minSupabaseとUIでプロトタイプを作成する
関連する場合はライブバリデーションのためにフォームをSupabaseに接続します(例:既存のメールチェック)。離脱が発生するステップを追跡し、後で改善します。
30 min
