むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/cssnitefukuoka13-takaki.pdf ·...

55
むずかしい!と言われないための お客様とのコミュニケーション術 2019.2.26 CSS Nite in Fukuoka, vol.13 合同会社ひとつぶの空 高木 剛志

Upload: others

Post on 23-Jun-2020

8 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

むずかしい!と言われないための

お客様とのコミュニケーション術

2019.2.26CSS Nite in Fukuoka, vol.13

合同会社ひとつぶの空 高木 剛志

Page 2: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

自己紹介

合同会社ひとつぶの空

・福岡糸島在住・ガラスアートとウェブの会社・ウェブデザイナー・デジタルハリウッド STUDIO福岡 講師

@nigorock

http://hitotsubu-sora.com

副代表 高木 剛志たかき つよし

Page 3: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術
Page 4: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

こんな経験はないでしょうか?

Page 5: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

・お客様に最適な提案をしても「難しくてわからん!」の一言で保留

Page 6: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

・お客様に最適な提案をしても「難しくてわからん!」の一言で保留

・提案してもどうもうまく伝わらずに採用されない

Page 7: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

・お客様に最適な提案をしても「難しくてわからん!」の一言で保留

・提案してもどうもうまく伝わらずに採用されない

・ツールの使い方を理解してもらえない

Page 8: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

セッションのテーマ http://hitotsubu-sora.com

理解が足りない

知識がない

インターネットに慣れていない

年齢が高い

Page 9: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

セッションのテーマ http://hitotsubu-sora.com

理解が足りない

知識がない

インターネットに慣れていない

年齢が高い

お客様側の問題?

Page 10: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

セッションのテーマ http://hitotsubu-sora.com

お客様がちゃんと理解できるよう

制作者側が説明できてる?

Page 11: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

セッションのテーマ http://hitotsubu-sora.com

ウェブに慣れていない

お客様とのコミュニケーションを

スムーズにしたい

Page 12: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術
Page 13: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

糸島の紹介

Page 14: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術
Page 15: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術
Page 16: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

・100を超えるクラフト工房

・工房めぐりの観光が定着

・休日は多くの観光客でにぎわう

・糸島クラフトフェス3日で1万5千人集客

Page 17: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

きっかけ http://hitotsubu-sora.com

2017年から糸島のクラフト工房の方を対象にしたウェブ活用講座(情報発信講座)を行っている

Page 18: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

きっかけ http://hitotsubu-sora.com

「いとしま応援プラザ」

・工房をとりまとめて紹介・起業支援など・福岡県広域地域振興課

との連携で実現

Page 19: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

きっかけ http://hitotsubu-sora.com

「ホームページを作りたいけれども誰に頼むのが良いかわからない」

「費用が高そう、気軽に相談できない」

「知識がないので難しい事を言われると不安」

Page 20: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

きっかけ http://hitotsubu-sora.com

ウェブ制作者が思っているより敷居を高く感じている

Page 21: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

きっかけ http://hitotsubu-sora.com

「応援プラザさんの紹介ならやってみようか」

Page 22: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

きっかけ http://hitotsubu-sora.com

紹介の「信頼感」状況をわかっている人が教えてくれる

「応援プラザさんの紹介ならやってみようか」

Page 23: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

わかりやすくするには?

Page 24: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

わかりやすくするには? http://hitotsubu-sora.com

発注者制作者

前提が異なると理解しにくい

Page 25: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

わかりやすくするには? http://hitotsubu-sora.com

発注者 制作者

まず前提条件を揃える

Page 26: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

わかりやすくするには? http://hitotsubu-sora.com

発注者 制作者

そもそも他人は「わかりあえない」というところから始める

Page 27: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

うまいコミュニケーションのための

7つのポイント

Page 28: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

1. 信頼を得る2. 適量の情報量で伝える3. 簡単に話すために理解を深める4. カタカナ言葉を使わない5. Windowsの画面を把握しておく6. 新しい知識は開いているときだけ7. 制作者が勘違いしているかも

Page 29: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

1. 信頼を得る2. 適量の情報量で伝える3. 簡単に話すために理解を深める4. カタカナ言葉を使わない5. Windowsの画面を把握しておく6. 新しい知識は開いているときだけ7. 制作者が勘違いしているかも

Page 30: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

1. 信頼を得る http://hitotsubu-sora.com

・知っている人からの「紹介」というのが、発注者、制作者共に一番ラク

・ムリも信頼感があれば話が早い

・もちろん作るものが良いという大前提

・紹介が得られない経験の少ない人は?

Page 31: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

