営業時間 9:30〜17:30(平日)
サイト内検索
- 文字サイズ +

画面設計(レイアウト設計)

  • このエントリーをはてなブックマークに追加
画面設計
サイト訪問者の悩みを解決し
満足度を高めてゴールに導く

せっかく、魅力的な記事を書いてもちゃんと読んでもらえなければ、成果につなげることができません。

Webサイトに訪問した見込み顧客がページ遷移を重ねる中で的確に知りたい情報を取得でき、解決策へ導けるよう、ユーザー行動を意識した画面レイアウト設計をおこないます。

画面レイアウト設計のポイント

「斜め読み」されることを前提にした設計

閲覧者は、ページの左上から右下に向けて流し読みをします。

自分が興味を持っている内容で満たされたページであれば、じっくり読むことはあるかもしれませんが、たとえ目的の情報が得られるページであっても、そのページを徹頭徹尾、すべてじっくり読むということは少ないのです。

「斜め読み」をされても、重要なポイントをしっかりと認知してもらえるように画面構成を設計します。
「斜め読み」されることを前提にした設計

トップページから順に閲覧するとは限らない 網目状の導線設計

当然ですが、サイト利用者はページ単位で利用しているわけではなく、ページ間をめまぐるしく移動しながら、情報取得と購買検討をおこなっています。
トップページから順番に、設計者の希望通りの順で見てくれると期待してしまいがちですが、決してそのような動きはしてくれません。

どのページからサイトを見始めても、的確に「顧客が知りたい情報」「顧客に知ってもらいたい情報」へ誘導できるよう、網目状の導線設計をおこないます。
網目状の導線設計

次のアクション(クリック)を喚起する ゴールへの誘導を最適化

サイト右上(ヘッダー)にだけお問い合わせボタンを配置してあるサイトもよくありますが、サイト利用者が下までスクロールして閲覧した後で、わざわざ上まで戻ってボタンを押すでしょうか?

コンテンツを閲覧した直後の心理状態を考慮し、最適な誘導文とともに、ゴールへのボタンを最適な位置に配置することで、「お問い合わせ」や「注文」といったアクションを誘引する確率を上げることができます。
ゴールへの誘導を最適化

悩み解決のストーリーを考える 結起承転結

自分たちが「言いたいこと」を「言いたいように」伝えるのではなく、顧客の「知りたいこと」や「知っておくとよいこと」を整理して伝えることが大切です。
そのためにもユーザー心理を考慮し、結起承転結のストーリーを持たせる設計をおこないます。
悩み解決のストーリーを持たせる

実施方法、納品物、納期の目安

名称納品物納期の目安
画面設計
情報工学の専門家が画面レイアウトを設計します。
画面設計書(Excel)設計ページ数による

※納期は目安です。対象サイトの規模や特殊性、難易度等によって変動いたします。

画面設計に関連する導入プラン

画面設計を導入したお客様の声

よくいただくご質問

A

レイアウト案とは、家でいう「間取り図面」のようなもののことを指します。デザイン案(狭義の意味での)はレイアウト案をもとに、フォトショップなどの専用ソフトを用いて装飾を考えたり、色を決めたりしたもののことをいいます。
使いやすいWebサイトにするためには、いきなりデザイン案に取り掛かるのではなく、レイアウト案で使い勝手の検証を繰り返してから、細かな装飾のことを考えることが大事です。

コンテンツは王様

せっかくユーザーに来訪してもらったとしても、そのユーザーの期待に沿うことができなければ、ユーザーはサイトから離脱してしまいます。 ユーザーをサイトから離脱させないために、さらに、ユーザーの欲求を満たし満足してもらうためには、「ユーザーの知識レベルに配慮した」「押し売りにならない」コンテンツが充実していることが不可欠です。

ウェブ戦略の専門家がご相談を承ります。お問い合わせフォームはこちらをクリックしてください。
BtoB企業ウェブ担当者必見のお役立ち情報が満載のウェブ戦略ノウハウ資料が無料でダウンロードできます。

東京~大阪までご支援可能です。まずはフォームよりお問い合わせください。

BtoB企業のウェブ担当者必見!!売上アップに貢献するウェブ解析の活用方法
seminar-banner20170119

【無料】BtoB企業ウェブ担当者必見のノウハウ資料ダウンロード

戦略的ウェブ活用のエッセンス/事業戦略と同期した戦略的ウェブ活用のノウハウをギュッと凝縮!
失敗しないための戦略的ウェブサイト構築手順/リニューアルを成功させる秘訣は「作り始める前にやるべきこと」にある
ウェブマネージャーが身に着けておくべき7つのスキル/企業のウェブ担当者に求められる7つのマネジメントスキルとは?
セールスとマーケティングをつなぐウェブ解析/営業部門との連携を図り、営業員が活躍しやすいように後方支援をする
ページの先頭へ