AI活用

Dora AIで生成したフォーム付きページをレビュー用URLにして共有する方法

Dora AIで生成したフォーム付きページは、入力欄・ドロップダウン・送信ボタンといったインタラクティブな要素を含むため、PDFやスクリーンショットでは実際の使い勝手が確認できない。ギガサイト便でURLを発行すれば、フォームの操作感をレビュアーに実体験してもらいながら、使いやすさの改善点を具体的に収集できる。

何が共有しづらいのか

Dora AIで生成したフォームページは、Dora自身のバックエンドにデータを送信する設定になっていることがある。レビュアーがテストとして送信すると、Doraのアカウント側に意図しないデータが蓄積される。また、レビュアーが「送信したら本当に誰かに届くのか」と心配して操作を控えてしまい、フォームの使い勝手が確認できないまま終わるケースも多い。

フォームには複数のステップや条件分岐が含まれることがある。「職業:学生」を選ぶと別のフィールドが表示される、などの動的な挙動は、URLを共有して実際に操作してもらわなければ確認できない。スクリーンショットでは静的な状態しか伝わらないため、フォームのレビューにはURL共有が不可欠だ。

  • 相手がログインなしで開ける状態か確認する
  • PCとスマホで最低1回ずつ表示を確認する
  • 内部情報・個人情報・不要な外部送信が残っていないか見る
  • レビュー期限と修正時の差し替え方を決めておく

URL化する前の確認点

Dora AIのフォームHTMLでsubmitイベントを処理するJavaScriptを探し、送信先エンドポイントを特定する。`https://api.dora.run/`のようなDora固有のURLが使われている場合は、テスト用のダミーエンドポイント(https://jsonplaceholder.typicode.com/posts など)に差し替えてからURL化する。送信後のリダイレクト先もダミーページか`alert('送信完了')`で代替するとレビュアーが送信完了を確認しやすい。

フォームに住所・電話番号・クレジットカード番号などのフィールドがある場合、`autocomplete`属性がどのように設定されているか確認する。ブラウザが過去に入力した個人情報を自動補完して表示する場合、レビュアーのプライベートな情報が画面に出てしまうことがある。レビュー前にautocomplete属性を`off`に変えるか、依頼文で「オートフィルは使用しないでください」と一言添えておく。

  • HTML内の外部script・form action・iframeを確認する
  • APIキーやトークンらしき文字列がないか検索する
  • 画像・CSS・JSのパスが公開後も解決できるか見る
  • noindexと認証を混同せず、必要なら両方設定する

認証と期限の決め方

フォームページのレビュアーが社内の少人数チームであれば、パスワード認証が手軽だ。Slackで「URLとパスワードです」とセットで投稿するだけでレビューを開始してもらえる。ただしパスワードを忘れる人が出た場合の問い合わせを避けたければ、メール認証で招待する方が運用が楽だ。

フォームのレビューには実際に操作する時間が必要なため、「依頼から3日後」を期限にするのが現実的だ。期限の前日にリマインドを送ることで未確認の人を促しやすい。ギガサイト便での期限設定はURL発行後でも変更できるため、期限を延長してほしいという依頼が来た場合も柔軟に対応できる。

  • 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
  • 特定の相手だけ: パスワードまたはメール認証を使う
  • 会社内だけ: 会社ドメイン認証を検討する
  • 短期レビュー: 期限を設定して古いURLを残さない

共有後のフィードバック回収

フォームのレビューでは操作完了後に「①フォームの項目数が多すぎると感じたか、②各項目のラベルが何を入力すればよいか明確だったか、③送信ボタンを押すタイミングが自然だったか」の3問をアンケート形式で聞く方法が効率的だ。Google FormsやMicrosoft Formsのリンクをレビュー依頼メッセージに合わせて送ると、回答を集計しやすい。

フォームの条件分岐が多い場合は、「このルートを試してください」という操作シナリオを複数パターン用意して、各レビュアーに異なるシナリオを担当してもらう。たとえば「Aさんは職業:会社員でフォームを送信、Bさんは職業:学生でフォームを送信」という割り当てにすれば、全ルートを1人で確認しなくても複数人で手分けして網羅できる。

  • 確認してほしい観点を3つ以内に絞る
  • 期限と返信先を明記する
  • 修正後も同じURLで見られるか伝える
  • 最終版と途中版が混ざらないようタイトルを付ける

よくある質問

Dora AIのフォームを送信するとDoraのサーバーにデータが届きますか?

Dora AIのデフォルト設定ではDuraのバックエンドにデータが送られます。レビュー用途では送信先をhttps://jsonplaceholder.typicode.com/postsなどのダミーエンドポイントに差し替えてから共有することを推奨します。

条件分岐のある多ステップフォームを1人で全部確認してもらうのは大変すぎます。どうすればよいですか?

操作シナリオを複数用意して、各レビュアーに1つずつ担当してもらう分担方式が効率的です。シナリオごとに「どの選択肢を選ぶか」を指定した操作手順書を添付してください。

レビュアーのブラウザがフォームに個人情報を自動補完して表示してしまいます。どう防ぎますか?

inputタグにautocomplete="off"を設定するか、依頼メッセージに「ブラウザの自動補完が出ても入力せず、テスト用の架空情報を手入力してください」と明記することで対処できます。

関連記事

AI活用

Dora AIで生成したLP案をレビュー用URLにして共有する方法

Dora AIで生成したLP草案のレビューを効率化したいWebデザイナーやマーケター向け。動的コンテンツの公開前チェック・認証設定の判断基準・アニメーションを含むLPならではのフィードバック依頼法を解説する。

5分で読める
AI活用

Dora AIで生成したHTMLスライドをレビュー用URLにして共有する方法

ページ遷移アニメーションはファイルでは再現されず、URLで見てもらうのが唯一の方法だ。Dora AIが出力するHTMLスライドを発表前のコンテンツチェックや社内レビューで使うために、ギガサイト便で認証付きURLを発行する手順を具体的に説明する。

5分で読める
「AI活用」の記事をもっと見る →