【徹底解説】Webデザインやサイト制作に必要なヒアリングのポイント

この記事は次のような方におすすめです。

この記事では、Webサイトを依頼してくれたクライアントに対して、何を聞き出せば良いのかわからないあなたに、丁寧にヒアリングの仕方についてお話ししていきます。

どうぞ最後までご覧になってください。

Webサイトを制作する際のヒアリングとは

先生

ヒアリングというのは、Web制作の依頼が入った時に、クライアントから次の意図を聞き出すことを指すんだ。

その中からクライアントが持っている問題を理解することがヒアリングの目的です。

先生

最近では、オンラインでのヒアリングも多くなってきているよ。

ヒアリングのほとんどが、初対面の方との打ち合わせで、円滑なコミュニケーション能力が求められます。

先生

コミュニケーションが苦手な方は、練習がてら、日頃から笑顔で相手の話に耳を傾けたり、何か質問をしたりするなど、意識するようにしてみよう。

Webサイトを制作する際にヒアリングをする3つの目的とは

クライアントからWebデザインの依頼がきて、作った後に、クライアントが希望したものと違うものができてしまったりしたら大変ですよね。

そんなことにならないためにも、目的を意識しながらヒアリングを行うことが大切です。

先生

ヒアリングをする3つの目的は次の3つだよ。

クライアントの問題を理解

まずは、クライアントが

といったことを把握することが必要です。

このような問題を理解することで、どんなふうに商品を見せて、イメージアップのためにはどんなデザインにしたら良いのかというように、サイトの方向性や構成が決まってきます。

デザインのイメージの共有

先生

Webデザイナーとクライアントの間で、デザインのイメージの共有はとても大切なことなんだ。

デザイニャー

同じ「かっこいい」という言葉でも、全然違ったデザインをイメージするものはそれぞれだよニャン。

新しい視点を提案

Webデザイナーがクライアントから、ただ要望を聞くだけでなく、新しい視点を提案して先導していく姿勢も大切です。

先生

依頼するクライアント自身も、どんなWebサイトを作りたいのかが躯体的に固まっていないこともあるからね。

依頼内容が抽象的な場合もありますので、クライアントが抱えている課題と、Webサイトに期待する効果を聞き出して、その方向性のサイトで本当にいいのかを確かめることも大切です。

先生

場合によっては、サイトを制作しなくてもいい場合もあるかもしれないからね。

Webサイトを制作の際のヒアリングのタイミングと方法

Webサイトを制作するにあたって、

などの工程がありますが、これらよりも早い段階のタイミングでヒアリングを行うのが理想です。

先生

ヒアリング方法には次の2つがあるよ。

ヒアリングは、質問形式で行うことが大切です。

まずは、クライアントが話しやすいように質問形式で行って、キャッチボールのように会話をするように心がけましょう。

また、制作を始めてから、クライアントの事業がどんなことを狙っているのかや、方向性が変わってくることもありますので、最初に聞いたからと思い込まないで、その都度相談ベースで進行していくようにしましょう。

Webサイト制作の際にヒアリングするときに必要な10個のこと

先生

ここからは、ヒアリングする時にどんな内容を聞いたらいいのか、必ず押さえてほしいことをお話ししていくね。

①Webサイトの種類

Webサイトには、色々な種類がありますが、クライアントの目的や用途によって変わってきますので、どんなWebサイトを希望しているのかを確認する必要があります。

先生

代表的な3つのサイトは次のようなものだよ。

コーポレートサイト

どのような会社であるのか、何をしている会社をしているのかを伝えるためのWebサイトのことを「コーポレートサイト」と言います。

などで構成されています。

ECショップサイト

Webサイト上で商品を購入することができるWebサイトを「ECショップサイト」と言います。

ユーザーが購入したい商品を選んで、届け先の住所や支払い方法を入力することで、商品を購入することができます。

ランディングページ

1ページだけで構成されたWebページのことを「ランディングページ」と言います。

Web広告のリンク先に用いられることが多く、商品やサービスの商品を紹介して、購入してもらうことを専門にした特殊なWebページです。

先生

ランディングページのことを略して「LP」と呼ぶこともあるよ。

Webデザインの一つであるランディングページ（LP)とは?詳細解説この授業は次のような方におすすめです。 ・ランディングページ（LP）とは何かについて詳しく知りたい ・ランディングページ...

