Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

「転ばぬ先のWebディレクション」CSS Nite in Osaka 2007 春の陣

268 views

Published on

2007年に大阪で開催されたCSS Nite in Osaka 2007 春の陣で登壇した名村晋治のセミナースライドです。

■セミナーの詳細はこちら
http://cssnite.jp/osaka/info2007spring.html

Webディレクションに関して、案件でつまづく前に考えておくべきことを纏めています。

Published in: Internet
  • Login to see the comments

  • Be the first to like this

「転ばぬ先のWebディレクション」CSS Nite in Osaka 2007 春の陣

  1. 1. Copyright (c) Servithink co.,ltd. All Rights Reserve 転ばぬ先のWebディレクション 名村晋治(Shinji Namura)
  2. 2. Copyright (c) Servithink co.,ltd. All Rights Reserve 自己紹介 略歴 その他・・・・ 1996年 Web制作チームネイムヴィレッジを学生の仲間と立ち上げ。 初めて府内の服飾店のサイト制作に係る。 1999年 大学卒業と同時に俳優修業の為に就職をケって上京(笑) 2000年 まだ芝居で食えなかったので(悲)株式会社ネクストに Webディレクターとして参加し、各種案件に企画や制作全般に従事。 2005年 現在の株式会社ソナーに合流。 2006年 7月に同社執行役員に就任。 2007年 Webブランディングの入門教科書を毎コミュより出版 昔声優とかもしてました。 カウンセラーもやっていたりします。 アメリカ公認のNLPのプラクティショナーの資格も持ってたりします。
  3. 3. Copyright (c) Servithink co.,ltd. All Rights Reserve 自己紹介 最近本を出させてもらいました。
  4. 4. Copyright (c) Servithink co.,ltd. All Rights Reserve 自己紹介 Webディレクションやってます:ブログ
  5. 5. Copyright (c) Servithink co.,ltd. All Rights Reserve 本日のテーマ Webサイトとはなんだろうか? ヒアリングの中、瞬間的に企画を出す思考の方向 失敗する時は失敗するがその中身は? クライアントの前で話をする時に覚えておきたい話術
  6. 6. Copyright (c) Servithink co.,ltd. All Rights Reserve テーマ1 Webサイトとは なんだろうか?
  7. 7. Copyright (c) Servithink co.,ltd. All Rights Reserve Webサイトとはなんだろうか? Webサイトを皆さん、何に使っていますか? •何かしらべものをする。 •買い物をする。 •ニュースやブログを見る。 •情報の発信をする。
  8. 8. Copyright (c) Servithink co.,ltd. All Rights Reserve Webサイトとはなんだろうか? Webサイトを一言で言うのならば? •Webサイトの本質は出来た頃から変わっていない。 •90年代の利用者はやっぱりオタクな人が多かった。 •2000年頃から何かが変わってきた。 企業からユーザーへの「サービス」そのものであり、 「ユーザーの問題解決ツール」である。
  9. 9. Copyright (c) Servithink co.,ltd. All Rights Reserve Webサイトとはなんだろうか? Webサイトの使われ方は変わってきた。 •2000年頃から「ツール」に変わってきた •「ユーザーは何らかの目的を持ってサイトに訪れる」 •利用形態の変化の例
  10. 10. Copyright (c) Servithink co.,ltd. All Rights Reserve Webサイトとはなんだろうか? Webサイトは情報発信が出来ない?! •ユーザーの興味に引っかからなければ絶対見ない。 •自分がユーザーの時はそういった使い方しかしない。 •作る時には、そこをクライアントと話してます?
  11. 11. Copyright (c) Servithink co.,ltd. All Rights Reserve Webサイトとはなんだろうか? Webブランディングについて •今、「物が売れない時代」になっている。 •売れるのってどういう時なんだろう? •つまりブランドの価値ってのはどんどん変わってる。
  12. 12. Copyright (c) Servithink co.,ltd. All Rights Reserve Webサイトとはなんだろうか? ユーザーは企業のメッセージなんか聞きたくない。 •Webサイトに訪れている人は「困ってる」 •企業の言葉と、ユーザーの事がマッチングしてない。 •情報と広告の違い。 企業の言葉を、ユーザーに分かる形に変えて上げない 限り、そのサイトは機能しない!
  13. 13. Copyright (c) Servithink co.,ltd. All Rights Reserve テーマ2 ヒアリングの中、 瞬間的に企画を出す 思考の方向
  14. 14. Copyright (c) Servithink co.,ltd. All Rights Reserve ヒアリングの中、瞬間的に企画を出す思考の方向 アイデアは常に貯めておかなきゃダメ! •アイデアってどうやって作ってます? •ツールもいいけど、必要に迫らせてから、では? •それはストックを作ろうとしてないから。 •クリエイターがそれでいいの?
  15. 15. Copyright (c) Servithink co.,ltd. All Rights Reserve ツールといえば・・・・・・ ヒアリングの中、瞬間的に企画を出す思考の方向
  16. 16. Copyright (c) Servithink co.,ltd. All Rights Reserve 仕事術・・・・にしても・・・・ ヒアリングの中、瞬間的に企画を出す思考の方向
  17. 17. Copyright (c) Servithink co.,ltd. All Rights Reserve アイデアの貯めかたってどうするの? •アイデアの貯めかた? •Web屋でも、Webだけで考えない。 •アイデアをためる基本は「突っ込み」 •アイデアの貯まってれば、現場でアドリブが利く。 ヒアリングの中、瞬間的に企画を出す思考の方向
  18. 18. Copyright (c) Servithink co.,ltd. All Rights Reserve アイデアはアウトプットする! •頭で考えたアイデアほど「はかない」もの。 •アウトプットすることで、頭の中に定着させる。 •定着したものでしか、現場では使えない。 •アウトプット、皆さんはどうやってます? ヒアリングの中、瞬間的に企画を出す思考の方向
  19. 19. Copyright (c) Servithink co.,ltd. All Rights Reserve 名村のアウトプットは・・・・ あれ? ヒアリングの中、瞬間的に企画を出す思考の方向
  20. 20. Copyright (c) Servithink co.,ltd. All Rights Reserve 名村のアウトプットは・・・・ こーなってて・・・ ヒアリングの中、瞬間的に企画を出す思考の方向
  21. 21. Copyright (c) Servithink co.,ltd. All Rights Reserve 名村のアウトプットは・・・・ もくじも付いてて・・ ヒアリングの中、瞬間的に企画を出す思考の方向
  22. 22. Copyright (c) Servithink co.,ltd. All Rights Reserve 名村のアウトプットは・・・・ すぐにまた開ける! ヒアリングの中、瞬間的に企画を出す思考の方向
  23. 23. Copyright (c) Servithink co.,ltd. All Rights Reserve 一人でも「5回のなぜ」とブレストを! •「5回のなぜ」ってのは何? •ブレストってなに? •量を出す事で、見えてくる。 •アイデアを一度出し切ってしまう。 •「あ〜それっぽい事考えていたんだよね」は嘘 ヒアリングの中、瞬間的に企画を出す思考の方向
  24. 24. Copyright (c) Servithink co.,ltd. All Rights Reserve 「5回のなぜ」 お腹が減ったゾ 朝飯食ってない 緊張してた?(笑) あがり性? 人前で話す 訓練が足りない 表層問題 真の問題 ヒアリングの中、瞬間的に企画を出す思考の方向
  25. 25. Copyright (c) Servithink co.,ltd. All Rights Reserve テーマ3 失敗する時は 失敗するがその中身は?
  26. 26. Copyright (c) Servithink co.,ltd. All Rights Reserve 失敗する時は失敗するがその中身は? 失敗の多くは準備不足だけど本質を探す •皆さんのこれまでの失敗をあげてみて下さい。 SEにまかせっきりにしてしまった。 相手は「分かってくれているだろう」で進めてしまった 思った以上に各作業に時間がかかってしまった・・・ それってどこに問題があったのだと思いますか?
  27. 27. Copyright (c) Servithink co.,ltd. All Rights Reserve 失敗する時は失敗するがその中身は? 失敗の中にはかならず前に進む要素が入っている •成功よりも失敗の中に自分が成長する種がある。 •捕らえ方次第で良くも悪くも捉えられるよね? •企業として必要な人材、能力を考える? •企業の中で自分がどう考えるべきか、を考える。
  28. 28. Copyright (c) Servithink co.,ltd. All Rights Reserve 失敗する時は失敗するがその中身は? プロジェクトの終わりのタイミングを見逃さない •プロジェクトが終わった瞬間? •ヘロヘロでたどり着いて、仕切りなおし? •終わった瞬間に近ければ近いほど、いい! •ディレクションがすべきは、全員を発言させる事!
  29. 29. Copyright (c) Servithink co.,ltd. All Rights Reserve テーマ4 クライアントの前で話しする時に 覚えておきたい話術
  30. 30. Copyright (c) Servithink co.,ltd. All Rights Reserve クライアントの前で話しをする時に覚えておきたい話術 ヒアリングやプレゼン、苦手ですか? •ヒアリングやプレゼンは「場数」ってホント? •ディレクションの必須スキルセット第一はやっぱり 「コミュニケーション能力」。 •じゃ、それって後天的にに身につくの?
  31. 31. Copyright (c) Servithink co.,ltd. All Rights Reserve HTMLやDreamweaverみたいに「ヒアリング」は勉強 してます? •「技術」を学ぶ事には物凄い執着をする。 だから、CSS Niteって存在しているだろ思いますけどね(笑) •CSSやHTMLも教本がある プロジェクトの進め方でも、Project Management Professionalって資格がある では、「コミュニケーション能力」は? クライアントの前で話しをする時に覚えておきたい話術
  32. 32. Copyright (c) Servithink co.,ltd. All Rights Reserve Web屋にとってのNLP •そもそもNLPって何? •クライアントワークとの関係って? •踏んだ場数を経験にする事は教えてくれました? •テクニックなら学んだ方がいいですよね? クライアントの前で話しをする時に覚えておきたい話術
  33. 33. Copyright (c) Servithink co.,ltd. All Rights Reserve NLPの簡単な説明 神経言語プログラミング (しんけいげんごぷろぐらみんぐ, 神経言 語学的プログラミングとも, Neuro-Linguistic Programming: NLP) ジョン・グリンダーとリチャード・バンドラーの二人によって提 唱されたもので、催眠療法のミルトン・エリクソン、ゲシュタル ト療法のフレデリック・パールズ、家族療法のバージニア・サテ ィアの、3人の心理療法家が意識的・無意識的に用いていたテク ニックを体系化したものだとされる。 出典:wikipedia クライアントの前で話しをする時に覚えておきたい話術
  34. 34. Copyright (c) Servithink co.,ltd. All Rights Reserve なぜかクライアントとギクシャクしてませんか? •クライアントと話していて、ギクシャク・・・。 •こちらの言い分を伝えているだけのつもりでも、 クライアントにキれられたり・・・。 •「今までのやり方」、どう立て直せばいいの? クライアントの前で話しをする時に覚えておきたい話術
  35. 35. Copyright (c) Servithink co.,ltd. All Rights Reserve ヒアリングの時にみるところは? ヒアリングをする時、プレゼンをする時、クライアン トの方の出しているサイン、これだけあるんです。 クライアントの前で話しをする時に覚えておきたい話術
  36. 36. Copyright (c) Servithink co.,ltd. All Rights Reserve キャリブレーショーン 視覚: クライアントの前で話しをする時に覚えておきたい話術 呼吸 皮膚の色 動き 姿勢 筋肉状態 口の大きさ 脈拍 聴覚: トーン/音色 早さ 高低(ピッチ) 変化の程度 音量 これらは人が異なる状態にある事を識別する時のサインです。 これを見分けるのは誰でも持っているし、無意識で皆さんが使 っているものなんです。
  37. 37. Copyright (c) Servithink co.,ltd. All Rights Reserve 視線をみるだけでも ふとした瞬間のクライアントの視線、どちらに向いているか、それ だけをみてみても、こういったことが分かります。 クライアントの前で話しをする時に覚えておきたい話術 右上:視覚的創造(未来や想像の中の事をイメージ) 左上:視覚的記憶(過去に経験した事をイメージ)
  38. 38. Copyright (c) Servithink co.,ltd. All Rights Reserve 視線をみるだけでも ふとした瞬間のクライアントの視線、どちらに向いているか、それ だけをみてみても、こういったことが分かります。 クライアントの前で話しをする時に覚えておきたい話術 右側:聴覚的創造(創造上の音) 左側:聴覚的記憶(過去に聞いた事のある音)
  39. 39. Copyright (c) Servithink co.,ltd. All Rights Reserve 視線をみるだけでも ふとした瞬間のクライアントの視線、どちらに向いているか、それ だけをみてみても、こういったことが分かります。 クライアントの前で話しをする時に覚えておきたい話術 右下:身体感覚(五感で実際に感じる事) 左下:内部対話(自分の心の中との対話より)
  40. 40. Copyright (c) Servithink co.,ltd. All Rights Reserve 信頼をつくるテクニック •信頼を作るテクニックと言うと怪しい? •テクニックやデザインは学ぶのに? •コミュニケーション能力のある人に学んだ結果。 クライアントの前で話しをする時に覚えておきたい話術
  41. 41. Copyright (c) Servithink co.,ltd. All Rights Reserve ラポールを築きましょう。 •ミラーリング •マッチング •ページングとリーディング クライアントの前で話しをする時に覚えておきたい話術
  42. 42. Copyright (c) Servithink co.,ltd. All Rights Reserve 仕事としてWebディレクションをしていく事 •Webディレクターを誇りある職業に。 •Webディレクションのやるべき事の本質は「どんな手段を使って も、そのプロジェクトを、決められた納期の間に、決められた 予算で完遂する事」 •その本質を成しえるために、ツールがあり、テクニックがある。 •ぜひ、ブログにコメントをください。 まとめ
  43. 43. Copyright (c) Servithink co.,ltd. All Rights Reserve ありがとうございました。

×