何が共有しづらいのか
社内ツール風プロトタイプには、テーブルやグラフを埋めるためにダミーの数値や氏名が使われることが多い。そのデータが本物の社員情報や実在する顧客名に似ていると、レビュー依頼メールを誤送信したときに情報漏えいの誤解を招く。共有前にダミーデータが明らかにフィクションとわかる値(「山田テスト太郎」「999-9999」など)に置き換えてあるか確認しておきたい。
また社内ツールの場合、レビュアーが「これは本番システムですか」と勘違いして操作を恐れるケースがある。プロトタイプであることをページ上部に明示するバナーをHTMLに1行追加するだけで、フィードバックの量と質が大きく変わる。Readdyのエクスポート後にテキストエディタで簡単に追記できる。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
URL化する前の確認点
社内ツール風UIには、ボタンクリック時にAPIを呼び出すJavaScriptが含まれていることがある。`fetch`や`XMLHttpRequest`を使ったコードが残ったまま公開すると、レビュアーがボタンを押すたびに外部サーバーにリクエストが飛ぶ。該当コードをコメントアウトするか、エンドポイントをダミーの`localhost`に書き換えてから共有する。
iframeで外部コンテンツを埋め込んでいるケースも要注意だ。Readdyで生成したUIにGoogleマップや外部チャートライブラリのiframeが含まれていると、そのサービスのサードパーティクッキーがレビュアーのブラウザに付与される。プロトタイプのレビューに不要な外部iframeは事前に除去しておくことを勧める。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
認証と期限の決め方
社内ツールのプロトタイプを社外ベンダーにレビューしてもらう場合、会社ドメイン認証は使えないためメール認証が最適だ。ギガサイト便でレビュアーのメールアドレスを招待リストに追加すれば、招待していないアドレスからのアクセスを自動でブロックできる。パスワードを別途管理する手間も省ける。
社内の承認フローに使う場合は、決裁者が確認する期間に合わせて期限を設定する。たとえば「週次定例で承認を取る予定なら期限を翌週月曜の朝9時」のように具体的に決める。期限後は別のURLを発行し直すことで、「古いプロトタイプを承認した」という混乱を防げる。
- 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
- 特定の相手だけ: パスワードまたはメール認証を使う
- 会社内だけ: 会社ドメイン認証を検討する
- 短期レビュー: 期限を設定して古いURLを残さない
共有後のフィードバック回収
社内ツール風プロトタイプのレビューでは「使いやすさ」という漠然とした問いより「この画面でXXの操作を完了できるか」というタスクベースの質問が効果的だ。たとえば「左メニューから『レポート』に移動して、先月の売上グラフを見つけるまでのステップを教えてください」のように依頼すると、ナビゲーション設計の問題が具体的に浮かび上がる。
フィードバックを受け取ったら修正版を同じURL(差し替え可能な場合)または新URLで共有し、「前回指摘のXXについてここを変更しました」と変更箇所を明示する。指摘と対応を対応表にまとめて添付すると、複数のレビュアーからの意見が重複している箇所が一目でわかり、優先度付けが楽になる。
- 確認してほしい観点を3つ以内に絞る
- 期限と返信先を明記する
- 修正後も同じURLで見られるか伝える
- 最終版と途中版が混ざらないようタイトルを付ける
よくある質問
プロトタイプのボタンを押すと外部APIが呼ばれてしまいます。どう対処すればよいですか?
HTMLのscriptタグ内でfetchやXHRが呼ばれている箇所をコメントアウトするか、エンドポイントを存在しないダミーURLに書き換えてください。コンソールエラーは出ますが、外部への通信は止まります。
社外のレビュアーが会社ドメイン認証を通れません。どの認証方式を使うべきですか?
会社ドメイン認証は自社メールアドレスを持つ人だけに有効です。社外の方にはメール認証(招待制)またはパスワード認証を選んでください。メール認証が最もアクセス管理しやすいです。
複数バージョンのプロトタイプをレビューしてもらう場合、URLはどう管理すればよいですか?
バージョンごとに別のURLを発行し、用が済んだURLは期限を短縮するか手動で無効化します。共有メッセージに「v2のURLはこちら、v1は〇日で無効化します」と明記すると混乱を防げます。