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

More Related Content

What's hot

カスタムフィールドを使ってハッピーになろう
カスタムフィールドを使ってハッピーになろうカスタムフィールドを使ってハッピーになろう
カスタムフィールドを使ってハッピーになろうSeiichiro Mishiba
 
すばらしき WordPress コミュニティーの世界
すばらしき WordPress コミュニティーの世界すばらしき WordPress コミュニティーの世界
すばらしき WordPress コミュニティーの世界Odyssey Eightbit
 
はじめてのカスタマイズ
はじめてのカスタマイズはじめてのカスタマイズ
はじめてのカスタマイズSeiichiro Mishiba
 
フォントの選び方・使い方
フォントの選び方・使い方フォントの選び方・使い方
フォントの選び方・使い方k maztani
 
WordPress 勉強会@松戸 | テンプレートファイルとクエリ基礎
WordPress 勉強会@松戸 | テンプレートファイルとクエリ基礎WordPress 勉強会@松戸 | テンプレートファイルとクエリ基礎
WordPress 勉強会@松戸 | テンプレートファイルとクエリ基礎Seiichiro Mishiba
 
最愛戦略とその戦術としてのアクティブサポート
最愛戦略とその戦術としてのアクティブサポート最愛戦略とその戦術としてのアクティブサポート
最愛戦略とその戦術としてのアクティブサポート武 河野
 
最愛志向のコミュニケーション戦略 ver 2.0
最愛志向のコミュニケーション戦略 ver 2.0最愛志向のコミュニケーション戦略 ver 2.0
最愛志向のコミュニケーション戦略 ver 2.0武 河野
 
Createjs jp study #4 20130726
Createjs jp study #4 20130726Createjs jp study #4 20130726
Createjs jp study #4 20130726Seigo Tanaka
 
自社開発をしていなかった会社が Python を選んだ理由
自社開発をしていなかった会社が Python を選んだ理由自社開発をしていなかった会社が Python を選んだ理由
自社開発をしていなかった会社が Python を選んだ理由Daisuke Komatsu
 
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)swwwitch inc.
 
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうWebデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうToshiaki Sasaki
 
Decade 20091215
Decade 20091215Decade 20091215
Decade 20091215武 河野
 
サイボウズPM(開発PM)について
サイボウズPM(開発PM)についてサイボウズPM(開発PM)について
サイボウズPM(開発PM)についてshoji_yamada
 
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?Masahiro Nakashima
 
「楽しいことだけやる」のがプログラミングの勉強のコツ
「楽しいことだけやる」のがプログラミングの勉強のコツ「楽しいことだけやる」のがプログラミングの勉強のコツ
「楽しいことだけやる」のがプログラミングの勉強のコツAtsushi Harada
 
迷い彷徨った先で見つけた自分の進むべき道〜キャリアキーノート2017〜
迷い彷徨った先で見つけた自分の進むべき道〜キャリアキーノート2017〜迷い彷徨った先で見つけた自分の進むべき道〜キャリアキーノート2017〜
迷い彷徨った先で見つけた自分の進むべき道〜キャリアキーノート2017〜Keita Kawamoto
 
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリーHiroki Matsumoto
 
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門Hidetaka Okamoto
 

What's hot (19)

カスタムフィールドを使ってハッピーになろう
カスタムフィールドを使ってハッピーになろうカスタムフィールドを使ってハッピーになろう
カスタムフィールドを使ってハッピーになろう
 
すばらしき WordPress コミュニティーの世界
すばらしき WordPress コミュニティーの世界すばらしき WordPress コミュニティーの世界
すばらしき WordPress コミュニティーの世界
 
はじめてのカスタマイズ
はじめてのカスタマイズはじめてのカスタマイズ
はじめてのカスタマイズ
 
フォントの選び方・使い方
フォントの選び方・使い方フォントの選び方・使い方
フォントの選び方・使い方
 
WordPress 勉強会@松戸 | テンプレートファイルとクエリ基礎
WordPress 勉強会@松戸 | テンプレートファイルとクエリ基礎WordPress 勉強会@松戸 | テンプレートファイルとクエリ基礎
WordPress 勉強会@松戸 | テンプレートファイルとクエリ基礎
 
