社団法人 日本ディレクション協会

0からのWebディレクション講座 制作・開発編

まずは、自己紹介

0からのWebディレクション講座 制作・開発編

岩井 和希 株式会社GlobalFun 代表 株式会社ダブルストローク執行役員 日本ディレクション協会 講習部 部長

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

0からのWebディレクション講座 制作・開発編

ゼロディレってなに？

0からのWebディレクション講座 制作・開発編

→　　/　　→開発• ゴールの設定 • ターゲットの設定 • 施策の決定 • コンテンツの決定 • 構造の設計

• プロトタイピング • デザイン • モック作成 • 本制作 • テスト • リリース

• 課題設定 • 改善施策策定 • 改善 • ログデータ解析

設計 制作 運用

0からのWebディレクション講座 制作・開発編

ゼロディレってなに？

→　　→　　→ →　　→プロモーション

全6講座

開発設計 制作運用

企画

0からのWebディレクション講座 制作・開発編

ゼロディレってなに？

0からのWebディレクション講座 制作・開発編

Webディレクションって何？ それに必要なスキルって何？

そもそも ディレクターってなに？

0からのWebディレクション講座 制作・開発編

役割の変化設計フェーズ 制作・開発フェーズ 企画者

企画を作って通す

プロジェクト管理

クオリティの担保 スケジュールの担保

0からのWebディレクション講座 制作・開発編

ライティング デザイン マークアップ プログラミング

スケジュール

WBS

画面仕様書の作成

素材手配

0からのWebディレクション講座 制作・開発編

進捗管理

品質管理

チームビルディング

0からのWebディレクション講座 制作・開発編

進捗管理品質管理

チームビルディング

意思決定を迅速にする コミュニケーションロスを減らす

0からのWebディレクション講座 制作・開発編

チームビルディング

組織ごとの分担の違い

クライアント デザイナー

0からのWebディレクション講座 制作・開発編

チームビルディング

クライアント ディレクター

デザイナー

プログラマー

0からのWebディレクション講座 制作・開発編

クライアント ディレクター

デザイナー

プログラマー

0からのWebディレクション講座 制作・開発編

クライアント 広告代理店

0からのWebディレクション講座 制作・開発編

コミュニケーションコストが膨大に・・・

さらに・・・

0からのWebディレクション講座 制作・開発編

0からのWebディレクション講座 制作・開発編

コミュニケーション量は増えるが、まだ単純。

専門性は高くなり、各工程の作業効率はあがるが、コミュニケーションが複雑化

0からのWebディレクション講座 制作・開発編

複雑すぎるコミュニケーションを裁くので手一杯に。。。

0からのWebディレクション講座 制作・開発編

デザイナー

イラスト レーター

フォトグラファー

ライター

クライアント

アート ディレクター SE

プログラマー

マークアップ エンジニア

0からのWebディレクション講座 制作・開発編

×

デザイナー

イラスト レーター

フォトグラファー

ライター

クライアント

アート ディレクター

SE

プログラマー

マークアップ エンジニア

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

0からのWebディレクション講座 制作・開発編

それぞれに適した内容を伝える

モデュレーション 話をまとめて 落としどころに 持っていく

ファシリテーション 話を広げて意見を

出させる

0からのWebディレクション講座 制作・開発編

チームビルディング

僕らは、ナビゲーター！

0からのWebディレクション講座 制作・開発編

納期を確実に守る。 待ち工数を削減しコストダウン。

進行管理

明日までに おねがいっ！

0からのWebディレクション講座 制作・開発編

進行管理

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

なぜか？

0からのWebディレクション講座 制作・開発編

「そこまでヤバくないだろう」 「誰かがなんとかしてくれる」 と、思ってる。（マジで。泣）

0からのWebディレクション講座 制作・開発編

指示は明確に！

明日までに おねがいっ！

0からのWebディレクション講座 制作・開発編

0からのWebディレクション講座 制作・開発編

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

0からのWebディレクション講座 制作・開発編

そもそも、何でぎりぎりなの？

進行管理

0からのWebディレクション講座 制作・開発編

