ディレクトリマップの作成

情報設計の最初のステップでは、Webサイトのディレクトリマップの作成を行います。
事前に洗い出しを行い、「ユーザーに必要なコンテンツ」をWebサイトのどの階層に、どのような並びで配置するかを決めていきます。 例として、以下はWebサイトの構造をマッピングしたものです。

このようにマッピングを行い、用意するページを整理し、SEO観点でも優れた設計を作っていきます。

ページ回遊設計

続いて、Webサイトに訪れたユーザーがどのようにサイト内を回遊し、コンバージョンに向かうかを設計していきます。

具体的には、Webサイトに訪れるユーザーが、どのようなチャネルからどのようなページにアクセスするかを検討し、そこからコンバージョンに 至るまでのストーリーを描きます。 その上で、Webサイトのナビゲーションがサイドバー、フッターエリアなど主要な位置にどのような導線を敷くかを設計します。

ユーザーがWebサイトを閲覧している途中で離脱する要素をできるだけ省き、より成果に結びつきやすい構造となります。

主要ページWF作成

続いて、下層ページの中でも主要なページのワイヤーフレーム作成を行います。
トップページほどではありませんが、主要ページにおいても基本的にページ固有のレイアウトが必要になります。

そのため、発生する工数は多めになります。

その他の下層ページWF作成

下層のページにおいては、トップページや主要ページと違い、一つのレイアウトをいくつかのページで横展開するケースが多いです。
そのため、1つ元になるページが出来上がると、それ以外のページへ展開できるため、主要ページなどに比べて必要な工数は少なめになります。

抜け漏れの確認

続いて、作成したワイヤーフレームに抜け漏れがないかを確認します。
具体的には、ページに掲載する文章をワイヤーフレームに落とし込む際、抜け落ちなどはないかの確認を行います。

また、レイアウトが訪問者にとって利便性の高い配置になっているかなどの観点でも確認し、問題がなければお客様へ提出させていただきます。

【ご確認】レビュー・フィードバック

ここまでの工程で完成したワイヤーフレームをお客様へ提出させていただきます。
ワイヤーフレームのファイル自体は、クラウドサービスを利用し、共有用のURLからご確認いただけるようになっています。
そのため、お客様サイドでも複数の方にご確認いただくことが可能です。

また、この時点でワイヤーフレームや本文の内容に修正点などがあれば、お客様よりフィードバック対応をしていただきます。
問題がなければ、デザイン作成へと進みます。

フィードバック対応

作成したワイヤーフレームに問題点や修正が必要な箇所がある場合、当社側で修正作業を行います。
基本的に修正の対応回数は1回までとなっております。
そのため、5箇所の修正がありましたら、複数回に分けてフィードバックいただくのではなく、1回にまとめてお伝えいただけますと幸いです。

当社側でフィードバック内容を反映したワイヤーフレーム作成が完了しましたら、再度お客様にワイヤーフレームを確認していただきます。
そこで問題がなければ、デザイン作成へと進みます。