AI活用

AIに作らせた2案のHTMLを別々のURLで配って意見を分けて集める方法

AIに2案のランディングページを作らせたものの、まとめて見せると「どっちの話?」と感想が混ざってしまう。案ごとにURLを分けて配れば、意見も閲覧データも案単位できれいに分かれます。この記事では2案を別URLで出し、反応差を見て判断するまでの流れを整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

1つのページに2案を並べると意見が混ざる理由

AIに複数案を作らせると、つい1枚のページに両方を並べて見せたくなります。しかしそれをやると、見る人は無意識に「左右を比べる」モードに入り、純粋な第一印象が取りにくくなります。本来は別々に出会うはずの体験なのに、並列で見せた時点で評価が歪むのです。

また、感想を口頭やチャットでまとめて集めると「上のやつのボタンが」「いや下のほうが」と指示語が飛び交い、後から読み返しても、どの発言がどちらの案を指すのか判別できなくなります。

案ごとにURLを分け、それぞれ単独で見てもらえば、第一印象も感想も案単位で切り分けられます。これがABで意見を取るときの基本姿勢です。

案ごとに別URLを発行する具体的な手順

やることはシンプルで、A案とB案のHTMLをそれぞれ別の共有URLとして発行し、回答者を2グループに分けて配るだけです。1人に両方見せず、片方ずつ渡すのがコツです。

  1. A案のHTMLファイル(画像やCSSがあればZIP)を用意し、トップページにドロップして共有URLを発行する
  2. 同じ要領でB案も別の共有URLとして発行する
  3. URL末尾のスラッグを plan-a / plan-b のように分かりやすく変更しておく
  4. 回答者リストを2つに分け、片方にはA案のURL、もう片方にはB案のURLだけを送る
  5. 見てほしい観点(第一印象・申し込みボタンの分かりやすさなど)を1〜2点添えて依頼する

案名と配布先を固定して混線を防ぐ

A案/B案を別URLにしても、配布メモが曖昧だと後から混線します。URL、案名、配布先グループ、公開期限、依頼文を1行ずつ残しておくと、どの感想がどちらに紐づくか確認しやすくなります。

案名は「A」「B」だけでもよいですが、送る側の管理用には「短い訴求」「価格訴求」など中身がわかるメモを付けておくと、修正時に迷いません。受け手には中立な名前だけを見せ、先入観を与えないようにします。

  • 管理表には案名・URL・配布先・期限を残す
  • 受け手には片方のURLだけを送る
  • URL末尾はplan-a/plan-bなど短く揃える
  • 公開期限を同じ日にして集計タイミングをそろえる

AI生成HTMLを共有する前の安全チェック

AIに作らせた2案のHTMLを別々のURLで配って意見を分けて集める方法では、AIツールの画面上で完成して見えても、共有用HTMLとして安全とは限りません。外部script、form送信先、APIキーらしき文字列、画像パス、ダミーデータではない個人情報を分けて確認します。

ツールの書き出し形式や共有機能は時期・プラン・作り方で変わります。この記事では特定機能の有無を断定せず、静的HTMLやZIPとして取り出せた成果物を安全に見せる前提で進めます。安全チェックが終わったら、HTMLまたはZIPをアップロードし、必要に応じて認証と期限を付けたURLとして共有します。

  • 外部送信: form action、fetch、script src、iframeの向き先を確認する
  • 秘密情報: APIキー、トークン、社内URL、顧客名が残っていないか検索する
  • 表示再現: 画像・CSS・フォントが公開URLでも読み込めるか見る
  • 共有設定: 相手、期限、認証方式、差し替え時の連絡方法を決める

アクセスログで案ごとの反応差を見る

URLを分ける最大の利点は、誰がいつ見たかというアクセスログが案単位で残ることです。配ったのに開かれていない、特定の人だけ何度も見直している、といった行動が案ごとに把握できます。

たとえばA案は配布者の大半が開いているのにB案は半数しか開いていない、という差が出れば、それ自体が一次情報になります。アンケートの言葉だけでなく、実際に見られたかどうかの事実で判断材料を補強できます。

ただしログは閲覧の有無や回数を示すものであって、良し悪しそのものではありません。数字は会話のきっかけと割り切り、最終判断は感想とあわせて行いましょう。

感想が混ざらない依頼文の書き方

依頼文で「他の案と比べてどう?」と聞いてしまうと、回答者は見ていないはずの案を想像で評価し始めます。1案ずつ渡している意味が薄れるので、比較を促す言葉は避けます。

代わりに「このページを初めて見た人として、何のサービスか伝わりますか」「申し込みたいと思える要素はどこですか」など、その案単体への質問に絞ります。回答が案ごとに揃い、後で集計するときに比較しやすくなります。

結果を見て「A案のほうが伝わりやすい」と分かったら、勝った案だけをさらに磨けばよく、負けた案は静かに公開期限を迎えさせれば片付きます。

回収後にやること

両グループから感想とログが集まったら、案ごとに「伝わった点」「迷った点」を箇条書きにして並べます。票数の多寡だけでなく、コメントの具体性に注目すると、改善の手がかりが見えてきます。

勝ち案を採用したあとも、URLはそのままにHTMLだけ差し替えれば、リンクを送り直さずに改善版を同じ相手に再確認してもらえます。意見収集から修正、再確認までを同じ導線で回せるのがこの進め方の強みです。

よくある質問

回答者に両方の案を見せてはいけませんか

禁止ではありませんが、純粋な第一印象を取りたい目的では片方ずつ渡すほうが向きます。両方見せると比較バイアスがかかり、単独で見たときの分かりやすさが測りにくくなります。

案を3つ以上に増やしても同じやり方でできますか

できます。案の数だけ別URLを発行し、回答者をその数のグループに分けて配れば、同じようにアクセスログと感想を案ごとに切り分けられます。ただしグループが小さくなりすぎないよう人数配分には注意してください。

関係者以外にURLが漏れて意見が混ざるのが心配です

公開ページにはnoindexが付き検索結果には出ませんが、noindexはアクセス制御ではありません。社外秘の案ならパスワードやメール認証を併用し、想定した相手だけが開ける状態にしてから配ってください。

勝った案だけ残して負けた案を消すには

公開期限を設定しておけば、期限が切れた案は自動的に閲覧できなくなります。手動で止めなくても見せっぱなしを防げるので、不採用案の片付けが楽になります。

AIツールで作ったHTMLはそのまま共有しても安全ですか?

そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。

関連記事

AI活用

AI生成HTMLをフィードバックで改善しながら共有する方法

AIで作ったHTMLはレビューと修正を繰り返して仕上がりますが、毎回新しいリンクを送ると関係者がどの版を見ているか混乱します。版を管理しながらフィードバックを反映し、スムーズに次のレビューへつなげる方法を解説します。

5分で読める
AI活用

AI生成HTMLのアクセシビリティを確認してから共有する方法

AI生成HTMLはコードの見た目が整っていても、alt属性の欠落やコントラスト不足が残りがちです。共有前にアクセシビリティの抜けを自分で確認したいエンジニアやデザイナーに向け、押さえるべき観点と確認URLでのレビュー手順を解説します。

5分で読める
AI活用

Lovableで作ったアプリをURLで共有する方法

Lovableで素早く組み立てたWebアプリを、クライアントや上長にURLで見せたい方向けの記事です。コードを取り出して認証付きURLで共有するまでの手順を、具体的なステップで解説しています。

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