0からのwebディレクション講座制作編5.1

一般社団法人日本ディレクション協会
株式会社GlobalFun 岩井和希
0からのWebディレクション講座
制作編

Copyright © JAD. All rights reserved.
制作編
まず、初めに

制作編
ディレ協って？
「ディレクション」ってそもそもなに？
「時間と工数を管理するのがディレクションなん
だから、余計なクチ挟むなよ」と言われたり、実
家に帰ると「ディレクターって何する人よ」と聞か
れたり……曖昧に扱われがち、見られがちな「ディ
レクション」「ディレクター」。
結局、本来の領域ってどこにあるのだろう？
日本ディレクション協会は、そこをハッキリさせ
ようとしている団体です。
年間講演・イベント数：約30回
年間参加者数：およそ1500人
全て、ディレクション＆マーケ関連の講座。

制作編
ディレ協とは
日本ディレクション協会
コミュニティメンバーボードのご案内
ディレ協の運営メンバーや、歴代＆人気講師含む
全国1,000名以上のディレクターと繋がる
国内最大のディレクターコミュニティ
• 
• 
• 
• 
ディレ協
1,700名
超え！

制作編
岩井和希
株式会社GlobalFun 代表取締役
株式会社ファーストタッチ取締役
金融教育系ベンチャーにて新規事業開発やマーケティ
ング、広報室、企画部リーダーを兼任。ウェブ制作や
リスティングを中心としたプロモーションを経験し独
立。複数の法人を設立。現在は、アプリやWebの制作
ディレクションの他、マーケティングWebプロモー
ション全体の年間コンサルティングも行う。
最近ロゴできた☆

制作編
今日のテーマ

制作編
1. Webディレクターとは
2. Projectを成功させる3つの要素
STEP1
STEP2
STEP3
3. ワークショップ
4. まとめ
こんな話します。

制作編
Webディレクターってなに？

→ / →開発
• ゴールの設定
• ターゲットの設定
• 施策の決定
• コンテンツの決定
• 構造の設計
• UI/UX
• プロトタイピング
• モック作成
• デザイン/本開発
• 進行管理
• テストデバック
• リリース作業
• PDCAサイクル
• マーケティング
• 課題の洗い出し
• データ解析
• A/Bテスト
• 業務効率の改善
設計制作運用
Webディレクターってなに？
制作編

運用
ゼロディレ全4講座
開発設計制作
制作編

ライティングデザインマークアッププログラミング
スケジュール
WBS
画面仕様書の作成
素材手配
進捗管理
品質管理
チームビルディング
制作編

役割の変化
設計フェーズ制作・開発フェーズ
企画者
企画を作って通す
プロジェクト管理
クオリティの担保
スケジュールの担保
制作編

制作編
projectを成功させる
3つの要素

制作で大切なこと
1. コミュニケーション
2. ファシリテーション
3. スケジューリング
制作編

制作編
Step1. コミュニケーション

Step1. コミュニケーション
• ヒアリング
• チームビルディング
• ネゴシエーション
制作編

制作編
その１ヒアリング

人の話を正確に聞き取る。
その１ヒアリング
例えば・・・議事録を正確に取る
的確な質問ができる。
制作編

→
手直しを発生させない
良いサービスを生み出す
仕事への評価
ヒアリング品質管理
スケジュール
クオリティ
信頼・満足度・次回発注
→
制作編

デザイナーへの依頼の
3つの項目
1. 概要

2. 詳細依頼

3. 画面仕様
制作編

1. 概要説明
• プロジェクトの経緯

• 達成したいゴール

• サイト・アプリの解決すべき事

• デザインで解決してほしい課題・問題

できれば文章で！
制作編

• 全体のボリューム（ページ数など）

• 役割（コーディング、フロント開発ありなしなど）

• スケジュール（何日まで？何時まで？）

• トンマナ

• 予算

を文章で。できれば紙で。
2. 詳細依頼
制作編

• ページリスト

• 遷移図

