背景

実務で LP の QA を実施した。
LP の QA は初めてだったので、今回出したテスト観点を残しておく。

テスト観点

デザイン
アニメーション
画像
文言
遷移
デバイスごとの表示
多言語切り替え
エラーページ
OGP
GA

各観点の所感

デザイン

デザイナーに確認してもらえるなら、デザイナーに QA 実施してもらうべきと思う。（デザイン QA）
QA がデザインをチェックする（ figma とかで作られたデザインと LP のデザインをチェックする）とかはできる。が、単なる見た目の比較とかちょっとした違和感とか感覚ベースになる。
デザインは、デザインを作った人に見てもらうのがよい。

アニメーション

これも基本的にデザイナーが見るで良いと思う。
アニメーションは変な動きとかしてるとすぐわかるので、デザインよりは QA も自信を持って確認はできそう。

画像

仕様として定義されている画像が表示されているかの確認。
開発者は単に書き出し->ソースコードの assets フォルダ的なとこに画像を置く->ソースコードにそのパスを書くって感じで作業すると思う。
単なる作業になりがち & 書き出し忘れとか案外あるので、ちゃんと確認する。案外時間かかる。

文言

後回しランキング一位。
確認の負荷でかい、時間がかかる。多言語だと言語数分。
QA が頑張るしかないと思う観点。
細かくても心を鬼にして、issue を切る。

遷移

LP で一番クリティカルな観点。
ヘッダーとフッターはリンクが多いので注意。
LP のメインの導線があるとこはさらに注意。当たり前だが、ここのリンク死んでるとメインであるサービスに辿り着けない。

デバイスごとの表示

PC、SP などデバイスごとに異なる表示を確認する。

多言語切り替え

大体文言が異なるケースが多いと思う。気合い入れて文言確認する。

エラーページ

不正な URL を踏んだ時にちゃんと NOT FOUND のエラーページが出るか、などを確認する。
メンテナンスページとかも見れるとよい。
500系はどうやって確認する？そもそも500系エラー起こる？などあると思うので、その都度臨機応変に。

OGP

検証ツールで確認 or 使ってよいなら web に転がってる確認ツールで確認。
本番リリース後は、実際に SNS の投稿画面に貼ってみて確認する。

GA

確認自体は簡単だが、QA 実施するまでにダッシュボードを確認できる状態にしておく。
またボタン押下時に数値取るなど、どういった数値を取っているのかあらかじめ把握しておく。