あなたを気にしない顧客のようにウェブサイトを監査する

概要

ウェブサイト、プロダクト、受信トレイを運営している人なら誰でも、その儀式を知っている。トラフィックは良好に見え、トライアルは横ばい。そこでホームページを開いてボタンを動かす。これは、その方法が機能しなくなった夜のためのものだ。忙しい見知らぬ人が5秒で実際に理解できることは何かという1つの問いを中心に据えた6ステップの監査を実行する。各パスは1回のセッションで完了でき、デザインツールや予算は不要だ。途中、この記事はCalendlyの平易な言葉の見出しやLinearの静かなヒーローといった具体的な例を参照しながら、コンバージョン文化の神聖な牛（単一のCTA、ファーストビュー崇拝、セクションを追加したいという本能）に異を唱える。成果物はリデザインの計画ではなく、理由を添えた短い編集リストだ。それが要点だ。顧客のように読めるホームページであり、親のようにではない。

午後11時、あなたは今月4回目のヒーローセクションの並べ替えを終えたところだ。トラフィックの数字はそれなりに見える——訪問者は増え、クリックされている——そして今週の登録者は数えるほどしかいない。ページをよく知りすぎていて、それが良いかどうか判断できない。すべての言葉は決断だった。すべての余白には理由がある。それが問題のすべてだ。訪問者には、文脈も忍耐も、あなたを信じる理由もない。彼らはタブを閉じるのにかかる時間で、留まるかどうかを決める。そこで、この現実に即した監査がある。サイトを6つのパスで点検し、各パスはデザイナー、コピーライター、サポートチームを兼任する人でも1晩で完了できるように設計されている。アナリティクスの見直しは不要。「グロースループ」も不要。ただ、感情的に愛着がなければ破棄するであろうページを見つける方法だ。

1. このページがもたらすべき1つの決断を決める

原則：ページは美しいからコンバージョンするのではない。次のアクションが明白に感じられるからコンバージョンするのだ。色に触れる前に、この文を最もよく完成させる文を書きなさい：「このページを見た後、訪問者は___すべきです。」もし答えに「理解する」「学ぶ」「感じる」といった言葉が含まれているなら、それはコンバージョンの目標ではなく、雰囲気を説明しているにすぎない。（それが本当に目標——記憶に残るためのポートフォリオ——なら、それでいい。しかし、それを認めて、「私たちはブランドを支援します」といったナンセンスはやめよう。）

ここでの代表的な例はCalendlyだ。彼らの見出しは基本的に「メールの往復なしでミーティングをスケジュールする」だ。それがやっていないことに注目してほしい：カレンダー統合には触れず、「現代のチームのためのスケジューリングプラットフォーム」といった気の利いた抽象化もない。敵（メールの往復）と成果（スケジュールされた会議）を名指ししている。それがすべてのトリックだ。ソフトウェアのランディングページなら、その文は「無料トライアルを開始する」または「15分のデモを予約する」かもしれない。エージェンシーやポートフォリオサイトなら、決断は「私たちを雇う」ではなく「ケーススタディを読む」かもしれない。会ったばかりの見知らぬ人は、あなたを雇う準備ができていないからだ。

その文を書きなさい。それから自分のページを読んで尋ねなさい：すべてのセクションがそれに奉仕しているか、それともページは自分が誇りに思うものの博物館になっていないか？ たいていの場合、それは博物館だ。ソフトウェアらしいページ、エージェンシーページ、ポートフォリオのどれを作るか迷っているなら、どのセクションよりもフォーマットが重要だ。私たちのウェブサイト形式の選び方ガイドに短い説明がある。

2. 5秒判定を実行する

原則：理解は説得の上流にある。訪問者は、1つの完全な文も読む前に、5秒見ただけで「この会社は何をする会社か」と答えられるべきだ。もし答えられなければ、「ファーストビューの明瞭さ」はいくらあってもあなたを救えない——彼らはすでに去ってしまったからだ。

