1.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
打ち合わせワークショップの勧め
良い仕事は
良い打ち合わせから
SaCSS #19 2019/02/09 合同会社CGFM 金内 透
良い仕事は
良い打ち合わせから

2.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
福岡からやってきました
4人で

3.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
福岡から来たとよ
金内 透
@Garyuten
金内 和子
@mutsuking
むしんち
@mushinchi
Gauss（春岡）
@GaussPlane
フロントエンドエンジニア
Webファシリテーター
Web/UIデザイナー
わぷーの母
Webデザイナー
猫・ゲーム好き
エンジニア
将棋・熟女好き
合同会社CGFM

4.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
自己紹介
金内 透
@Garyuten
合同会社CGFM
ファシリテーション研究会福岡、baserCMSユーザー会、他
サイト研究会(仮) サト研元運営
#フロントエンドエンジニア #HTMLコーダー #アクセシビリティ #react #ファシリテーター #動物占い #保冷剤
#うっかり #スプラトゥーン #EDF5 #ペルソナ5 #モンハン弓道部 #ディアブロ3
福岡でのコミュニティ活動
フロントエンドエンジニア/webファシリテーター
+ 非常勤講師/講師業

5.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
CGFMのミッション
Create a Good
Future Meeting

6.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
みなさん、打ち合わせ
どうしてますか？

7.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
企画書
準備していきますか？

8.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ヒアリングシート
準備してます？

9.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
弊社では
企画書を準備しません

10.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ヒアリングシートも
持参してません

11.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
私達はこんな
打ち合わせをしています

12.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

13.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

14.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

15.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

16.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

17.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

18.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

19.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
関係者で意識共有するために
ワークショップを行ってます
今日一番伝えたいこと

20.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

21.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

22.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

23.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

24.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
アイスブレイク

25.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
隣の人を交代で褒めましょう
1組3分
アイスブレイク

26.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
＜動物占い やってくださいよ
アイスブレイク
ア、ハイ＞
前夜祭にて

27.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
動物占い
アイスブレイク
[動物占い 12キャラ] で検索
結果を隣の人と共有してください
「あなたのキャラは◯◯ですが当たってますか？」

28.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
自
分
軸
状況対応型 目標思考型
他
人
軸
ライオン ペガサス
チータ ゾウ
トラ 狼
サル コアラ
ヒツジ
黒ひょう
子鹿
タヌキ

29.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
14人中5人トラ
ムードメーカー
調整役

30.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
動物占いは他者を知るツール
チームビルディングの最初にやるといい
動物占い
※決めつけダメ絶対

31.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
アイスブレイクは
ワークショップに繋がる内容が良い
動物占い

32.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップやってる内に
ファシリテーション
頼まれるように

33.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
スタートアップ企業の
ビジョン見直し
社員総会

34.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

35.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

36.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
システム会社の
チームビルディング

37.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

38.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
設立30年の企業の
ロゴリニューアルの
幹部会議

39.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

40.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

41.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
Webサービスの
戦略ミーティング

42.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

43.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

44.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

45.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
今日はこれから
ワークショップ形式の
打ち合わせの手法や
良さを共有します

46.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ型打ち合わせ
の
メリット・デメリット

47.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ型打ち合わせのメリット
・ちゃぶ台返しの率が低くなる
・熱量共有することで関係者との関係が良くなる
・認識のズレを減らせる
関係者間で意識共有できる

48.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ型打ち合わせのデメリット
・MTG後、仕様が確定するまでの期間を要する
→短納期案件には不向き
・意見が広がりすぎた時の収束が大変
→現実的な落としどころが必要

49.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
事前準備

50.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
事前準備
・会場
・小道具
・参加メンバーの選定
・当日のプログラム構成
・全画面の印刷
・その他

51.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
事前準備 ‑ 会場
・紙が貼れる広い壁がある部屋
・ホワイトボードやプロジェクター
全面ホワイトボードなら最高
会場大事

52.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
事前準備 ‑ 小道具
・付箋紙
・プロッキー（水性の太ペン）
・A3、A4用紙
・メンディングテープ
・はさみやカッター
・はがせるノリ
その場でワイヤーフレームの修正
・ひっつき虫 = 万能

53.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
事前準備 ‑ 参加メンバーの選定
・キーマン、決裁権を持っている人
・ターゲットユーザーを一番理解してる人
例）販売窓口・サポートセンター
できるだけ巻き込み型で