• ワイヤー画面別の要素 
-‐
各パーツ各要素の説明 
-‐
遷移先の確認ボタン単位で遷移先を指定 
-‐
アクションボタン単位のフロントでの稼働 
-‐
プログラムでどう動きをつけるかの説明

など、画面単位の設計を記入。
3. 画面仕様
制作編

制作編
その２チームビルディング

意思決定を迅速にする
コミュニケーションロスを減らす
その２チームビルディング
制作編

組織ごとの分担の違い
クライアントデザイナー
チームビルディング
制作編

クライアントディレクター
デザイナー
プログラマー
制作編

クライアント広告代理店
コミュニケーションコストが
膨大に・・・
制作編

デザイナー
イラスト
レーター
フォトグラ
ファー
ライター
クライアント
アート
ディレクター
SE
プログラマー
マークアップ
エンジニア
制作編

デザイナー
イラスト
レーター
フォトグラ
ファー
ライター
クライアント
アート
ディレクター
SE
プログラマー
マークアップ
エンジニア
みんな∼、
あっちいくよ∼
それぞれに適した人材をアサインし、ディレクターが先導！
制作編

時には案件を断る勇気も。
要件に会った適切な人材を。
ディレクターはナビゲーター！
チームビルドで大切なこと
制作編

制作編
その３ネゴシエーション

何と言っても、先回り！
先手必勝！
社内/社外のネゴ
制作編

コミュニケーションツールを有効活用
電話・メール・チャット
裏を作る？？？
制作編

制作編
Step2. ファシリテーション

参考：日本ファシリテーション協会
制作編

制作編
3

• 報告会議
• 決定会議
• アイディア会議
制作編

制作編
Step3. スケジューリング

Step3. スケジューリング
• 進行管理
• リカバリー
• バッファ
制作編

制作編
その１進行管理

納期を確実に守る。守らせる。
ボトルネックを早期に把握。
待ち工数を削減しコストダウン。
できるだけ細かく管理が大切。
その１進行管理
制作編

制作編
その２リカバリー

不測の事態に臨機に対応
制作/開発スピードを落とさない
その２リカバリー
制作編

明日までに
おねがいっ！
リカバリー
制作編

スケジュールが遅れているときに、
「急いでくれ」だけでは本気になりません・・・
なぜか？
「そこまでヤバくないだろう」
「誰かがなんとかしてくれる」
と、思ってる。（マジで。泣）
制作編

制作編
指示は明確に！

明日までに
おねがいっ！
制作編

明日の17:00までに
○○をおねがいっ！
制作編

制作編
そもそも…
何でぎりぎり？

制作編
その３バッファ

制作編

クライアント用
裏スケジュール、必須です！！
社内用
制作編

実は、納期
は明後日の朝…
明日の17:00までに
○○をおねがいっ！
ぎりぎりだけど、
ガンバリマス！
進行管理
制作編

さぁワークショップ！
制作編

お題
参加者のみに公開
制作編

ワークショップの意義
チームで考える
時間を決める
ファシリテーション
の練習！
制作編

要件定義？
仕様書？
資料について
制作編

コンテンツ/機能リスト
サイトマップ/遷移図
ファイルリスト
画面設計書
外部設計
制作編

作ろうと思えばどれだけでも時間を労力を
書けられる。
でも、ほんとに大事なことって何？
制作編

• 伝える相手によって、内容を変える
• 伝える内容によって、手段を変える
制作編

まとめ
1. コミュニケーション → ヒアリング
2. ファシリテーション → 会議の種類を把握
3. スケジューリング → バッファ持つ
制作編

制作における、ディレクターのスキルってのは、
要はビジネス基礎スキルの積み上げです。
つまり、制作をスムーズに進められる人は、
どんな仕事でもだいたいできます。
食いっぱぐれない。
まとめ
制作編

おわり
ご静聴ありがとうございました。
さぁミートアップだ！！！
制作編

0からのwebディレクション講座制作編5.1

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie 0からのwebディレクション講座制作編5.1

Ähnlich wie 0からのwebディレクション講座制作編5.1 (20)