ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門...
-
Upload
junzo-matunoo -
Category
Internet
-
view
1.307 -
download
0
Transcript of ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門...
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© NPO法人クリエイター育成協会 All Rights Reserved.
強みと顧客を見つける方法
1
ウェブサイト制作要件を「見える化」する! 中小企業のための ヒアリング術入門
NPO法人クリエイター育成協会
松野尾 絢三
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
2
自己紹介
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
3
松野尾 絢三(まつのお じゅんぞう)NPO法人 クリエイター育成協会 理事合同会社 ワイヤーフレームズ 代表
ウェブを勉強したスクールににそのまま2年半講師として居座り、NPO法人クリエイター育成協会の立ち上げメンバーとして参画。その後、合同会社ワイヤーフレームズを有志3人と立ち上げウェブデザイナー、ウェブディレクターとしてキャリアスタート。現在は、ウェブアプリケーションのプロジェクトマネージャー・ディレクターやプログラマーとして仕事しています。また、たまに企業研修の講師やウェブ系のセミナーに登壇させていだいたりしてます。
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
4
CMSのWordPressをメインとして様々な中小企業向けのサイトを制作
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
5
書籍の紹介
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
6
デザイナーのためのプロの制作術が身につく Webディレクションの教科書
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
7
本書の最大の特徴
クライアントのレベルによって5つの人物像を立て そのレベルに応じてどのように対応したら良いかを
体系化しています
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
8
例えば
:��������%�&$� �2���-1������;%�&$� �2����69�/)�84�*��3������<'����#�!���+,�7��"��(�.��50� ��
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
9
本題
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
10
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
11
制作の「要件」てなんだろう
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
12
機能?
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
13
デザイン?
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
14
CMSのカスタマイズ?
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
15
始まった時は明確じゃない
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
16
だから、依頼者
に聞く(ヒアリングする)
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
17
要件を見える化する =
落としこんでいく作業
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
18
抽象的 → 具体的
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
19
じゃあ何を具体的にしていく必要があるんだろう?
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
20
主に私達にHPの制作を依頼してくださる方
1人でやっている経営者の方
従業員数5~20名ほどの規模の企業
従業員数はあまり多くない
ほとんど新規ではなく、リニューアル
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
21
依頼者のうちの大半
自社の事を理解できていない
うまく説明できない
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
22
中小企業の社長(担当者)は
忙しい
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
23
本業が忙しいから
自社を分析をする機会が少ない
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
24
本業が忙しいから
色々考える時間が少ない
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
25
そんな人に
あなたの強みはなんですか?
と聞いても、答えを出せなかったりする ナニソレオイシイノ
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
26
ウェブサイトを制作要件を見える化する第一歩
依頼者のことを「 見える化 」する
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
27
でもどうやって?
依頼者のことを「 見える化 」する?
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
28
でもどうやって?
あなたはどんなことを聞いたら 依頼者のことを 「見える化」
できると思いますか?
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
29
いきなりできることではないし 依頼者の何を分析したらいいかがわからない
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
30
でも、安心してください
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
31
世の中にはそれらを 「見える化」するための フレームワークやメソッド
がたくさんあります
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
32
フレームワーク? メソッド?
横文字わからん
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
33
ビジネスの世界はフレームワークだらけ
KPI・KGI
3C分析
SWOT分析
PDCA
4P分析
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
34
フレームワークを使う理由
すでに体系化されたものに落としこむだけで 結果が導き出される
たしかに横文字や、難しいことばが多いように感じますが 少しの勉強と実践で習得できる
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
35
なぜ顕在化(見える化)しないといけない?
なぜ見つけ出す?どうやって見つけ出す?
意識・状況の共有
自己分析
発注者と製作者のギャップを埋める○○○だから○○○(理由付け)
己を知る
向いている方向を一つにして足並みをそろえる
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
36
3-6-3ヒアリングシート依頼者を見える化するために使うツール
戦略キャンパス「A4」一枚アンケートペルソナモデル
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
37
3-6-3ヒアリングシート依頼者を見える化するために使うツール
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
38
3-6-3ヒアリングシート依頼者を見える化するために使うツール
目的自社が思う「強み」を見える化するため
方法3-6-3ヒアリングシートに回答する
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
39
3-6-3ヒアリングシート依頼者を見える化するために使うツール
何がわかる(見える化できる)?担当者目線・企業目線・顧客目線の3つの視点で経営者や担当者
が考えていることをアウトプットすることができる担当者目線 自社の魅力・ユーザーに伝えたい方針
企業目線 自社の強み・抱えている課題
顧客目線 ターゲットとするユーザー・ユーザーに与える価値
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
40
戦略キャンパス依頼者を見える化するために使うツール
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
41
戦略キャンパス依頼者を見える化するために使うツール
目的自社のサービスや製品を、他社と比較する
方法横軸に商品の比較するポイントを記入する
自社と競合の線を、とても良い~とても悪いの基準で描いていく
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
42
戦略キャンパス依頼者を見える化するために使うツール
実用例
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
43
戦略キャンパス依頼者を見える化するために使うツール
何がわかる(見える化できる)?自社のサービスと、競合のサービスとの差別的優位点を見える化
し、競合にはない強みを見つける
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
44
「A4」一枚アンケート依頼者を見える化するために使うツール
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
45
「A4」一枚アンケート依頼者を見える化するために使うツール
目的顧客から、効率よく製品やサービスを利用している理由
や流入経路を知る方法
詳しくは、
「A4」1枚アンケートで利益を5倍にする方法―チラシ・DM・ホームページがスゴ腕営業マンに変わる! をご覧ください
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
46
ペルソナモデル依頼者を見える化するために使うツール
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
47
ペルソナモデル依頼者を見える化するために使うツール
目的新規サービスの立ち上げ・あるいは顧客からアンケートを取れないとき
に、ターゲットを見える化する
方法3-6-3ヒアリングシートで抽出した顧客目線のデータをもとにする
顧客の行動を予測しやすくできる
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
48
ペルソナモデル依頼者を見える化するために使うツール
何がわかる(見える化できる)?一利用者としてのペルソナを立てることでチームないでターゲッ
トを見える化する
ターゲットが取りそうな行動を仮定することができる
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
49
依頼者を見える化することまとめ
ツールを使うことで見える化できる
見える化すると、その情報を全体に共有することができ、みんな一つの方向を向くことができる
発注者と製作者との間のギャップも埋めることができる
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
50
全てを使う必要はないまとめ
「誰に・何を」や「強み・顧客のニーズ」が見える形になれば良い
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
51
ご静聴ありがとうございました
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›
ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門
52
質問タイム!