一般社団法人 日本ディレクション協会 株式会社GlobalFun 岩井 和希
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
まず、初めに
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
ディレ協って?「ディレクション」ってそもそもなに?
「時間と工数を管理するのがディレクションなんだから、余計なクチ挟むなよ」と言われたり、実家に帰ると「ディレクターって何する人よ」と聞かれたり……曖昧に扱われがち、見られがちな「ディレクション」「ディレクター」。
結局、本来の領域ってどこにあるのだろう? 日本ディレクション協会は、そこをハッキリさせようとしている団体です。
年間講演・イベント数:約30回 年間参加者数:およそ1500人
全て、ディレクション&マーケ関連の講座。
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
ディレ協とは
日本ディレクション協会 コミュニティメンバーボードのご案内
ディレ協の運営メンバーや、歴代&人気講師含む
全国1,000名以上のディレクターと繋がる 国内最大のディレクターコミュニティ
������
• �*�����%#�$����• .,�!)��������• " ��������+�-���• ���� ����'&�(���
ディレ協
1,700名 超え! ×
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
岩井 和希 株式会社GlobalFun 代表取締役 株式会社ファーストタッチ 取締役
金融教育系ベンチャーにて新規事業開発やマーケティング、広報室、企画部リーダーを兼任。ウェブ制作やリスティングを中心としたプロモーションを経験し独立。複数の法人を設立。現在は、アプリやWebの制作ディレクションの他、マーケティングWebプロモーション全体の年間コンサルティングも行う。
最近ロゴできた☆
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
今日のテーマ
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
1. Webディレクターとは 2. Projectを成功させる3つの要素 STEP1 STEP2 STEP3 3. ワークショップ 4. まとめ
こんな話します。
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Webディレクターってなに?
→ / →開発• ゴールの設定 • ターゲットの設定 • 施策の決定 • コンテンツの決定 • 構造の設計• UI/UX
• プロトタイピング • モック作成 • デザイン/本開発 • 進行管理 • テストデバック • リリース作業
• PDCAサイクル • マーケティング • 課題の洗い出し• データ解析• A/Bテスト• 業務効率の改善
設計 制作 運用Webディレクターってなに?
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
運用
ゼロディレ全4講座
開発設計 制作
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
ライティング デザイン マークアップ プログラミング
スケジュール
WBS
画面仕様書の作成
素材手配
進捗管理
品質管理
チームビルディング
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
役割の変化設計フェーズ 制作・開発フェーズ
企画者
企画を作って通す
プロジェクト管理
クオリティの担保
スケジュールの担保
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
projectを成功させる 3つの要素
制作で大切なこと
1. コミュニケーション 2. ファシリテーション3. スケジューリング
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Step1. コミュニケーション
Step1. コミュニケーション
• ヒアリング • チームビルディング • ネゴシエーション
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
その1 ヒアリング
人の話を 正確 に聞き取る。
その1 ヒアリング
例えば・・・議事録を正確に取る
的確な 質問 ができる。
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
→
手直しを発生させない
良いサービスを生み出す
仕事への評価
ヒアリング 品質管理
スケジュール
クオリティ
信頼・満足度・次回発注→
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
デザイナーへの依頼の 3つの項目
1. 概要
2. 詳細依頼
3. 画面仕様
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
1. 概要説明•プロジェクトの経緯 •達成したいゴール •サイト・アプリの解決すべき事 •デザインで解決してほしい課題・問題
できれば文章で!﹅ ﹅ ﹅
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
•全体のボリューム(ページ数など) •役割(コーディング、フロント開発ありなしなど) •スケジュール(何日まで?何時まで?) •トンマナ •予算
を文章で。できれば紙で。
2. 詳細依頼
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
•ページリスト •遷移図
•ワイヤー 画面別の要素-‐ 各パーツ 各要素の説明-‐ 遷移先の確認 ボタン単位で遷移先を指定-‐ アクション ボタン単位のフロントでの稼働-‐ プログラムでどう動きをつけるかの説明
など、画面単位の設計を記入。
3. 画面仕様
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
その2 チームビルディング
意思決定を迅速にする
コミュニケーションロスを減らす
その2チームビルディング
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
組織ごとの分担の違い
クライアント デザイナー
チームビルディング
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
クライアント ディレクター
デザイナー
プログラマー
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
クライアント ディレクター
デザイナー
プログラマー
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
クライアント 広告代理店
コミュニケーションコストが膨大に・・・
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
デザイナー
イラスト レーター
フォトグラファー
ライター
クライアント
アート ディレクター SE
プログラマー
マークアップ エンジニア
×Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
デザイナー
イラスト レーター
フォトグラファー
ライター
クライアント
アート ディレクター
SE
プログラマー
マークアップ エンジニア
みんな~、 あっちいくよ~
それぞれに適した人材をアサインし、ディレクターが先導!
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
時には案件を断る勇気も。
要件に会った適切な人材を。
ディレクターはナビゲーター!
チームビルドで大切なこと
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
その3 ネゴシエーション
何と言っても、先回り!
先手必勝!
社内/社外 のネゴ
その3 ネゴシエーション
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
コミュニケーションツールを有効活用
電話・メール・チャット
その3 ネゴシエーション
裏を作る???
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Step2. ファシリテーション
参考:日本ファシリテーション協会
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
3
• 報告会議 • 決定会議 • アイディア会議
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Step3. スケジューリング
Step3. スケジューリング
• 進行管理 • リカバリー • バッファ
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
その1 進行管理
納期を確実に守る。守らせる。
ボトルネックを早期に把握。
待ち工数を削減しコストダウン。
できるだけ細かく管理が大切。
その1 進行管理
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
その2 リカバリー
不測の事態に臨機に対応
制作/開発スピードを落とさない
その2 リカバリー
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
明日までに おねがいっ!
リカバリー
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
スケジュールが遅れているときに、 「急いでくれ」だけでは本気になりません・・・
なぜか?
「そこまでヤバくないだろう」
「誰かがなんとかしてくれる」
と、思ってる。(マジで。泣)
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
指示は明確に!
明日までに おねがいっ!
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
明日の17:00までに○○をおねがいっ!
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
そもそも… 何で ぎりぎり?
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
その3 バッファ
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
クライアント用
裏スケジュール、必須です!!
社内用
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
実は、納期は明後日の朝…
明日の17:00までに○○をおねがいっ!
ぎりぎりだけど、ガンバリマス!
進行管理
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
さぁワークショップ!
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
お題
参加者のみに公開
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
ワークショップの意義
チームで考える時間を決める
ファシリテーションの練習!
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
要件定義? 仕様書?
資料について
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
コンテンツ/機能リスト
サイトマップ/遷移図
ファイルリスト
画面設計書
外部設計
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
作ろうと思えばどれだけでも時間を労力を書けられる。
でも、ほんとに大事なことって何?
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
• 伝える相手によって、内容を変える • 伝える内容によって、手段を変える
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
まとめ
1. コミュニケーション → ヒアリング 2. ファシリテーション → 会議の種類を把握 3. スケジューリング → バッファ持つ
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
制作における、ディレクターのスキルってのは、 要はビジネス基礎スキルの積み上げです。
つまり、制作をスムーズに進められる人は、 どんな仕事でもだいたいできます。
食いっぱぐれない。
まとめ
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
おわり
ご静聴ありがとうございました。
さぁミートアップだ!!!
Copyright © JAD. All rights reserved.
0からのWebディレクション講座 制作編
Top Related