私たちは「ファーストビュー」の講義にうなずく。しかし、スマホでは、ファーストビューはおおよそ1つの文とボタンにすぎないことを思い出すまでだ。このアドバイスの有用なバージョンは「すべてを最初の画面に詰め込む」ではない。「最初に見えるものを意味のあるものにする」だ。どのまとめでもお気に入りの例はLinearのヒーローだ：きれいな見出し、短いサブヘッディング、単一のコールトゥアクション。美学はミニマルだが、重要なのは、まばたきする間に製品が何かを把握できることだ。

正直にテストする方法：スマホでサイトを開き、一度も見たことのない人に渡して、2つの質問をする：「この会社は何をする会社ですか？」「そのボタンをクリックしたら何が起こりますか？」 最初の答えが曖昧（「何かアナリティクス関連」）で、2番目が「わかりません」なら、編集箇所を見つけたことになる。これはデザインの問題ではない。解読の問題だ。レイアウトを再設計するのではなく、コピーを修正しよう。（もし親切すぎる友人がいるなら、コーヒーを支払って、2番目の質問での彼らの表情を観察しよう。）

3. CTAを高価なものとして扱う（注意は高価だから）

原則：各ページは1つの主要な目標に向かって押し進むべきであり、競合する要求はそれぞれを弱くする。シンプルだ。有名な例：Notionのページは、単一の「Notionを無料で入手」ボタンを指していることで賞賛されてきた。それは、製品のセルフサービスモデルが「無料で試す」を本当に明白な次のステップにしているから機能する。

しかし、ここで「ベストプラクティス」がカーゴカルトに変わる。ルールは常に、ページごとに1つの決断であって、1つのボタンではない。サービス業の場合、「お問い合わせ」という単一のCTAは決断ではなく、宿題だ。訪問者は、メールに何を書くべきか、自分が準備ができているか、あなたが連絡を取りたいと思う種類の人かどうかを理解しなければならない。その段階での決断は、「これをできることを証明するケーススタディを読む」または「価格シートをダウンロードする」または「フォームのこの1つの質問に答える」かもしれない。そのうちの1つはより小さな要求であり、それこそが行う価値のあるものだ。

また、よく引用される単一CTAのアドバイスと小規模サイトの現実が分岐するのはここだ。あなたにはファネルチームも、相互接続された10ページのマーケティングサイトもない。明確さがその欠けた部分を補う。だから、問題は決して「このページにCTAが1つしかないか？」ではなく、「私の前に立っている訪問者にとって明白な次のステップが1つあるか？」だ。

人々が真似するもの	実際に機能するもの
ページごとに1つのCTA	訪問者のステージごとに1つの明確な決断
余白が多いミニマルなヒーロー	見知らぬ人が繰り返せる見出し
ナビに「デモを予約」	訪問者の準備度に合った次のステップ
ヒーローの下の機能リスト	顧客が実際に得る成果

自分のページを監査するときにこの表を使おう。左のボックスにチェックを入れれば、視覚的なパターンに合致している。右のボックスにチェックを入れれば、メカニズムに合致している。その2つが一致しなければ、デザインは飾りにすぎない。（ランディングページ構造の仕組みについてもっと知りたいなら、SaaSランディングページの実証済みベストプラクティスがこの議論の詳細版だ。）

4. 顧客が話すように読む。CRファイルが話すようにではなく

原則：専門用語は、企業の語彙がホームページを乗っ取る方法だ。「業界をリードするコラボレーティブインテリジェンスプラットフォーム」のようなフレーズを何度も言っているうちに、普通に聞こえるようになった。初めて訪れる訪問者には、身代金要求書のように聞こえる。修正は、バカに聞こえることではなく、具体的に聞こえることだ。

ステップ1で出会ったCalendlyの基準を取り上げよう：「メールの往復なしでミーティングをスケジュールする」。用語集の説明は不要だ。ページの見出しも同じようにすべきだ。同僚へのメールで書くような文章であり、ピッチデッキのフレーズではない。

この監査パスは残酷だがシンプルだ。ページのすべての見出しをチェックして、社内の常識に染まっていない状態でも理解できるかどうかを尋ねる。自分で立ち上げた製品では、これはできない。ページを印刷するかスクリーンショットを撮り、1日置いておこう。それから、あなたが解決する問題をググったばかりの人の目で読む。見出しを競合他社のものと入れ替えても誰も気づかないなら、問題は差別化ではなく、ページが自分たちのしていることを一度も伝えていないことだ。

