料金・リンク・フォームが本当に使えるか、公開前に触ってみよう
今日手元に残るもの
古い料金・架空口コミ・無許諾画像・過剰個人情報・リンク切れ・入力エラー・キーボード不能・低コントラストの事実・権利・個人情報・アクセシビリティ・フォームQAと修正版
時間の目安
公開前8ケースまで 45〜65分
終わりの合図
開けた・使えた・保存できた
この課題の10ステップを見る
01
今日はこれを作る
最初に、今日手元に何が残れば終わりかだけ見ます。全部を覚える必要はありません。
今日できあがるもの
古い料金・架空口コミ・無許諾画像・過剰個人情報・リンク切れ・入力エラー・キーボード不能・低コントラストの事実・権利・個人情報・アクセシビリティ・フォームQAと修正版
02
材料をAIに渡す
下の材料を用意して、ChatGPTに入れます。
今回使う材料
WEB-01〜08のサイト全体と台帳を、未公開環境で検査します。
必要なファイルは、下からダウンロードできます。
この課題で使うファイル
ひだまり美容室の架空データから、必要なものだけ用意しました。
材料の入れ方前の完成物を使う ／ TXTはコピー ／ 資料はこのページから取得
- 1上に書かれた方法で、前の完成物を用意する
- 2TXTはこのページで中身をコピーし、入力欄へ貼る
- 3上の一覧から指定された資料だけを取得し、入力欄へ添付する
- 4材料がそろったら、下のプロンプトを送る
Workが表示されるならそこで続けます。なければChatへ同じ内容を送って進めます。
ドラッグできない時は、入力欄のクリップまたはファイル選択を使います。スマホは「ファイル」から共有できます。
AIが資料を読めない時は、必要部分を貼るか添付し直します。読めない内容を推測させません。
ChatGPTの設定と詳しい使い方ファイル変更を何度も行うため、有料版がおすすめです。使える量はプラン画面で確認してください。
実際のファイルやコードを扱うなら、Codexがおすすめです。
03
ChatGPTに送るプロンプト
プロンプトは、ChatGPTにそのまま貼る指示文です。前の完成物と今回の材料をそろえてから、下の文を送ります。
公開する前に、わざと困る状態を入れて止まるか見たい。古い料金、作った口コミ、使っていいか不明な画像、聞きすぎる個人情報、切れたリンク、変な入力、キーボードで押せない、読めない色。八つ全部、期待してる止まり方を書いてから試して。
04
AIの答えを確認して試す
最初から完璧でなくて大丈夫。まず一度、自分で動かしてみます。
1AIから出てくるもの
古い料金・架空口コミ・無許諾画像・過剰個人情報・リンク切れ・入力エラー・キーボード不能・低コントラストの事実・権利・個人情報・アクセシビリティ・フォームQAと修正版
まず自分で試す
八ケースを一件ずつ実行する
料金と画像を台帳の元記録へ戻る
キーボードだけで全主導線を通す
フォームの入力内容と通信状態を見る
修正版で八ケースを再試験する
追加のプロンプト
当てはまるものだけ、上から順に送ります。
八ケースの結果がそろったら
失敗を事実、権利、個人情報、操作、見やすさへ分けて正本で直し、同じ八ケースを再実行する。最終の価格・法的文書・公開は人の確認待ちにして。
05
仕上がりをよくするコツ
気になるものを一つ選んで、ChatGPTに伝えます。
結果が○×だけ
「期待、実際、証拠、直す場所、再試験を一件一行にして」
全ページを見るのが大変
「共通ヘッダー・料金・CTA・フォームを先に横断し、その後固有部分を見て」
06
やりがちなミス
見つけた数：0 / 5
当てはまる所を見つけたら、上のコツを使って直します。
これは合格・不合格を決めるものではありません。保存状態を確認しています。
07
ここまでできたら完成
AIの「できました」で終わらせません。実物を開いて使い、この課題の完成条件を確かめます。
八ケースの期待・実際・証拠・再試験を記録した
事実・権利・個人情報・操作・見やすさの修正を確認した
価格・法的文書・外部接続・本番公開が人の承認前で止まった
Workで作った物を保存するプロンプト
八ケースの公開前QA、修正前後、再試験、未確認を「09_公開前QA」に保存して。サイトは未公開と明記して。
共通の保存メモChatでできた物は、自分で保存
Chatの返答欄にファイルができたらダウンロードして「完成」フォルダへ移します。文章だけなら、全文をコピーしてテキストやWordへ貼って保存します。保存した物をもう一度開けた時に「残せた」とします。
できたことを手元に残す
作ったものや気づいたことを、自分のメモに残しておきましょう。
08
自分の仕事なら
今作ったものを、明日の仕事で使える形に変えます。
本番前は責任者が料金・問い合わせ先・プライバシー文・ドメインを実画面で確認します。
本物の顧客名、個人情報、社外秘の資料へ置き換える前に、会社のルールと閲覧権限を確かめます。
09
つまずいたところを整理する
どこまでできて、どこで止まったか。短い言葉で大丈夫です。
うまくいかなかった点をメモする
「やりたかったこと」「試したこと」「実際の結果」を並べると、次に試すことが見つけやすくなります。
メモは自分の端末へ。サイトへの質問の受付は終了しています。
10 / 任意
次に進みたい方へ
ここで完成です。続ける方だけ、下の文を送ります。
次にすること
非公開のサイトを使ってもらい、迷った所を直そう
続けるための追加プロンプト
追加のプロンプト
同意してくれる人が5人いれば、非公開で料金を見る、サービスを比べる、問い合わせ完了まで試してもらって。いなければ教材ペルソナの模擬と書いて。
進め方は3つだけ
- 1今使っているChatまたはWorkを、そのまま続ける
- 2下の追加プロンプトをコピーして送る
- 3出てきた物を見て、必要な所だけ一つ直す
今作った物の、ここを使います
QA合格版サイト、三導線、テスト手順、公開前の戻し方を使います。
できるようになること
作り手以外の料金確認・比較・問い合わせ操作を改善へつなげられます。
この内容を詳しく学ぶ教材
WEB-10「非公開URLを5人に使ってもらい、迷った場所を直そう」