WEB担当者としての
サイト改善
(企業ホームページ)

改定プランができると実務作業に入りますが、カタログなどの印刷物の工程では、「まずはカンプを作りましょう!!」とよくなります。カタログのような紙媒体では、見るのは人間だけですし、紙面のデザインイメージやキャッチコピーなどが仕上がりを大きく左右しますので、いくつかのカンプを用意してイメージを検討する流れとなります。しかし、WEBサイトの場合、画面のデザインイメージも大切ですが、それ以上に情報構造の方が重要となります。人間の頭はデザインイメージを先に見るとその後で細かな情報構造をシビアに検討できなくなりますので、情報構造の検討はデザイン要素がない段階で行うようにしましょう。

情報構造の検討のために作るのが「画面設計書」です。画面設計書については、WEB制作会社であれば必ず作成しているとは思いますが、あくまでも情報構造の設計がメインとなりますので、WEB担当者の方で作った方がよりスムーズに仕事が進むと思います。画面設計書の作成は特に特別にソフトをしようする必要はなく、私はエクセルで作成していました。パワーポイントで作成する方もいらっしゃいますが、パワーポイントで作成すると1ページの設計が何ページもの資料になり、見ていてもページ内のどの部分を検討しているのかがわからなくなります。エクセルであれば、縦長のページを作成してもスクロールで見ることができます。

特に、新規ページを作成する場合は画面設計書は必須です。これはWEBページの作成に限ったことではなく、プレゼン資料を作成する場合も同じで、まずは全体のストーリーを組み立ててから、どういったブロックでストーリーを構成するかを事前にしっかりと検討することが重要となります。

ページ内ブロックの情報構造がしっかりと組み立てられれば、各ブロックの内容を詰めていき、必要な説明テキストやそれを補う画像を検討していきます。

このように、まずはデザイン要素に捕らわれずテキストベースでページ内情報を組み立てていき、デザインイメージの助けを借りずにしっかりとした説得力のあるページ内容になっているかどうかを確認します。

また、テキスト内容についてもこの段階でほぼほぼFixさせるようにしましょう。担当者の中には「全体のデザインが見えてきてからテキスト内容を考える」という人もいらっしゃいますが、WEBサイトで全体のデザインが確認できるのはコーディング後のテストサイトとなります。全体のスケジュールや費用を圧縮させる意味でもテキスト内容は画面設計書段階でFixさせておくことをお勧めします。