クライアントが求める品質と現実のギャップ|納品前のチェックリスト

クライアントが求める品質と現実のギャップ|納品前のチェックリスト
C
クリオ
Web制作ディレクター / フロントエンジニア

こんにちは!

今日は「クライアントが求める品質と現実のギャップ」について、現場で実際に起きることをベースに解説します。

納品直前に起きるあるあるトラブル

僕も経験めっちゃあるんですけど、納品予定日の2日前になって、クライアントから「実はこの部分、こういうイメージやったんです」みたいな指摘をもらうことってほんまによくあるんですよ。
その時点では、もう設計も実装も終わってるわけです。
焦りますよ、ほんま。

良くあるケースがこんな感じです。

  • 画像の色合いが「もっと明るく」とか「落ち着いた雰囲気で」という曖昧な指摘
  • テキストのサイズが「小さく感じる」という感覚的なフィードバック
  • レイアウトの細かなズレに気づく(本来なら企画段階で確認すべき内容)
  • ブラウザやデバイスごとの見え方の違いについてクレーム

これらって、実は制作側と受注側で「品質の定義」が共有できていないことが原因なんです。
めっちゃ気をつけるべきポイントです。

クライアントの「完璧」と制作側の「完璧」は別物

ここが重要なんで、よく聞いてください。
クライアントが言う「品質が高い」というのは、必ずしも技術的な完璧さを意味しません。

例えば、CSSの構造がめっちゃきれいに書かれてても、クライアントの目には「ボタンの角丸の大きさがイメージと違う」ぐらいにしか見えないわけです。
これは誰が悪いわけじゃなくて、見る角度が違うだけなんですよ。

具体的には、クライアントが重視する品質要素はこんなとこです。

  • ビジュアル ― 色、フォント、間隔、イメージ全体
  • ユーザビリティ ― クリックしやすい、わかりやすい、スムーズ
  • 納期 ― 約束の日に間に合ったか
  • 対応 ― 修正依頼への対応スピード

一方、制作側が大事だと思うのはHTMLの構造、SEOへの対応、パフォーマンス、コード品質とか。
これらも大事なんですけど、クライアントには見えないんですよ。

実践的な事前チェックリストの作り方

で、どうするかってことなんですけど、僕がやってる方法を紹介します。
納品前に「品質チェックリスト」を作ってクライアントと共有することです。

例えば、こんな感じで企画段階から決めておくといいですよ。

  1. デザイン系
    □ 色合い(メインカラー、アクセントカラー)がブランドイメージと一致
    □ フォントサイズが読みやすい(スマホ、タブレット、PCで確認)
    □ 余白のバランスが崩れていない
    □ 画像の品質が適切(ぼやけてない、圧縮されすぎてない)
  2. 機能系
    □ リンク全て動く
    □ フォーム送信がエラーなく完了
    □ 問い合わせメールがちゃんと届く
    □ スマホでタップしやすい(ボタンの大きさなど)
  3. 互換性系
    □ Chrome、Safari、Firefoxで表示確認
    □ iPhone、Android、タブレットで表示確認
    □ ページの読み込み速度が極端に遅くない

このチェックリストを、企画段階で一緒に作るんです。
そうするとね、クライアント自身も「これぐらい確認するんや」ってなって、妙な期待値が下がるんですよ。
いい意味で。

あと、大事な工夫として「スクリーンショット + メモ」を残しておくのをお勧めします。
「ここはデバイス毎にこういう見え方になります」とか、事前に説明と一緒にまとめておくと、納品後のトラブルをめっちゃ減らせます。

まとめ

品質の定義をクライアントと制作側で共有することが、ほんまに大事なんです。
技術的に完璧でも、クライアントが満足しなかったら意味がないし、逆に技術的には完全じゃなくても、クライアントが「これです!」って言ってくれたら、それはいいサイトなんですよ。

納品前のチェックリストを使って、期待値と実績をすり合わせておく。
これが最強の品質管理だと、僕は思ってます。

Web制作で困ったことがあったら、またこのブログを覗いてくださいね!

― クリオ