最愛戦略とその戦術としてのアクティブサポート
最愛戦略とその戦術としてのアクティブサポート最愛戦略とその戦術としてのアクティブサポート
最愛戦略とその戦術としてのアクティブサポート
 
最愛志向のコミュニケーション戦略 ver 2.0
最愛志向のコミュニケーション戦略 ver 2.0最愛志向のコミュニケーション戦略 ver 2.0
最愛志向のコミュニケーション戦略 ver 2.0
 
Createjs jp study #4 20130726
Createjs jp study #4 20130726Createjs jp study #4 20130726
Createjs jp study #4 20130726
 
自社開発をしていなかった会社が Python を選んだ理由
自社開発をしていなかった会社が Python を選んだ理由自社開発をしていなかった会社が Python を選んだ理由
自社開発をしていなかった会社が Python を選んだ理由
 
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
 
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうWebデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
 
Decade 20091215
Decade 20091215Decade 20091215
Decade 20091215
 
サイボウズPM(開発PM)について
サイボウズPM(開発PM)についてサイボウズPM(開発PM)について
サイボウズPM(開発PM)について
 
Web design
Web designWeb design
Web design
 
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
 
「楽しいことだけやる」のがプログラミングの勉強のコツ
「楽しいことだけやる」のがプログラミングの勉強のコツ「楽しいことだけやる」のがプログラミングの勉強のコツ
「楽しいことだけやる」のがプログラミングの勉強のコツ
 
迷い彷徨った先で見つけた自分の進むべき道〜キャリアキーノート2017〜
迷い彷徨った先で見つけた自分の進むべき道〜キャリアキーノート2017〜迷い彷徨った先で見つけた自分の進むべき道〜キャリアキーノート2017〜
迷い彷徨った先で見つけた自分の進むべき道〜キャリアキーノート2017〜
 
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
 
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
 

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

デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜Yusuke Hoshi
 
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)Masayuki Taguchi
 
Webサービス企画のコツ
Webサービス企画のコツWebサービス企画のコツ
Webサービス企画のコツYusuke Wada
 
NPOセミナー資料
NPOセミナー資料NPOセミナー資料
NPOセミナー資料亮 門屋
 
WEB制作現場のボトムアップ
WEB制作現場のボトムアップWEB制作現場のボトムアップ
WEB制作現場のボトムアップGoro Ichikawa
 
山口県Facebookセミナー商売繁盛と成功事例in和木町商工会
山口県Facebookセミナー商売繁盛と成功事例in和木町商工会山口県Facebookセミナー商売繁盛と成功事例in和木町商工会
山口県Facebookセミナー商売繁盛と成功事例in和木町商工会新潟コンサルタント横田秀珠
 
【副音声】ざびたん デザインコメンタリー
【副音声】ざびたん デザインコメンタリー【副音声】ざびたん デザインコメンタリー
【副音声】ざびたん デザインコメンタリー風太 @laughsketch
 
「Webクリエイティブに活きる抽象化思考力」ミズノケイスケ@WCAN2014Autumn
「Webクリエイティブに活きる抽象化思考力」ミズノケイスケ@WCAN2014Autumn「Webクリエイティブに活きる抽象化思考力」ミズノケイスケ@WCAN2014Autumn
「Webクリエイティブに活きる抽象化思考力」ミズノケイスケ@WCAN2014AutumnKeysuke Mizuno
 
瀬戸内デザインアワードに多くのデザインを集めたい!
 瀬戸内デザインアワードに多くのデザインを集めたい! 瀬戸内デザインアワードに多くのデザインを集めたい!
瀬戸内デザインアワードに多くのデザインを集めたい!さぶみっと!ヨクスル
 
ペルソナシナリオとプロトタイプ2
ペルソナシナリオとプロトタイプ2ペルソナシナリオとプロトタイプ2
ペルソナシナリオとプロトタイプ2Shuhei Iitsuka
 
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】Hiroyuki Ishikawa
 
アジャイルマインドの重要性
アジャイルマインドの重要性アジャイルマインドの重要性
アジャイルマインドの重要性Akiyah
 
