情報設計、画面設計(ワイヤーフレーム)|Webサイト制作 / CMS・MAツール|LeadGrid(リードグリッド)

Creative

情報設計、画面設計(ワイヤーフレーム)

Webサイト制作で必要な情報設計・画面設計とは

発注者側が作成したRFPをもとに制作側で要件定義を行っていき、そして要件定義をもとに具体的にどういったWebサイトにしていくかを決めていくのが、情報設計・画面設計です。

情報設計・画面設計では、ディレクトリ構造の決定やディレクトリマップの作成により、情報をどうグルーピングしていくかを明確にし、どういったレイアウトにするのかをワイヤーフレームに落とし込んでいきます。

Webサイトは多くのページや機能の集合体として成り立ちます。どの階層にどういった情報のページ、コンテンツを配置するかによって、ユーザーのアクセシビリティが変わってきますし、ユーザビリティ向上はもちろん、サイト管理における利便性向上、またクローラビリティの向上を図るためにも、適切な情報設計・画面設計は重要です。

そしてワイヤーフレームへの落とし込みでは、Webサイトに掲載するコピーテキストや画像、また各種コンテンツといった要素を、どういった優先度でどのような配置にするか、情報設計で定めたコンテンツをいわば「見える化」していきます。

ワイヤーフレーム制作フェーズでは実際に目に見える部分を設計していくため、主観的な意見が飛び交いやすいフェーズでもあります。発注者、製作者はあらためて、Webサイトの目的に振り返り、ターゲットユーザーに対してどういった行動を起こしてもらいたいかなど、ユーザー視点が欠落しないよう注意が必要です。

ディレクトリ設計はSEOの観点からも重要である

情報設計では、Webサイトに掲載したいコンテンツやページをグルーピングして、どういったディレクトリ(カテゴリ)配下に置くかを決めていきます。情報設計で定めるこのディレクトリ構造は、単にユーザビリティ向上のためだけでなく、SEOの観点からも非常に重要です。

そのため、Webサイトに掲載するコンテンツのグルーピングは、業界特有の商習慣や社内特有の情報分類をするのではなく、SEO視点でのキーワード選定や検索ボリュームなどを考慮しながら、適切なグルーピングを行うことが求められます。

また、Webサイト制作の現場では、製作途中で「やはり、こういうページも必要だった」といったことが起こりがちです。しかし都度ページ追加を行っていては、制作遅延はもちろん、追加の制作費が発生してしまうため、想定していたスケジュール、予算を大幅に超えてしまいかねません。

そのため、事前に行う情報設計では、どういったコンテンツ、ページが必要なのかを抜け漏れがないよう洗い出していき、それらをシートにまとめて、それぞれにタイトル、キーワード、descriptionなどのメタタグやソーシャル対策のOGP設計などを1ページずつ設計していきます。

また、画面設計で行うワイヤーフレーム制作は、プロジェクトメンバーが本来の目的を見失わないためにも非常に重要です。たとえばワイヤーフレームなしにデザイン着手してしまった場合、ページに掲載する写真素材やテキストにのみ注力してしまい、肝心なコンテンツへの導線設計が疎かになってしまうなど、本来の目的を見失ったサービスになってしまう可能性があります。

ワイヤーフレームを用いて社内の関係者、そして制作会社との認識合わせを行い、本来Webサイトで実現したい目的に対して適切な画面構成となっているかを確認しながら制作を進めていきましょう。

LeadGridなら拡張性のあるWebサイト構築が可能

記事コンテンツを中心に情報発信を強化していったり、今後新規事業立ち上げを予定していてWebサイトに新たなページが必要になる可能性が高いといった場合、その都度新しい記事カテゴリのページや新事業のページを外部の制作会社に依頼すると、制作費がかかる他、ある程度の制作の期間を要するため、スピード感のあるWebサイト運営ができません。

そこで、情報設計・画面設計ではそうした次期フェーズ以降を見越した設計を行うべきで、今後追加したいコンテンツやページも事前に洗い出しておくことが大切です。

LeadGridは、様々な目的に応じたWebサイトの制作・運用が可能なSaaS型CMSで、エンジニアに都度依頼せずとも担当者ベースで様々なコンテンツの更新、ページ追加ができるため、新たなに記事カテゴリページを追加したり、既存事業のページを複製して新規事業ページを作成するといったことが可能です。

また、資料DL機能やMAツール連携機能、SEO設計など、デジタルマーケティングを推し進めていくための機能が揃っており、セキュリティ対策やサーバー負荷対策も万全。
SaaS型CMSとしてGoogleのSEOアップデートなどにも随時対応、また最新のセキュリティ要件にも都度アップデートしていくため、ご利用企業様側で保守運用のための対応をしていただく必要がなく、コンテンツ運用やリードジェネレーションなど、マーケティング活動に専念いただけるCMSです。

なお、LeadGridを提供するGIGは、BtoCからBtoBまで様々な企業のサイト制作・システム開発の実績があり、マーケティング戦略の立案から施策代行まで一気通貫での支援も行っています。そのため、必要に応じて情報設計・画面設計などの戦略立案フェーズからサポートいたします。

Web制作・マーケティング支援|CMSツール「LeadGrid」に関して、
まずはお気軽にご相談ください。

※ご相談のなかで営業は一切いたしません。まずはお悩みをお聞かせください。

Webサイト制作のポイント

flow

ご利用までの流れ

STEP
お問い合わせ・初回商談
まずは、こちらのフォームより貴社の現状や課題に
ついてお聞かせください。貴社が抱える課題に近い事例
を交えながら、最適な改善策をご提案いたします。
STEP
ご提案・ディスカッション
お打ち合わせにてご提案させていただきます。
ご提案内容についてディスカッションを行い、
必要に応じて再提案もいたします。
STEP
契約締結・プロジェクト進行
ご提案内容にご同意いただけましたら、
契約を締結します。その後、ご提案内容に沿って
プロジェクトを進行していきます。

Web制作・マーケティング支援|CMSツール「LeadGrid」に関して、
まずはお気軽にご相談ください。

※ご相談のなかで営業は一切いたしません。まずはお悩みをお聞かせください。