②Webサイトの目的

なぜWebサイトを作る必要があるのかということや、Webサイトを作る目的を最初にしっかりと決めることが大切です。

先生

Webサイトを作る際の目的は、次のようなものが挙げられるよ。

現状の問題や課題

クライアントは、抱えている問題を解決することを目的として、Webサイト制作を依頼しています。

まずは、クライアントが今抱えている問題や課題をヒアリングして、それを理解することから始まります。

Webサイトのテーマやコンセプト

Webサイトを制作する時に、どのようなテーマやコンセプトがあるのかをヒアリングして、方向性を決めていきましょう。

例えばこのようなテーマやコンセプトが挙げられます。

Webサイトに期待する効果

Webサイトを作った後に期待する効果は、課題やテーマと同じで何を目的としているサイトなのかという方向性を決める、重要なポイントです。

例えば、期待する効果には次のようなものが挙げられます。

Webサイトに訪れるターゲット

Webサイトに訪れるターゲット層を明確にしましょう。

先生

例えば次のようなターゲット層が挙げられるよ。

というところから、

などというように、具体的に掘り下げていきましょう。

ターゲット層によって、好みの色や文字のサイズ、サイト設計などが変わってきます。

③業務内容やコンテンツ

さらに次のようなことを具体的にヒアリングしましょう。

業務内容

クライアントの会社の商品やサービスの内容を確認するのですが、その際、具体的な特徴や強みを把握しておくことが重要です。

例えば、強みが「高品質」なのか、それとも「価格」なのかという違いでも、Webサイトの構成やデザインのイメージが変わってきますし、他の同業会社との差別化も図ることができます。

コンテンツ

などに入れる必要な機能について、詳しくヒアリングして、ターゲットの望みを考えながら、どんな情報をどのように伝えればいいのか、引き立たせるコンテンツを考えていきましょう。

Webサイトに載せる情報を最初に決めておくと、完成まで作業をスムーズに進めることができます。

④Webサイトのデザイン

ターゲットを明確にすることができれば、Webサイトのデザインも具体的に決めていくことができます。

先生

ここでは、次のようなことを考えて行こう。

参考サイトのURLや嫌いなWebサイトのURL

参考サイトのURLがあれば、クライアントとイメージの共有をすることができて、Webサイトを制作する際のイメージも湧きやすくなります。

また、嫌いなWebサイトのURLがあれば、クライアントの好き嫌いもわかってきます。

先生

ここでいう嫌いなサイトとは、クライアントが求めているイメージとかけ離れているサイトのことを指すんだ。

競合サイトのURL

また、競合会社のサイトがあれば、URLを共有しましょう。

などといったように、Webサイトを制作する際の参考にするのが目的です。

Webサイトのイメージカラー

そして、企業のイメージカラーや希望するイメージカラーを確認しましょう。

先生

Webデザインをする上で、色はその印象を大きく左右する重要なものなんだ。

Webデザインの印象を左右!カラーの基本知識と便利な配色ツールとはこの記事は次のような方のために書きました。 ・Webデザインを制作したいだけれど、配色で迷ってしまうので知識を知りたい ...

Webサイトのイメージ

先生

もし参考URLがないという場合は、伝えたいイメージを表す言葉を複数準備して、どのイメージが近いかをヒアリングすると効果的だよ。

例えば

といったふうな感じが挙げられます。

希望のフォントとカラー

フォントのサイズやカラーも、Webサイトのイメージが大きく変わりますし、また、文字の太い細い、でも印象が変わります。

例えば、教科書のような真面目な明朝体の文字と、手書き風でポップな文字とでは、見る人に与える印象がぜんぜん違ってきます。

先生

クライアントが希望するフォントやカラーがあれば聞いておこう。

⑤コンテンツの素材

先生

コンテンツの素材について、次のことをお話ししていくよ。

ロゴや画像・原稿の有無

もし、次のようなものがあれば共有してもらいましょう。

上記のようなものの事前の確認が必要です。

撮影の有無

Webサイトを作るときに、会社のスタッフの写真や商品の写真などで、あらためて写真撮影が必要かどうかを確認しましょう。

そして、撮影が必要になると、スケジュールの調整が必要です。

もし、すでに写真データがある場合は共有してもらいましょう。

会社案内のパンフレット

