ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門...

52
記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。 copyright© NPO法人クリエイター育成協会 All Rights Reserved. 強みと顧客を見つける方法 1 ウェブサイト制作要件を「見える化」する! 中小企業のための ヒアリング術入門 NPO法人クリエイター育成協会 松野尾 絢三

Transcript of ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門...

Page 1: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© NPO法人クリエイター育成協会 All Rights Reserved.

強みと顧客を見つける方法

1

ウェブサイト制作要件を「見える化」する! 中小企業のための ヒアリング術入門

NPO法人クリエイター育成協会

松野尾 絢三

Page 2: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

2

自己紹介

Page 3: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

3

松野尾 絢三(まつのお じゅんぞう)NPO法人 クリエイター育成協会 理事合同会社 ワイヤーフレームズ 代表

ウェブを勉強したスクールににそのまま2年半講師として居座り、NPO法人クリエイター育成協会の立ち上げメンバーとして参画。その後、合同会社ワイヤーフレームズを有志3人と立ち上げウェブデザイナー、ウェブディレクターとしてキャリアスタート。現在は、ウェブアプリケーションのプロジェクトマネージャー・ディレクターやプログラマーとして仕事しています。また、たまに企業研修の講師やウェブ系のセミナーに登壇させていだいたりしてます。

Page 4: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

4

CMSのWordPressをメインとして様々な中小企業向けのサイトを制作

Page 5: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

5

書籍の紹介

Page 6: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

6

デザイナーのためのプロの制作術が身につく Webディレクションの教科書

Page 7: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

7

本書の最大の特徴

クライアントのレベルによって5つの人物像を立て そのレベルに応じてどのように対応したら良いかを

体系化しています

Page 8: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

8

例えば

:��������%�&$� �2���-1������;%�&$� �2����69�/)�84�*��3������<'����#�!���+,�7��"��(�.��50� ��

Page 9: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

9

本題

Page 10: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

10

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

Page 11: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

11

制作の「要件」てなんだろう

Page 12: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

12

機能?

Page 13: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

13

デザイン?

Page 14: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

14

CMSのカスタマイズ?

Page 15: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

15

始まった時は明確じゃない

Page 16: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

16

だから、依頼者

に聞く(ヒアリングする)

Page 17: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

17

要件を見える化する =

落としこんでいく作業

Page 18: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

18

抽象的 → 具体的

Page 19: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

19

じゃあ何を具体的にしていく必要があるんだろう?

Page 20: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

20

主に私達にHPの制作を依頼してくださる方

1人でやっている経営者の方

従業員数5~20名ほどの規模の企業

従業員数はあまり多くない

ほとんど新規ではなく、リニューアル

Page 21: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

21

依頼者のうちの大半

自社の事を理解できていない

うまく説明できない

Page 22: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

22

中小企業の社長(担当者)は

忙しい

Page 23: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

23

本業が忙しいから

自社を分析をする機会が少ない

Page 24: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

24

本業が忙しいから

色々考える時間が少ない

Page 25: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

25

そんな人に

あなたの強みはなんですか?

と聞いても、答えを出せなかったりする ナニソレオイシイノ

Page 26: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

26

ウェブサイトを制作要件を見える化する第一歩

依頼者のことを「 見える化 」する

Page 27: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

27

でもどうやって?

依頼者のことを「 見える化 」する?

Page 28: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

28

でもどうやって?

あなたはどんなことを聞いたら 依頼者のことを 「見える化」

できると思いますか?

Page 29: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

29

いきなりできることではないし 依頼者の何を分析したらいいかがわからない

Page 30: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

30

でも、安心してください

Page 31: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

31

世の中にはそれらを 「見える化」するための フレームワークやメソッド

がたくさんあります

Page 32: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

32

フレームワーク? メソッド?

横文字わからん

Page 33: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

33

ビジネスの世界はフレームワークだらけ

KPI・KGI

