View
4.150
Download
1
Category
Preview:
DESCRIPTION
ゼロディレの改訂版。 全回までものと構成を変えてみました。
Citation preview
ゼロからの ウェブディレクション講座
制作・開発編 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
ストアカ
詳細設計
詳細設計• 指示内容指示内容指示内容 • 指示内容指示内容 !• 指示内容指示内容指示 • 指示内容指示内容指示内容指示内容• 指示内容指示内容指示内容 • 指示内容指示内容 !• 指示内容指示内容指示 • 指示内容指示内容指示内容指示内容
プロジェクトの設計
プロジェクトの設計
• スケジュール
プロジェクトの設計スケジュールが遅れて、「急いでくれ」だけでは本気にならない。
「そこまでヤバくないだろう」
「誰かがなんとかしてくれる」
プロジェクトの設計
んなわけあるか。
スケジューリングのコツ
ちゃんとバッファをみること
常にチューニングすること
精度は粗く→細かく
スケジューリングのコツ
スケジューリングのコツ
細かくの図
ウォーターフォール
スパイラル
アジャイル
ちょっと横道
ちょっと横道
プロトタイピング
デザイン
制作
開発
テスト
時系列
工程進捗
過去は振り返らない主義なんだ。
一度工程が完了したら、変更は起こらない前提。
ちょっと横道
プロトタイピング
デザイン
制作
開発
テスト
時系列
工程進捗
動かないと わからないよ
えっ… 構成よくないね。 変えて。
お客さんはある程度形になるまで判断できないので、ブレやすい。
過去は振り返らない主義… さっさと作って
細かい事いいから、早く作ってよ。
ちょっと横道
品質の管理
表記統一リスト
校正チェックリスト
テストシナリオ
チームビルディング
意思決定を迅速にする
コミュニケーションロスを減らす
チームビルディング
モデュレーション 話をまとめて落としどころ
に持っていく
ファシリテーション 話を広げて意見を出させる
まとめ
• 作業にとらわれすぎない • 自分がやっている事は伝える事だという
﹅ ﹅ ﹅ ﹅
事を忘れずに
Recommended