ウェブプロジェクトは、「新しいウェブサイトが必要です」という一言から始まることがよくあります。すぐに会話はCMS、テンプレート、色、公開日に移ります。それでも、新しいウェブサイトで何を変えるべきなのかは明確ではありません。
これは高くつく間違いです。テクノロジーは、会社が必要としていないものを非常に速く作り出せてしまいます。
まず、ウェブサイトが支援すべき意思決定を書き出す
私はページ一覧から始めません。会社と訪問者の状況から始めます。サイトは質の高い問い合わせを生むべきでしょうか。営業時の説明を短くすべきでしょうか。担当者なしで販売すべきでしょうか。サポート業務を減らすべきでしょうか。それともブランドを別のカテゴリーへ移すべきでしょうか。
目標は意思決定につながらなければなりません。「より現代的な見せ方」は願望です。「製造業からより関連性の高い問い合わせを増やし、単発の小規模案件に関する質問を減らす」なら、コンテンツ、ナビゲーション、計測についてすでに判断できます。
- ウェブサイトにとって重要なのは誰で、どのような状況で訪れるのか。
- 何を理解し、比較し、実行する必要があるのか。
- 会社はどのような証拠を正直に示せるのか。
- 相手の準備状況に合う次のステップは何か。
- 公開後、改善をどのように見分けるのか。
ワイヤーフレームより先にコンテンツマップを作る
その後で、情報設計を組み立てます。メインナビゲーションは会社の組織構造をそのまま写すべきではありません。人々が答えを見つけ、提供内容を理解できるようにするべきです。
既存サイトでは、まずURL、トラフィック、リンク、実際のコンテンツを棚卸しします。残すページもあれば、統合、リダイレクト、削除するページもあります。移行を印象だけで進めてはいけません。見栄えの悪いページでも良いリンクを持っていたり、関連するビジネスを生んでいたりします。一方、訪問数の多いページが、ビジネスの対象外の人ばかりを集めていることもあります。
SEOでは、明確な構造、リンク、実際の対象者向けのコンテンツが重要です。Googleは人を第一に考えたコンテンツのガイドで、有用性に関する質問をまとめています。実践的なSEOの基礎については、私のSEO初心者向け記事にもまとめています。
プロトタイプは会議で印象を与えるためでなく、導線を検証するために作る
まず、細かなデザインなしで主要な導線を描きます。その会社が誰のためのものか、訪問者は理解できるでしょうか。サービス、実績、価格、連絡方法を見つけられるでしょうか。狭いモバイル画面や、キーボードだけでも導線は機能するでしょうか。
プロトタイプには、実際の見出しと、おおむね実際に近い文章量を入れます。Lorem ipsumは問題を隠しますが、その問題はコンテンツが納品された後、魔法のように再び現れます。通常は公開前の金曜日です。
運用に合わせてテクノロジーを選ぶ
静的サイト、WordPress、ECプラットフォーム、カスタムアプリケーションのどれも、適切な選択になり得ます。重要なのは、必要な編集、連携、権限、変更速度、セキュリティ、予算、そして公開後にサイトを管理する人です。
要件書には、少なくとも次を含めるべきです。
- ドメイン、アカウント、ソースコード、アナリティクスの所有権。
- 編集上の役割と公開プロセス。
- フォーム、メール配信、営業との連携。
- 古いURLのリダイレクトとカスタムエラーページ。
- バックアップ、更新、監視、インシデント対応の責任。
- 制作予算だけでなく、運用予算。
速度とアクセシビリティは最後に加える仕上げではない
大きな画像、外部フォント、10個のマーケティングスクリプトを追加するのは簡単です。しかし、そのコストを訪問者全員が負担します。Core Web Vitalsは主要コンテンツの読み込み、応答性、視覚的安定性を追跡します。Googleは現在の指標としきい値をWeb Vitalsのドキュメントで管理しています。
そのため、デザイン前にパフォーマンス予算を設定します。メディアの寸法と形式、フォントの種類数、サードパーティスクリプトのルール、一般的なモバイルでの目標動作を決めます。アナリティクスはコンテンツをブロックせずに読み込み、意思決定を支えるデータだけを収集するべきです。
アクセシビリティにも同時に取り組みます。セマンティックHTML、見えるフォーカス、キーボード操作、コントラスト、フォームラベル、アニメーションを減らす設定への配慮です。これはウェブサイトの特別版ではありません。きちんと作られたウェブサイトです。
公開前に計測を設計する
公開後に成功の意味を議論したくはありません。質の高い問い合わせの送信、計算ツールの利用、主要な実績の閲覧、注文の完了など、イベントと意思決定とのつながりを一覧にします。すべてのクリックにイベントを設定する必要はありません。
技術的な計測については、Google Analytics 4ガイドで説明しています。より広いチェックリストは、オンラインプロジェクトチェックリストにあります。
ウェブサイトは公開時に完成するものではない
最初の数週間は、エラー、速度、インデックス登録、フォーム、人々から寄せられる実際の質問を監視します。そして、ウェブサイトが意思決定を支援していない場所を改善します。すべてのコメントや1つの指標に反応するのではなく、データ、フィードバック、ビジネスへの影響を組み合わせて判断します。
新しいウェブサイトは目的ではありません。会社の新しいオペレーティングシステムです。責任者、予算、変更ルールがなければ、公開初日から老朽化が始まります。
すでにウェブサイトがあり、弱点を見つける必要があるなら、ウェブサイトを高速化する方法から始めてください。制作前に意思決定をそろえる必要があるなら、コラボレーションの進め方をご覧ください。