3C分析

SWOT分析

PDCA

4P分析

Page 34: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

34

フレームワークを使う理由

すでに体系化されたものに落としこむだけで 結果が導き出される

たしかに横文字や、難しいことばが多いように感じますが 少しの勉強と実践で習得できる

Page 35: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

35

なぜ顕在化(見える化)しないといけない?

なぜ見つけ出す?どうやって見つけ出す?

意識・状況の共有

自己分析

発注者と製作者のギャップを埋める○○○だから○○○(理由付け)

己を知る

向いている方向を一つにして足並みをそろえる

Page 36: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

36

3-6-3ヒアリングシート依頼者を見える化するために使うツール

戦略キャンパス「A4」一枚アンケートペルソナモデル

Page 37: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

37

3-6-3ヒアリングシート依頼者を見える化するために使うツール

Page 38: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

38

3-6-3ヒアリングシート依頼者を見える化するために使うツール

目的自社が思う「強み」を見える化するため

方法3-6-3ヒアリングシートに回答する

Page 39: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

39

3-6-3ヒアリングシート依頼者を見える化するために使うツール

何がわかる(見える化できる)?担当者目線・企業目線・顧客目線の3つの視点で経営者や担当者

が考えていることをアウトプットすることができる担当者目線 自社の魅力・ユーザーに伝えたい方針

企業目線 自社の強み・抱えている課題

顧客目線 ターゲットとするユーザー・ユーザーに与える価値

Page 40: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

40

戦略キャンパス依頼者を見える化するために使うツール

Page 41: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

41

戦略キャンパス依頼者を見える化するために使うツール

目的自社のサービスや製品を、他社と比較する

方法横軸に商品の比較するポイントを記入する

自社と競合の線を、とても良い~とても悪いの基準で描いていく

Page 42: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

42

戦略キャンパス依頼者を見える化するために使うツール

実用例

Page 43: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

43

戦略キャンパス依頼者を見える化するために使うツール

何がわかる(見える化できる)?自社のサービスと、競合のサービスとの差別的優位点を見える化

し、競合にはない強みを見つける

Page 44: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

44

「A4」一枚アンケート依頼者を見える化するために使うツール

Page 45: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

45

「A4」一枚アンケート依頼者を見える化するために使うツール

目的顧客から、効率よく製品やサービスを利用している理由

や流入経路を知る方法

詳しくは、

「A4」1枚アンケートで利益を5倍にする方法―チラシ・DM・ホームページがスゴ腕営業マンに変わる! をご覧ください

Page 46: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

46

ペルソナモデル依頼者を見える化するために使うツール

Page 47: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

47

ペルソナモデル依頼者を見える化するために使うツール

目的新規サービスの立ち上げ・あるいは顧客からアンケートを取れないとき

に、ターゲットを見える化する

方法3-6-3ヒアリングシートで抽出した顧客目線のデータをもとにする

顧客の行動を予測しやすくできる

Page 48: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

48

ペルソナモデル依頼者を見える化するために使うツール

何がわかる(見える化できる)?一利用者としてのペルソナを立てることでチームないでターゲッ

トを見える化する

ターゲットが取りそうな行動を仮定することができる

Page 49: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

49

依頼者を見える化することまとめ

ツールを使うことで見える化できる

見える化すると、その情報を全体に共有することができ、みんな一つの方向を向くことができる

発注者と製作者との間のギャップも埋めることができる

Page 50: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

50

全てを使う必要はないまとめ

「誰に・何を」や「強み・顧客のニーズ」が見える形になれば良い

Page 51: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

51

ご静聴ありがとうございました

Page 52: ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

記載されている全ての画像・文章等の無断転載・利用・複製を禁じます。copyright© 合同会社ワイヤーフレームズ All Rights Reserved.‹#›

ウェブサイト制作要件を「見える化」する!中小企業のためのヒアリング術入門

52

質問タイム!