0からのWebディレクション講座 制作・開発編

クライアント用

社内用

進行管理

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

0からのWebディレクション講座 制作・開発編

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

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

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

進行管理

バッファを持つ 常にチューニングする

0からのWebディレクション講座 制作・開発編

ようは・・・

粗く始め細かく終わる！

0からのWebディレクション講座 制作・開発編

手直しを発生させない 良いサービスを生み出す

仕事への評価

品質管理

デザイン指示書の書き方1. 作業依頼#

2. デザイン全体についての依頼#

3. 画面仕様

0からのWebディレクション講座 制作・開発編

品質管理

作業依頼•何時までに終わらせてほしいか#

•作業で絶対やっておいてほしいTo#Doリスト#﹅ ﹅ ﹅

•作業チェックリスト#﹅ ﹅ ﹅

を文章で、できれば紙で渡す。

0からのWebディレクション講座 制作・開発編

表記統一リスト 校正チェックリスト テストシナリオ

0からのWebディレクション講座 制作・開発編

デザイン全体についての依頼•プロジェクトの経緯#•達成したいゴール#•サイト・アプリの解決すべき事#•デザインで解決してほしい問題#•対応してほしい範囲#

などを文章で説明する。﹅ ﹅ ﹅

0からのWebディレクション講座 制作・開発編

画面仕様•この画面でユーザーにしてもらいたいアクション#•プロトタイプであるワイヤー#•各パーツについての説明#•プログラムでどう動きをつけるかの説明#

など、画面単位の設計を記入。

0からのWebディレクション講座 制作・開発編

品質管理

0からのWebディレクション講座 制作・開発編

1. 決める 2. 伝える 3. 確認する

ボトルネックは 大抵ココ

0からのWebディレクション講座 制作・開発編

品質管理

0からのWebディレクション講座 制作・開発編

ワークショップ

0からのWebディレクション講座 制作・開発編

ワークショップの意義

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

要件定義 仕様書

0からのWebディレクション講座 制作・開発編

コンテンツ/機能リスト 遷移図

ファイルリスト 仕様書

0からのWebディレクション講座 制作・開発編

概要設計

0からのWebディレクション講座 制作・開発編

メインコンテンツ ：活動紹介 • ミートアップ • セミナー • その他活動報告 • 協会について • 学生部（外部リンク）

サブコンテンツ ：関係者紹介 • メンバー紹介 • 協賛企業紹介 詳細情報 • PP その他機能 • 問い合わせフォーム

0からのWebディレクション講座 制作・開発編

コンテンツ概要

0001 トップ

M001 ミートアップ

S001 セミナー

A001 活動報告

M002 ミートアップ個別

A002 活動報告個別

S002 セミナー個別

SNS Blog

Peatix or

ストアカフローA

フローB

0からのWebディレクション講座 制作・開発編

検索 エンジン

遷移図

0からのWebディレクション講座 制作・開発編

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

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

0からのWebディレクション講座 制作・開発編

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

制作・開発の進め方

0からのWebディレクション講座 制作・開発編

ちょっと横道

テスト

時系列

工程進捗

一度工程が完了したら、変更は起こらない前提。

0からのWebディレクション講座 制作・開発編

プロトタイピング

開発

制作

デザイン

過去は振り返らない主義なんだ！

さっさと作って

テスト

時系列

工程進捗

0からのWebディレクション講座 制作・開発編

プロトタイピング

開発

制作

デザイン

細かいこといいから、早く作ってよ。

動かないと わからないよ

構成が良くないね。 取り敢えず、変えて。

え・・・？？？

ある程度形になるまで判断できない・・・でも、

ウォーターフォール アジャイル スパイラル

0からのWebディレクション講座 制作・開発編

0からのWebディレクション講座 制作・開発編

第３・４学年　複式単元配当一覧表

スパイラルっていいよね。

0からのWebディレクション講座 制作・開発編

まとめディレクション業務の全体像を知る

チームを巻き込む バッファを持つ 伝え方

0からのWebディレクション講座 制作・開発編

おわり

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

0からのWebディレクション講座 制作・開発編