ゼロからの ウェブディレクション講座

制作・開発編 v.3.0

日本ディレクション協会

自己紹介小嶋裕亮 Web・APP開発ディレクター 日本ディレクション協会・株式会社リンケイジアジャパン !大規模Webシステムのオペレーターから、デザイナー、コーダーなどを経てディレクターに。 主に制作・開発フェーズ、運用フェーズを得意とする。 現在株式会社リンケイジアジャパンでディレクションチームを率いる。

お話しすること

Webディレクションとは何か それに必要なスキルは何か

設計→開発→運用

制作のフロー

役割の変化

設計フェーズ

企画者

制作・開発フェーズ

プロジェクト管理者

役割の変化

設計フェーズ

企画者

↓

企画を作って通す

制作・開発フェーズ

プロジェクト管理者

↓

PJを完了させる

プロジェクト全体を

掌握すること。

役割の変化

コミュニケーションの構築

最も力を入れるところ

職務

スタッフのアサイン

詳細設計

確認作業

職務

決めて

伝えて

チェックする

職務

決めて

伝えて

チェックする

ボトルネックは 大抵ココ

具体例

決めて伝える

誰が

何を

何時するのか

人をアサインする

デザイナー

イラスト レーター

フォトグラファー

ライター

クライアント

アート ディレクター SE

プログラマー

マークアップ エンジニア

役割を決めて伝える

デザイナー

イラスト レーター

フォトグラファー

ライター

クライアント

アート ディレクター SE

プログラマー

マークアップ エンジニア

目標を決めて伝える

デザイナー

イラスト レーター

フォトグラファー

ライター

クライアント

アート ディレクター SE

プログラマー

マークアップ エンジニア

目標を決めて伝える

デザイナー

イラスト レーター

フォトグラファー

ライター

クライアント

アート ディレクター SE

プログラマー

マークアップ エンジニア

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

スケジュールを決めて伝える明日の17:00までにおねがいっ！

組織ごとの分担の違い

クライアント デザイナー

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

デザイナー

プログラマー

組織ごとの分担の違い

クライアント 広告代理店

組織ごとの分担の違い

チェックする

スケジュールのチェック

品質のチェック

ボトルネック

不十分な権限

コミュニケーションロス

コミュニケーションロス

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

コミュニケーションロス

コミュニケーションロス

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

コミュニケーションロス

コミュニケーションロス

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

ディレクションスキル

開発フロー

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

スケジュール

WBS

画面仕様書の作成

素材手配

ディレクション

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

スケジュール

WBS

画面仕様書の作成

素材手配

ディレクション

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

スケジュール

WBS

画面仕様書の作成

素材手配

進捗管理

クオリティマネジメント

スキルセット

詳細設計

プロジェクト管理

品質管理

詳細設計

ぼやっとした概要設計を

具体的に形にしていく

詳細設計

コンテンツ/機能リスト

遷移図

ファイルリスト

仕様書

詳細設計コンテンツ概要 メインコンテンツ：活動紹介 • ミートアップ • セミナー • その他活動報告 • 協会について • 学生部（外部リンク） サブコンテンツ：関係者紹介 • メンバー紹介 • 協賛企業紹介 詳細情報 • PP その他機能 • 問い合わせフォーム

詳細設計0001 トップ

M001 ミートアップ

S001 セミナー

A001 活動報告

M002 ミートアップ個別

A002 活動報告個別

S002 セミナー個別

検索 エンジン

SNS Blog

Peatix or

ストアカ

詳細設計

詳細設計• 指示内容指示内容指示内容 • 指示内容指示内容 !• 指示内容指示内容指示 • 指示内容指示内容指示内容指示内容• 指示内容指示内容指示内容 • 指示内容指示内容 !• 指示内容指示内容指示 • 指示内容指示内容指示内容指示内容

プロジェクトの設計

プロジェクトの設計

• スケジュール

プロジェクトの設計スケジュールが遅れて、「急いでくれ」だけでは本気にならない。

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

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

プロジェクトの設計

んなわけあるか。

スケジューリングのコツ

ちゃんとバッファをみること

常にチューニングすること

精度は粗く→細かく

スケジューリングのコツ

スケジューリングのコツ

細かくの図

ウォーターフォール

スパイラル

アジャイル

ちょっと横道

ちょっと横道

プロトタイピング

デザイン

制作

開発

テスト

時系列

工程進捗

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

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

ちょっと横道

プロトタイピング

デザイン

制作

開発

テスト

時系列

工程進捗

動かないと わからないよ

えっ… 構成よくないね。 変えて。

お客さんはある程度形になるまで判断できないので、ブレやすい。

過去は振り返らない主義… さっさと作って

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

ちょっと横道

品質の管理

表記統一リスト

校正チェックリスト

テストシナリオ

チームビルディング

意思決定を迅速にする

コミュニケーションロスを減らす

チームビルディング

モデュレーション 話をまとめて落としどころ

に持っていく

ファシリテーション 話を広げて意見を出させる

まとめ

• 作業にとらわれすぎない • 自分がやっている事は伝える事だという

﹅ ﹅ ﹅ ﹅

事を忘れずに