1. 信頼を得る2. 適量の情報量で伝える3. 簡単に話すために理解を深める4. カタカナ言葉を使わない5. Windowsの画面を把握しておく6. 新しい知識は開いているときだけ7. 制作者が勘違いしているかも

Page 32: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

2. 適量の情報量で伝える http://hitotsubu-sora.com

決まった量以上の情報を流し入れても入りきれない→ 器は大きくなるので徐々に情報量を上げる

Page 33: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

1. 信頼を得る2. 適量の情報量で伝える3. 簡単に話すために理解を深める4. カタカナ言葉を使わない5. Windowsの画面を把握しておく6. 新しい知識は開いているときだけ7. 制作者が勘違いしているかも

Page 34: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

3. 簡単に話すために理解を深める http://hitotsubu-sora.com

「簡単にする」とは少ない言葉で本質を伝える事本質を深く理解していないと簡単にできない

Page 35: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

1. 信頼を得る2. 適量の情報量で伝える3. 簡単に話すために理解を深める4. カタカナ言葉を使わない5. Windowsの画面を把握しておく6. 新しい知識は開いているときだけ7. 制作者が勘違いしているかも

Page 36: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

4. カタカナ言葉を使わない http://hitotsubu-sora.com

・極力、カタカナ語(専門用語)以外の言葉で説明

・細かいところが間違っていてもまずはイメージを

・一般的なカタカナ語はOK

・繰り返し使いながら難しいカタカナ語も教える

・少しずつ慣れてもらう

Page 37: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

ちょっと練習…

お隣の方をお客様として練習してみましょう

Page 38: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

Facebookの記事をシェア してください

赤文字のカタカナ語を使わずに相手に伝えてください

※「フェイスブック」は使って良いです

Page 39: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

練習中…

Page 40: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

【こんな問題でした!】Facebookの記事を シェア してください

「共有」「クチコミ」「転送」「お知らせ」「拡散」その他…

※意味が正しくないものもあるので後々訂正必要

例)

Page 41: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

選手交代!

Page 42: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

ブラウザー を起動してください

赤文字のカタカナ語を使わずに相手に伝えてください

※ブラウザーの種類は特に限定しません

Page 43: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

練習中…

Page 44: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

【こんな問題でした!】ブラウザー を起動してください

「eのマークのヤツ」「インターネット」その他…

※覚えてもらった方が良い言葉なので教える

例)

Page 45: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

4. カタカナ言葉を使わない http://hitotsubu-sora.com

使いたいけど伝わりにくいカタカナ語

ログイン/コンテンツ/アカウント

デフォルト/キャッシュ

ハッシュタグ

Page 46: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

1. 信頼を得る2. 適量の情報量で伝える3. 簡単に話すために理解を深める4. カタカナ言葉を使わない5. Windowsの画面を把握しておく6. 新しい知識は開いているときだけ7. 制作者が勘違いしているかも

Page 47: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

5. Windowsの画面を把握しておく http://hitotsubu-sora.com

お客様が使っているPCはほとんどがWindows

Page 48: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

1. 信頼を得る2. 適量の情報量で伝える3. 簡単に話すために理解を深める4. カタカナ言葉を使わない5. Windowsの画面を把握しておく6. 新しい知識は開いているときだけ7. 制作者が勘違いしているかも

Page 49: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

6. 新しい知識は開いているときだけ http://hitotsubu-sora.com

受け手が整ってないと知識は定着しないまず頭を柔軟にして受け入れ体制を整えるのが先

Page 50: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

1. 信頼を得る2. 適量の情報量で伝える3. 簡単に話すために理解を深める4. カタカナ言葉を使わない5. Windowsの画面を把握しておく6. 新しい知識は開いているときだけ7. 制作者が勘違いしているかも

Page 51: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

7. 制作者が勘違いしているかも http://hitotsubu-sora.com

発注者の言葉をそのまま受け取ってはいけない発注者の「明るい色」は明度か彩度か?

発注者 制作者

Page 52: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

まとめ

Page 53: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

まとめ http://hitotsubu-sora.com

・スムーズなコミュニケーションで制作・発注共に心地よい環境へ

Page 54: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

まとめ http://hitotsubu-sora.com

・スムーズなコミュニケーションで制作・発注共に心地よい環境へ

・今後の超高齢化社会 でわかりやすく簡単に説明するスキルがより重要に

Page 55: むずかしい!と言われないためのcssnite.jp/fukuoka/vol13/followup/CSSNiteFUKUOKA13-takaki.pdf · むずかしい!と言われないための. お客様とのコミュニケーション術

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