北海道facebook戦略セミナーin札幌ソーシャルメディアわいわい実践クラブ
北海道facebook戦略セミナーin札幌ソーシャルメディアわいわい実践クラブ北海道facebook戦略セミナーin札幌ソーシャルメディアわいわい実践クラブ
北海道facebook戦略セミナーin札幌ソーシャルメディアわいわい実践クラブ新潟コンサルタント横田秀珠
 
会社説明資料_採用ver2.0.pdf
会社説明資料_採用ver2.0.pdf会社説明資料_採用ver2.0.pdf
会社説明資料_採用ver2.0.pdfssuser1295931
 
逆境からのアジャイル
逆境からのアジャイル逆境からのアジャイル
逆境からのアジャイルtoshihiro ichitani
 
お客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズお客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズCherry Pie Web
 
卒業制作アプリ説明
卒業制作アプリ説明卒業制作アプリ説明
卒業制作アプリ説明harapeko
 

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

デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜
 
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
「これからは動画だよね」に対応するための動画制作&活用手法(講師:田口 真行)
 
Mapleseed Picturs
Mapleseed Picturs Mapleseed Picturs
Mapleseed Picturs
 
Webサービス企画のコツ
Webサービス企画のコツWebサービス企画のコツ
Webサービス企画のコツ
 
NPOセミナー資料
NPOセミナー資料NPOセミナー資料
NPOセミナー資料
 
WEB制作現場のボトムアップ
WEB制作現場のボトムアップWEB制作現場のボトムアップ
WEB制作現場のボトムアップ
 
山口県Facebookセミナー商売繁盛と成功事例in和木町商工会
山口県Facebookセミナー商売繁盛と成功事例in和木町商工会山口県Facebookセミナー商売繁盛と成功事例in和木町商工会
山口県Facebookセミナー商売繁盛と成功事例in和木町商工会
 
【副音声】ざびたん デザインコメンタリー
【副音声】ざびたん デザインコメンタリー【副音声】ざびたん デザインコメンタリー
【副音声】ざびたん デザインコメンタリー
 
「Webクリエイティブに活きる抽象化思考力」ミズノケイスケ@WCAN2014Autumn
「Webクリエイティブに活きる抽象化思考力」ミズノケイスケ@WCAN2014Autumn「Webクリエイティブに活きる抽象化思考力」ミズノケイスケ@WCAN2014Autumn
「Webクリエイティブに活きる抽象化思考力」ミズノケイスケ@WCAN2014Autumn
 
瀬戸内デザインアワードに多くのデザインを集めたい!
 瀬戸内デザインアワードに多くのデザインを集めたい! 瀬戸内デザインアワードに多くのデザインを集めたい!
瀬戸内デザインアワードに多くのデザインを集めたい!
 
ペルソナシナリオとプロトタイプ2
ペルソナシナリオとプロトタイプ2ペルソナシナリオとプロトタイプ2
ペルソナシナリオとプロトタイプ2
 
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】
 
アジャイルマインドの重要性
アジャイルマインドの重要性アジャイルマインドの重要性
アジャイルマインドの重要性
 
北海道facebook戦略セミナーin札幌ソーシャルメディアわいわい実践クラブ
北海道facebook戦略セミナーin札幌ソーシャルメディアわいわい実践クラブ北海道facebook戦略セミナーin札幌ソーシャルメディアわいわい実践クラブ
北海道facebook戦略セミナーin札幌ソーシャルメディアわいわい実践クラブ
 
会社説明資料_採用ver2.0.pdf
会社説明資料_採用ver2.0.pdf会社説明資料_採用ver2.0.pdf
会社説明資料_採用ver2.0.pdf
 
逆境からのアジャイル
逆境からのアジャイル逆境からのアジャイル
逆境からのアジャイル
 
お客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズお客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズ
 
Soushikai academia-20120915
Soushikai academia-20120915Soushikai academia-20120915
Soushikai academia-20120915
 
卒業制作アプリ説明
卒業制作アプリ説明卒業制作アプリ説明
卒業制作アプリ説明
 
Power point movie
Power point moviePower point movie
Power point movie
 

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

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