54.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
事前準備 ‑ 全画面の印刷
・基本1部のみ
・A3で大きめに出力
縦に長い画面は切って繋いでおく
全員分の印刷不要

55.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
事前準備 ‑ その他
・お菓子大事！
・BGM（JAZZ, ゲーム系)
・アロマ（合法）
たくさんのアウトプットするため
のサポートは惜しまない

56.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
心がけてる点

57.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
心がけてる点
・場のルールを決めておく
（おすすめは5グラウンドルール）
・スケジュール、タイムキーパー
・資料は壁に貼る（立たせる）
・メモは共有できる形に残す

58.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
心がけてる点 ‑ 場のルール
場のルール
たくさんのアウトプット
良質な仮説

59.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
心がけてる点 ‑ 場のルール
1. ほめる
2. 聴く
3. 受け止める
4. 待つ
5. 楽しむ
5グラウンドルールは株式会社つくるひとの登録商標です
5グラウンドルール
粗野なアウトプットを歓迎する
傾聴 弟子が師匠に尋ねるように
受容≠肯定 受容してから肯定/否定
生産的沈黙 上書きしない
楽しさはクリエイティブの源

60.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
心がけてる点 ‑ 資料は壁に貼る
立った方が良いアイディアが出る
画面遷移が俯瞰しやすい
印刷部数が1部で済む
できれば次回まで残す

61.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
心がけてる点 ‑ 資料は壁に貼る
壁がない場合は
大きなA3で1部に出力
皆で確認して
皆で書き込む

62.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
心がけてる点 ‑ メモの共有
メモは全員で残す
写真を撮って議事録に
できれば次回MTGまで残す
模造紙だと保存が楽
模造紙を共有スペースに貼ってもらうと効果大

63.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ手法の紹介

64.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ手法
・ビジネスモデルキャンバス
・ペルソナ＋行動シナリオ
・穴埋め作文
・ゴールデンサークル

65.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ手法 ‑ ビジネスモデルキャンバス

66.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ手法 ‑ ビジネスモデルキャンバス
こんなWebサイトのヒアリング時にオススメ
・企業紹介サイト、製品サービスの紹介
・企業のブランディングを考える時
・アプリ(サービス)の設計を考える時

67.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ手法 ‑ ビジネスモデルキャンバス

68.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ手法 ‑ ペルソナ＋行動シナリオ
ペルソナを立てるだけではダメ
サイト・サービスをどんな風に利用するのか、
想定した行動シナリオを準備する
そのペルソナになりきってサイト構成を考える

69.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ手法 ‑ ペルソナ+アクティビティシナリオ

70.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ手法 ‑ ペルソナ+アクティビティシナリオ

71.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

72.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

73.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

74.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ手法 ‑ 穴埋め作文
◯◯◯◯◯◯◯◯は
顧客・ターゲット
顧客が抱える課題
御社のリソース・活動
の
という悩みを
で解決する
会社(サービス)です

75.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ手法 ‑ 穴埋め作文

76.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
・コンセプトやキャッチコピー
をまとめたい場合
・作り手とエンドユーザーが
乖離しそうな時
・機能優先な時に
（モノよりコトにしたい時）
ワークショップ手法 ‑ ゴールデンサークル
Why
How
What
Golden Circle

77.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

78.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
大事なこと
・ビジネスモデルキャンパスなど、
フレームワークを埋めるのが目的ではない
・お客さんの本音を引き出すための手段
・引き出す手段は多い方がいい
手法はあくまで手段

79.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

80.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ワークショップ型打ち合わせまとめ
こんな時にオススメです
・関係者間で意識共有してスムーズに進めたい時
・クライアントから本音を引き出し掘り下げたい時
・打ち合わせで議論を活性化させたい時
・サービスで方向性を見失ってると感じた時
（ちゃぶ台返し防止策）

81.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
残り時間
15分ある？

82.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ぷちワークショップ
やってみよう！

83.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
10点レビュー(仮)
・共通のお題、テーマで書いた意見を
シャッフルして参加者全員でレビューする手法
・2人1組で10点満点で採点
・これを5回繰り返す

84.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

85.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

86.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss

87.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
10点レビュー(仮)
・投票制ではないレビュー方法
・無記名で純粋に意見・アイディアに対して
レビューできる
・公平感

88.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
テーマ
あなたにとって
SaCSSとは？
テーマ
付箋1枚に簡潔にまとめて書いてください
※無記名で！！

89.
@Garyuten CGFM.LLCSaCSS #19 2019/02/09
#sacss
ありがとうございました
Create a Good Future Meeting