クライアントの会社案内のパンフレットやチラシなどがあれば、企業のイメージや雰囲気が正確にわかりますし、Webサイトのコンテンツやイメージがわかり、制作するときに役に立ちますので、共有してもらいましょう。

⑥スケジュールや予算

スケジュールや予算についてもあらかじめヒアリングしておくことで、Webサイトの制作を進める目途が立ちます。

次のようなことをクライアントから聞き出しましょう。

納期や公開予定の希望日

先生

まず、Webサイトの納期や公開予定の希望日は必ず確認しておこう

希望の納期日から逆算してクライアントと次のようなことを相談しながら、スケジュールを立てていきましょう。

制作にかかる期間の目安を前もってクライアントに伝えておきましょう。

先生

未経験でWebサイトを作る際にも、正式に受注する前にここで向き合うことも大切だよ。

予算や費用

ヒアリングの時に、予算やかかる費用についてもクライアントに必ず確認しよう。

予算によって、

が変わってきます。

これらのヒアリングをした後に、見積もりを提案するという流れになります。

もし低予算の場合は、その解決策として、制作の流れで省略できる工程の有無や、クライアントの方でしていただける作業がないかを考えてみましょう。

作業工程が少なく済むテンプレートを準備してそれを利用した制作をクラアントに提案するという方法もあります。

⑦ページ制作や設計

Webサイトの仕様について、次のようなことをヒアリングしましょう。

対応ブラウザやデバイス

などの対応が必要なのかどうかも確認しましょう。

最近ではスマートフォンからのWebサイトを見ることも多いですので、レスポンシブデザインが主流になってきています。

レスポンシブWebデザインで何ができるの?メリットや作る方法を解説この記事は次のような方へ向けて書いています。 ・レスポンシブWebデザインで何ができるのかを詳しく知りたい ・レスポンシ...

サイトのボリューム数やページ数

Webサイトで紹介するコンテンツや量によって、サイトのボリューム数やページ数が変わります。

どれくらいのボリュームを望んでいるのかを確認し、またどの程度のボリュームになるかを想定して提案していくことも大切です。

⑧クライアントの情報

クライアントの情報として、次のようなこともヒアリングしましょう。

担当者の連絡先や連絡手段

などを確認しましょう。

また、

など、今後の連絡手段についても聞いておきましょう。

さらに、定休日や連絡が取れない時間帯なども聞いておけば、すれ違いで困ることも少なくなります。

Webサイトの最終決定権限

Webサイトの最終決定権限を持つのは、担当者ではない場合もあります。

ある程度、クライアントとの関係性ができてからでもOKですので、Webサイトの最終決定権限は誰なのかも確認しておきましょう。

⑨Webサイト更新やサイト環境

Webサイトが完成した後の運営について、次のようなこともヒアリングしましょう。

Webサイトの更新の有無

Webサイトを制作後、運営し始めてからの更新が必要なのか、また必要な場合は、どれくらいの頻度で更新を行うかということをあらかじめ決めておきましょう。

更新や管理の担当者の確認と、コーディングなどの知識の有無も聞いておきましょう。

サポートの有無

Webサイトを更新するために、継続したサポートの有無も確認しましょう。

継続したサポートが必要であれば改めて、

などを交渉することが必要になります。

サーバーやドメインの有無

先生

Webサイトのサーバーは、自社のサーバーなのか、レンタルサーバーなのかを確認しよう。

また、ドメイン取得の状況についても聞きましょう。

もし取得が必要であれば、どのようなドメインを希望しているか、また管理についても確認することが必要です。

⑩Webマーケティング

公開後のWebマーケティングについて次のようなヒアリングをしましょう。

SEO対策

Google検索エンジンからのアクセスを狙う場合であったら、SEO対策をする必要がありますので、ヒアリングが必要です。

クライアントが期待する効果を得られるように、対策を考えましょう。

SNSとの連携

SNSと連携するか、またSNSを使ってWebマーケティングを行う予定の有無を確認しましょう。

クライアントが期待する効果を上げるためにも、SNSの連携をすると効果が期待できます。

Webデザインにマーケティング力が必要な理由｜売れるサイトを目指すこの授業は次のような方に受けていただきたいです。 ・売り上げが伸びるWebサイトにしたい ・マーケティングが必要な理由を...

ヒアリングシートを活用しよう

ここまで、ヒアリングをするときに必要な10項目についてお話ししてきました。

