Playbooks
制作会社の納品前チェックを標準化する
納品前チェックは、見た目の確認だけでは不十分です。顧客が公開後に困る計測、検索、入力、スマホ、アクセシビリティの抜けを事前に潰します。
ui.design: qaui.design: seo-basicui.design: accessibility
まず確認する症状
- 納品前レビューが担当者の目視に依存している。
- 公開後にtitle、計測タグ、フォーム、スマホ表示の抜けが見つかる。
なぜ問題か
- 標準チェックを持つと、1人または小さなチームでも品質のばらつきを減らせます。
- 修正用zipや受け入れ条件を残すと、顧客との認識ズレを減らせます。
診断で見る指標
PC/スマホ表示
フォーム送信
metadata
sitemap/robots
GA4/Clarity
主要a11y所見
修正方法
最小修正
公開前チェック項目を固定する
表示、入力、SEO、計測、法務、アクセシビリティを短いリストにします。
推奨修正
Scan結果を納品物に添える
スコア、主要所見、対応済み/保留をレポート化します。
さらに改善
再スキャンを納品条件に入れる
修正後のBefore/Afterと残課題を顧客へ共有します。
受け入れ条件
- 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
- 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
- 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。
コーディングエージェント向け修正指示
目的: 制作会社の納品前チェックとして、表示、フォーム、SEO、計測、法務、アクセシビリティ、修正パックの確認項目を標準化してください。
参考資料
よくある失敗
- デザインカンプとの差分だけを見て、検索や計測の設定を見ない。
- 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
- 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。