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

プログラマー

マークアップエンジニア

×Copyright © JAD. All rights reserved.


デザイナー

イラストレーター

フォトグラファー

ライター

クライアント

アートディレクター

SE

プログラマー

マークアップエンジニア

みんな～、あっちいくよ～

それぞれに適した人材をアサインし、ディレクターが先導！



時には案件を断る勇気も。

要件に会った適切な人材を。

ディレクターはナビゲーター！

チームビルドで大切なこと





その３　ネゴシエーション

何と言っても、先回り！

先手必勝！

社内/社外のネゴ




コミュニケーションツールを有効活用

電話・メール・チャット


裏を作る？？？





Step2. ファシリテーション

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





3

• 報告会議 • 決定会議 • アイディア会議





Step3. スケジューリング

Step3. スケジューリング

• 進行管理 • リカバリー • バッファ





その１　進行管理

納期を確実に守る。守らせる。

ボトルネックを早期に把握。

待ち工数を削減しコストダウン。

できるだけ細かく管理が大切。

その１　進行管理





その２　リカバリー

不測の事態に臨機に対応

制作/開発スピードを落とさない

その２　リカバリー



明日までにおねがいっ！

リカバリー



スケジュールが遅れているときに、「急いでくれ」だけでは本気になりません・・・

なぜか？

「そこまでヤバくないだろう」

「誰かがなんとかしてくれる」

と、思ってる。（マジで。泣）





指示は明確に！

明日までにおねがいっ！



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





そもそも… 何でぎりぎり？



その３　バッファ

クライアント用

裏スケジュール、必須です！！

社内用



実は、納期は明後日の朝…

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

ぎりぎりだけど、ガンバリマス！

進行管理



さぁワークショップ！



お題

参加者のみに公開



ワークショップの意義

チームで考える時間を決める

ファシリテーションの練習！



要件定義？仕様書？

資料について



コンテンツ/機能リスト

サイトマップ/遷移図

ファイルリスト

画面設計書

外部設計



作ろうと思えばどれだけでも時間を労力を書けられる。

でも、ほんとに大事なことって何？



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



まとめ

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



制作における、ディレクターのスキルってのは、要はビジネス基礎スキルの積み上げです。

つまり、制作をスムーズに進められる人は、どんな仕事でもだいたいできます。

食いっぱぐれない。

まとめ



おわり

ご静聴ありがとうございました。

さぁミートアップだ！！！



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

Engineering

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