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まで様々な企業のサイト制作・システム開発の実績があり、マーケティング戦略の立案から施策代行まで一気通貫での支援も行っています。そのため、必要に応じて情報設計・画面設計などの戦略立案フェーズからサポートいたします。
プロジェクトの流れ
お問い合わせ頂いた後、事業課題や方向性、マーケティングのお取り組み状況、体制をヒアリングさせて頂いた後、
プロジェクトに合わせた最適なプロセスをご提案させて頂きます
-
ヒアリング
ヒアリング・サンプル制作を行います。LeadGrid独自のレイアウトパターンを共有しながら、要件のすり合わせを行います。
-
LeadGrid 構築
アカウント開設、デザイン調整、サイト設定、コンテンツ整備を行います。最短10営業日でWebサイトを立ち上げ可能です。
-
運用開始
管理画面から簡単にページ追加やコンテンツ制作が可能です。セキュリティ対策やサーバー保守・メンテナンスは月額費用に含まれているので安心です。
Webサイト制作のポイント
-
Web制作にかかる費用
ディレクション、デザイン、HTMLコーディング、CMS開発など、Web制作にかかる費用を解説します。
-
Web制作会社の選び方
サイト制作プロジェクトをすすめる前段階のRFP制作のコツ、ノウハウを共有します。
-
RFPのつくり方
サイト制作プロジェクトをすすめる前段階のRFP制作のコツ、ノウハウを共有します。
-
ペルソナ、カスタマージャーニーマップ策定
サイト制作だけではなく運用やコンテンツ制作にも関わるコンセプト設計の大切を共有します。
-
競合サイト分析
UXリサーチサイトリリース前後の競合サイト分析、UXリサーチの仕方、改善方法への活かし方を共有します。
-
情報設計、画面設計
(ワイヤーフレーム)Webサイト制作を進める上での情報整理の考え方、画面構成の考え方を共有します。
-
Webサイトデザイン
プロジェクトのヒアリングからグランドデザイン確定後のデザイン制作フローをご説明します。
-
内部SEO対策
ディレクトリ構造やコンテンツマーケティング施策など、内部SEOの考え方をお伝えします。
-
キーワード設計、
コンテンツ運用競合を含めたキーワード設計、調査、コンテンツ企画の重要性をご説明します。
-
Webサイト分析、データ解析
Webサイト分析の重要性や運用改善への活かすポイントをご説明します。
-
リリース前の
チェックポイント膨大なチェック項目から、最低限確認しておきたいポイントをリスト化しました。
-
セキュリティ対策、運用保守
WAF導入や改ざん検知、オートスケール、各バージョンアップ対応を実施します。
様々な課題に
あわせてご提案出来ます
さまざまな課題にあわせたご支援が可能です。
LeadGridの
ご支援実績
大手企業からスタートアップまで多くのサービスサイト、メディアサイトをご支援しています
リード獲得総合メディア
LeadGrid ブログ
関連のブログをご紹介します。
お役立ち資料
関連のお役立ち資料をご紹介します。
3分で分かる資料、
お配りしています。
LeadGridの機能、制作事例などをご紹介します。
Web制作・CMS開発・Webマーケティングに関してお気軽にご相談ください。
多くのWeb制作、オウンドメディア制作、Webコンサルティング、コンテンツマーケティングの実績から制作から運用・改善までトータルでサポートします。