AIモックアップを非エンジニアに見せて具体的なフィードバックを引き出すコツ

なぜ感想が「いい感じ」で止まるのか

非エンジニアにモックアップを見せると、抽象的な感想で止まりがちです。これは相手の関心が低いからではなく、何を見て何を答えればよいか分からないからです。専門用語で聞かれると、的外れを恐れて当たり障りのない返事になります。

また、未完成のモックアップだと「ここはまだ仮なのかな」と遠慮して、本音の指摘を控えてしまうこともあります。見る側に判断の足場がないと、評価は曖昧になります。

解決の鍵は、見る人の立場で答えられる問いを、見せ方とセットで用意することです。

URLに見てほしい点を添える

モックアップのURLをただ送るのではなく、見てほしい観点を1〜2点に絞って添えます。観点が多すぎると焦点がぼけるので、今いちばん知りたいことに絞るのがコツです。

たとえば「このページが何のサービスか、見て3秒で伝わりますか」「申し込みボタンはどこにあると思いますか」のように、相手が自分の感覚で答えられる聞き方にします。正解を知らなくても答えられる問いがよい問いです。

専門的な作りの良し悪しではなく、使う人としての印象を尋ねる。これが非エンジニアから具体的な声を引き出す近道です。

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

AIモックアップを非エンジニアに見せて具体的なフィードバックを引き出すコツでは、AIツールの画面上で完成して見えても、共有用HTMLとして安全とは限りません。外部script、form送信先、APIキーらしき文字列、画像パス、ダミーデータではない個人情報を分けて確認します。

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

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

意見を引き出す依頼の手順

見せてから意見を集めるまでの流れを、依頼の質が上がる順に並べます。

1. モックアップのHTMLまたはZIPをトップページにドロップして共有URLを発行する
2. 見てほしい観点を1〜2点に絞って文章にする
3. これは検討中の案で率直な指摘がほしい、という前提を一言添える
4. URLと観点をセットで相手に送る(必要なら相手のスマホで開けるようQRコードも添える)
5. 返ってきた感想のうち曖昧なものは、どこを見てそう思ったかを一歩だけ掘り下げて聞く

答えやすい場をつくる工夫

未完成であることを最初に伝えると、相手は遠慮なく指摘しやすくなります。「完成版だと思わせない」ことが、率直な声を増やします。

実機で触ってもらうのも有効です。QRコードでスマホから開いてもらえば、実際の操作感を伴った感想が得られます。画面を眺めるだけより、迷った箇所が具体的に出てきます。

聞く観点を相手によって変えるのもおすすめです。営業の人には伝わりやすさ、現場の人には使いやすさ、と立場に応じた問いを向けると、その人ならではの視点が引き出せます。

集めた意見を次の一手につなげる

返ってきた声は、観点ごとに整理します。同じ箇所に複数人が引っかかっているなら、そこが優先して直すべき場所です。一人だけの好みの話と、多くの人が迷う構造の問題を分けて扱います。

直したモックアップは同じURLのまま差し替えれば、リンクを送り直さずに「ここを直しました、いかがですか」と同じ相手に再確認してもらえます。意見をもらう、直す、見てもらう、を一つの導線で短く回せるのが、非エンジニアを巻き込む協働のしやすさにつながります。