ホームページ制作の途中で、制作会社から白黒の図が届くことがあります。四角い枠と仮の文字が並んだもので、ワイヤーフレームと呼ばれます。見慣れないため、「デザインが出てきてから考えよう」と軽く流してしまう人も少なくありません。

しかし、ページに何を載せ、どの順番で見せるかは、この段階でほぼ決まります。デザインが仕上がったあとに「この情報が足りない」「順番を入れ替えたい」となると、デザインと実装の両方をやり直すことになります。

構成案とワイヤーフレームの確認は、ホームページの中身を一番少ない手間で直せるタイミングです。色や雰囲気ではなく、情報の中身と順番に集中して確認してください。

制作会社によって呼び方は異なりますが、デザインの前には大きく2種類の資料が出てくることが一般的です。

一つはサイトマップ（サイト構成図）です。ホームページ全体にどんなページがあり、どの階層に置かれるかを示したものです。ここでは、必要なページがそろっているか、ページの分け方が自社の事業の見せ方と合っているかを確認します。

もう一つがワイヤーフレームです。1ページごとに、どんな情報をどの順番で、どのくらいの重みで載せるかを示した設計図です。写真や色は入っていないか、仮のものであることがほとんどです。

見た目の要素をあえて外しているのは、中身の議論に集中するためです。この段階で「色が地味」と感じても、それはまだ決まっていない部分だと考えてください。

・見てほしい相手ごとに、必要なページがそろっているか
・主力のサービスが、独立したページとして扱われているか
・問い合わせ前に不安を解消するページ（料金の考え方、流れ、よくある質問など）があるか
・更新していく予定のページ（お知らせ、実績、コラムなど）が含まれているか
・今は作らないが、将来追加したいページを置く余地があるか

特に二つ目は、事業の優先順位と直結します。売り上げの中心になっているサービスが、ほかの項目と一緒に1ページにまとめられていないかを見てください。

ワイヤーフレームを確認するときは、そのページを見に来る人の立場になって、上から順に読んでいきます。
1.ページを開いて最初に見える範囲で、何のページか、誰向けかが分かるか
2.見に来た人が知りたい順番に、情報が並んでいるか
3.自社の強みや根拠が、主張だけでなく具体的な情報とセットになっているか
4.問い合わせや電話のボタンが、判断材料を読み終えたあとの位置にあるか
5.載せる予定の原稿や写真が、実際に用意できるものか
6.法令や社内規定の確認が必要な情報が含まれていないか

5は見落とされやすい項目です。ワイヤーフレームに「スタッフの写真」「導入実績の一覧」と書かれていても、実際に用意できなければ、その枠は空いたままになります。用意できないものは、この段階で伝えてください。

スマホでの表示の順番も確認します。パソコンでは横に並んでいる情報が、スマホでは縦に並び替わります。スマホ版のワイヤーフレームがない場合は、どの順番で縦に並ぶのかを制作会社に確認しておくと安心です。

ワイヤーフレームでは、次のような点はまだ判断しなくてかまいません。
　・色、フォント、写真の雰囲気
　・仮の文章の言い回し
　・枠の細かい大きさや余白

これらに時間を使うと、本来確認すべき情報の過不足や順番の議論が後回しになります。気になった点はメモしておき、デザインの確認の段階で伝えれば十分です。

一方で、仮の文章の中に事実と異なる内容があれば、その場で指摘してください。仮の文章がそのまま本番の原稿のたたき台になることもあるためです。

構成案とワイヤーフレームは、資料を送ってもらって読むだけでなく、制作会社から意図の説明を受けながら確認するのがおすすめです。なぜこの順番にしたのか、なぜこの情報を大きく扱っているのかを聞くと、図だけでは分からない判断の理由が見えてきます。

社内では、確認する人を決めてから資料を回します。サービスの中身に詳しい現場の担当者と、事業の方針を決める責任者の両方が見ておくと、情報の正確さと優先順位の両方を確認できます。

意見は、ページごと、枠ごとにまとめて書き出してください。資料の画像に番号を振り、「トップページの3番の枠に、対応エリアの情報を追加したい」のように書くと、どこへの意見なのかが正確に伝わります。

確認が終わったら、どの版の構成で確定したのかを記録しておきます。デザインの段階で迷ったときに、確定した構成に立ち返れるようにするためです。

・白黒で判断できないと考え、確認をせずにデザインへ進める
・担当者だけが確認し、事業の責任者が構成を見ていない
・色や雰囲気への意見に終始し、情報の過不足を見ていない
・用意できない写真や原稿を前提にした構成を、そのまま承認する
・修正点を口頭で伝え、どの図のどこを直すのかが残っていない

二つ目は、デザインの段階で大きな手戻りを生む原因になります。サービスの見せ方に関わる判断は、構成の段階で責任者に見てもらってください。