2014年6月5日 GarageAKIHABARAにて開催されたワンコインカレッジ！で話した「Webデザイナーが仕事をしやすいWebディレクター」のスライドです。

1. デザイナーからみた
仕事をしやすいディレクター
たけ（@take_it02）

2. 自己紹介
・フリーランスのWebデザイナー／Webディレクター。
・2007年1月独立。前職はWeb制作会社でディレクター。
・WordPress構築を中心に、
ディレクション～デザイン～コーディング～WP構築まで
・たけのおしごと http://take-a-job.info/

5. コミュニケーションとは？

6. コミュニケーションとは？
人を動かす事

7. コミュニケーションとは？
人を動かす事
「人を動かす」とは？

8. コミュニケーションとは？
人を動かす事
「人を動かす」とは？
意図を説明し、理解して行動してもらい、
確認・評価する

9. どうすればより
パフォーマンスよく動いてくれる？
・お客さんの要望を指示・仕様に変えるのが
デザイナーに対するディレクターの仕事
・指示を行動やヴィジュアルを用いた提案に
変えるのがデザイナーの仕事

10. どうすればより
パフォーマンスよく動いてくれる？
・的確な指示を出す
→少ない工数で作業できる
・信頼してもらう
→モチベーションを高くもってもらう

11. 信頼って何？
「たけさんならできるよ。任せる」

12. 信頼って何？
「たけさんならできるよ。任せる」
↓
それは「丸投げ」です

13. 信頼って何？
「信頼がない」と「信じていない」は違う
まだわからない＝信頼がゼロ

14. 信頼って何？
どうやってお互い信頼を積み重ねるか

15. 信頼って何？
・的確な指示を出す
・成果物のチェック＝評価
↓
初めて信頼が生まれる

16. デザイナのこと、知ってますか？
サイトを作る時は競合分析や
お客さんの強みを確認する
↓
でもデザイナに対しては？

17. デザイナーのこと、知ってますか？
サイトを作る時は競合分析や
お客さんの強みを確認する
↓
でもデザイナーに対しては？

18. 「この人と一緒に仕事をしたい」
一緒に仕事をしたいと思ってもらえるには…

19. お客さんとデザイナーを結びつける
・お客さんの性格、趣味
・見えない相手でも共通点があると、
親近感が湧く＝モチベーションがあがる

20. 「この人と一緒に仕事をしたい」
一緒に仕事をしたいと思ってもらえるには…
・相手に何を期待しているかを伝える
・成果物を評価する（誉める）

23. 誉めるのも難しい…？
・自分とデザイナー、お客さんの評価はそれぞれ違う

24. 誉めるのも難しい…？

25. 誉めるのも難しい…？
・他のデザイナーと比べるのでもなく、
その人自身の成長を褒める。
・他人が褒めてるのを伝える。
・当たり前のことを当たり前にできてることでも
褒めていい。

26. 一般論として…
・会話中に名前を呼ぶ

27. 一般論として…
・会話中に名前を呼ぶ。

28. 一般論として…
・会話中に名前を呼ぶ
・モテノートは効きます

29. 一般論として…
・会話中に名前を呼ぶ。
・モテノートは効きます。

30. 一般論として…
・会話中に名前を呼ぶ
・モテノートは効きます
・仕事ができないのに電話だけは速い人は、
ネガティブになってる可能性が高いので、
誉めてあげた方がメンタル的によいかも

31. でも正直しんどい…

32. でも正直しんどい…

33. でも正直しんどい…
ルーシー
「SOMETIMES I WONDER HOW YOU CAN STAND BEING JUST
A DOG..」
（時々、あなたはどうして犬なんかでいられるのかと思うわ…）
スヌーピー
『YOU PLAY WITH THE CARDS YOU'RE DEALT..WHATEVER
THAT MEANS』
（配られたカードで勝負するっきゃないのさ…
それがどういう意味であれ）

34. どうにかしたい
・チェックリストなど、型を作る
・相手の立場にたってとにかく意識のすりあわせ

35. 指示でありがちなこと
・工数を勝手に決められる
・全部、別の・他の○○に
・（ページや部位をいわずに）○○を変えて

36. 指示でありがちなこと
・指摘と指示は違う
指摘：●●が間違ってる。直して
指示：●●が違うので、××にして

37. 指示でありがちなこと
・指示は第三者が見ても把握できる、
要望を行動に落としこんだもの。
・「何故それをするのか」がわかりやすい

38. 指示でありがちなこと
・どうしても修正が重なる時…
→メールだけでなく電話なりで温度差を確認

39. 初心者ディレでも簡単にできること
「勉強させてください」

40. 信頼できるディレクタ像
1 連絡が速い
2 指示が的確
3 わからない部分は事前に 相談してくれる。
4 適度に誉める、
クライアントの意見を伝えてくれる

41. 信頼できるディレクタ像
5 いい意味で細かい
6 クオリティチェックをきちんとしている
7 交渉ができる

42. 信頼できるディレクタ像
5.いい意味で細かい
6.クオリティチェックをきちんとしている
7.指示が的確
8.ある程度巻ける

43. 信頼できるディレクタ像
NO MORE 伝書鳩
デザイナが行動しやすい指示を出す

44. 気配り、目配り、先回り

45. 「上流・下流」でも上下はない
「自分にはできないことをしてもらう」
という敬意を忘れない

46. photo by tableatny GATAG｜フリー画像・写真素材集 3.0
http://free-images.gatag.net/2013/03/19/120000.html

47. 「上流・下流」でも上下はない
リレーのバトンを綺麗に渡す

48. まとめ
彼を知り己を知れば百戦殆うからず

49. まとめ
お互いがやりやすい仕事の仕方を
各デザイナーと話し合う。
やりやすい仕事の仕方は、
ディスプレイの中ではなく、
お互いの対話の中からしか産まれない。

50. まとめ
各デザイナーにあった
ディレクション（指示の仕方）を

51. まとめ
相手のクセや行動パターンを把握し、
どうすれば相手が動きやすいか、
ミスがあってもこちらが
フォローしやすいが分かる
＝信頼関係ができる

52. まとめ
「俺とお前は別の人間だぞ、
早え話が俺がイモ食えば
テメエの尻からプッと屁が出るか？」
映画『男はつらいよ』