5. 信頼台帳を作る

原則：コンバージョンとは、見知らぬ人が何かをあなたに委ねる瞬間だ——メールアドレス、時間、会話。彼らはあなたを知らないし、あなたのロゴには、頼れるブランドの威光がない。だから、ページは計画していなくても信頼の仕事をしているのだ。

ページを一巡し、信頼を求めるすべての主張をリストアップしよう：「私たちが最高です」「チームに信頼されています」「エンタープライズグレード」など。それぞれの隣に、それを裏付ける具体的なものを置く。ファーストネームと具体的な成果のあるお客様の声は、誰も聞いたことのない企業のロゴグリッドに勝る（そして、たとえ聞いたことのある企業でも、ロゴが装飾的で出典がなければ、そのロゴグリッドにも勝る）。実際のビフォーアフターを示すエージェンシーのケーススタディは、「意味のあるデジタル体験を創造します」と書かれたページ全体よりも大きな効果を発揮する。1つの強力で、ストーリー性のある説明がされたプロジェクトを持つポートフォリオは、中途半端な作品12点のギャラリーよりも、デザイナーにとって効果的だ。

このパスの実際の成果物はリストだ。裏付けられない信頼主張はすべて排除しよう。次に、最も強力な証明をCTAのできるだけ近くに置く。ツールのランディングページなら、それは通常、実際の製品のスクリーンショットを明確にラベル付けしたものであり、チャートを見つめる人々のストックイメージではない。ページが基本的にポートフォリオなら、同じロジックが当てはまる——証拠のように配置された1つの証明ポイント。それは業界特化型ポートフォリオサイトの構築ガイドに詳しく書かれている正確なアプローチだ。

6. 今週、セクションを1つ削除する——本当に

原則：一人で運営するサイトにとって、集中力は唯一のスケーラブルなアドバンテージだ。追加のセクションはそれぞれ、訪問者の注意を少しだけ要求し、訪問者はほとんど注意を持っていない。ほとんどのサイトのデフォルト状態は追加だ：比較表、リソースセクション、「なぜ私たちを選ぶのか」リスト、ブログ抜粋、お客様の声のカルーセル、クライアントウォール。小規模サイトはそれらすべてのコンテンツを維持できないし、訪問者もそのほとんどを読まない。

だから監査は削除で終わる。最も愛着のあるセクションを選ぼう——通常、それは最も時間をかけて作ったものか、友人が「本当にクール」と言ったものだ——そして1週間隠す。永遠ではない。誰かがそれを求めるかどうかを確認するのに十分な期間だけ。誰も尋ねなければ、削除する。もし尋ねられたら、答えが得られ、データドリブンであることの素晴らしい話ができる（誰にでもそういう話は一つ必要だ）。

これはリスクのあるものにも当てはまる。会社の成り立ちを説明する段落を削除しよう。ネットワーキングイベントで一度誰かに質問されたから存在するFAQの質問を削除しよう。エンジニアとしての自分がリスト好きだから書いた機能リストを削除しよう。残るもの——問題を明示し、具体的な次のステップを提供し、1つの証拠を示すページ——は傑作ではない。傑作よりも優れている：それは見知らぬ人の時間を尊重するページだ。

6つのパスをすべて実行したなら、あなたはリストを持っている。リデザイン計画でも、ムードボードでもなく、理由を添えた編集リストだ。成果を明示する見出し、ステージに適した1ページごとの1つの決断、削除する準備ができた少数のセクション。それが成果物のすべてだ。

そして最後に、インターネットには「47項目のチェックリストを実行すれば、登録数が50%増加する」と約束する人々が溢れている。誰も数字を約束はできない。監査が約束するのは、より控えめで、より信頼できる——あなたに会ったことのない見知らぬ人が、あなたが何をしているのかを、彼らが与えてくれる5秒の中で理解し、あなたが実際に彼らに望む1つの決断を下す公正な機会だ。それはホームページとして十分に立派な仕事だ。そして、悔しいことに、それが仕事のすべてだ。