実際にヒアリングをする時には、クライアントからの要望を聞き漏らさずに確認するために、「ヒアリングシート」を使うことをおすすめします。

先生

ヒアリングシートを使うことで、こちらからのアイディアをわかりやすく提案しやすくなるんだ。

そこでここでは、ヒアリングシートについて、次の2つのことをお話ししていきます。

ヒアリングシートの必要性

Webサイトのイメージをクライアントと共有するためにヒアリングシートを使うのですが、ヒアリングで合意した内容で制作を進めたという証拠にもなります。

デザイニャー

ヒアリングシートの存在は重要だニャン。

Webサイトを制作した後のクライアントからのクレームは、事前に制作内容の合意が十分でなかったことが原因であることも多いです。

ヒアリングシートを作成するポイント

ヒアリングシートを自分で作成するときに、ヘッダーやフッター、CMSといった専門用語は、クライアントに伝わりにくいこともありますので、控えるようにしましょう。

ヒアリングシートの内容は、選択肢を用意したりするなど、クライアントが回答しやすくする工夫をしましょう。

また、それぞれの案件によって、同じヒアリングシートは使えない場合もありますので、必要なヒアリング項目をその都度追加したり変更したりしましょう。

ヒアリングシートのサンプルを紹介しているサイトもあります。

>>ヒアリングシートで要望まとめが簡単便利！目的別テンプレート18選」」

Webデザイン制作に強い味方になるヒアリングシートの作り方を解説この授業は次のような方におすすめします。 ・Webデザインの制作をすることになったのだけれど、ヒアリングシートを使うのにどんな...

ヒアリングシートを使う目的とタイミング

ヒアリングシートは、クライアントが抱えている問題点や要望を聞き出してWebサイト制作を円滑に行うために必要なものです。

Webサイトを制作する時には、以下のようなさまざまな工程があります。

ディレクターやデザイナー、コーダーといった、Webサイトを作る際に携わるスタッフに、ヒアリングした内容を共有する必要があります。

デザイニャー

ここで「ヒアリングシート」が活躍するんだニャン。

クライアントから聞き出した、質問事項がまとめられていて、クライアントが求めているものを把握するときにとても役に立ちます。

ここでは、次のようなことを紹介していきます。

ヒアリングシートを使う目的

ヒアリングシートを使う目的には、次のようなことが挙げられます。

ヒアリングでクライアントの現状を聞き出してから、それをヒアリングシートに落とし込むことで、

などを把握することができます。

それをもとに、明確なゴール設定をすることで、集客率をUPさせるようなWebサイトを制作する可能性が高まります。

それに加えて、その他の数多くの情報を整理できる点もヒアリングシートの長所です。

スムーズな打ち合わせをする助けにもなりますので、ヒアリングシートはWebサイト制作には大切な存在です。

ヒアリングシートを使うタイミング

ヒアリングシートを使うタイミングとして適切なのは、Webサイトの制作開始前です。

ヒアリングシートを作成するツール

先生

ヒアリングでヒアリングシートを使う時に、自分で作る人も多いんだ。

ヒアリングシートに決まった書式はないので、自分の作りたいようにカスタマイズしてOKです。

ヒアリングが終わった後に、

という点を確認しておきましょう。

そんなヒアリングシートを自分で作る際に適したツールには次の3つのものがあるよ。

Excel（Googleスプレットシート）

セルを色分けしたり、項目を分けたりするなどのレイアウトも自由に好きなように作ることができる使いやすいツールです。

左側の列に項目、右側の列に解答欄を作って、行ごとに管理するのがおすすめの使い方です。

Word（Googleドキュメント）

文章を作成するのに使いやすいツールです。

質問項目に見出し設定をして、回答を標準テキストで記入することで、ナビゲーションから項目を管理できます。

Googleフォーム

Googleの無料で使うことができるウェブフォームです。

自由に項目を設定できるので、比較的簡単に使える、アンケート作成に特化したサービスです。

ヒアリングしながら自分で回答を選択することもできますし、クライアントにURLを送信してWeb上で回答してもらうこともできます。

アンケートの結果を集計して、データ解析することもできます。

ヒアリングシートをブラッシュアップしよう

Webサイトの案件の経験がない場合は、ネットで調べたりして、テンプレート的なヒアリングシートを使うことになります。

色々な案件をこなしていくうちに、これも確認しておくといい、という内容も出てくることもあります。

Webの技術の進歩に合わせる意味も込めて、その都度内容を整理してブラッシュアップをしていきましょう。

ヒアリングで困らない5つのポイント

最後に、ホームページ制作のヒアリング時に注意すべきポイント５つを紹介します。

打ち合わせ前からヒアリングシートのやり取りをしておく

ヒアリングシートは、打ち合わせ前にクライアントに送って、やり取りができるのが理想です。

打ち合わせ前の時点で、わかる範囲でクライアントに答えていただくことで、あらかじめクライアントについての知識や業務の知識や同業者のリサーチもした上でヒアリングができるので、状況把握がスムーズにできます。

前もって書いてもらったヒアリングシートを基にして、実際のヒアリングを詰めていくことが目的なので、依頼内容やクラアントの状況がわかる範囲内での質問項目にとどめておきましょう。

視覚で確認できるデザインの方向性の準備をしておく

ヒアリングする際には、デザインの方向性（トーン&マナー）を固められるように準備しておくことも大切です。

視覚で確認できるように、配色パターンや参考サイト、過去の実績などをヒアリングの際に見せられるように準備しておくと、デザインの方向性や配色が具体化されて、Webサイトのイメージの方向性を合わせることができます。

これをしないままWebサイト制作を進めてしまうと、クライアントが思っていた仕上がりと違ってしまう可能性もあり、クレームをつけられる恐れもあります。

クライアントに満足してもらえるWebサイトを完成させるためにも、ヒアリングの時に視覚でデザインの方向性を定めて行くようにしましょう。

クライアントの業務内容でわからないことを聞く

Webサイト制作は、クライアントと制作会社の共同作業です。

双方が認識をすり合わせることで、お互いに満足するWebサイトを作ることができます。

クライアントの業務内容についての知識がわからないと、目的を達成するためのWebサイトの設計ができません。

事前にクライアントの業務のことを調べることももちろんですが、中にはクライアントにしかわからないような専門的なこともありますので、そこは遠慮しないで、わからないと感じたことは聞いておきましょう。

また、相手が希望する条件と、こちらが提示できる条件はマッチしているのかといったことでわからない点や懸念点があればしっかり聞いて疑問を解消しましょう。

少しでもわからないと思ったことや気になったことはヒアリングの時に確認するようにして、できる限り曖昧な部分をなくして、必要な情報がわかるようにすることが大切です。

質問に全部はこたえられなくてもOK

もしクライアントから質問されてわからないかったりしたら、「持ち帰って調査後お返事します」で大丈夫です。

背伸びして曖昧な答えしかできないよりも、信頼を得ることができます。

受け身にならず提案する姿勢を

Webサイト制作時のヒアリングをする際には、受け身の姿勢でいるのは避けた方がいいです。

あまり対応したことがない業界だった場合には、しっかり聞くのはいいのですが、つい質問ばかりして受け身になってしまうかもしれません。

しかし、クライアントはWebに関する知識がないからこそ、Webデザイナーに依頼したいと思って打ち合わせに来ています。

クライアントも希望通りのWebサイトを作ってもらいたいとはいえ、わからないことや悩むこともあるので、プロの意見も聞きたいとも思っています。

なので、有益だと思う提案があれば、積極的にクライアントに提案するといいでしょう。

受け身なばかりの姿勢よりも、クライアントに提案もして対等に関わる立場にいることで、信頼関係も生まれやすくなります。

【徹底解説】Webデザインやサイト制作に必要なヒアリングのポイントこの記事は次のような方におすすめです。 ・初めてWebサイト制作を依頼された。 ・Webサイトを作る際のヒアリングはどん...

まとめ

先生

この授業では次の62個のことについてお話ししてきたよ。

クライアントから満足してもらえるWebサイトを作るには、ヒアリングで、どんなWebサイトにしたいのか、クライアントがどんな悩みや課題を抱えているのかをしっかり聞きとることが鍵となります。

そして聞き取った内容をヒアリングシートにまとめることで、Web制作がスムーズに行くようになりますし、何かの時の証拠にもなることがわかりましたね。

この授業で紹介したヒアリングシートのテンプレートを使ったり、または自分でヒアリングシートを作成したりするといいでしょう。

私たちは頑張るあなたを応援しています。