0からのWebディレクション講座制作編 170218 slide_share

0からのWebディレクション講座
〜～制作編〜～
Projectを成功させるための
ディレクターの役割
 
ILY.株式会社取締役
⼀一般社団法⼈人ミライの住宅宅理理事
株式会社ＧｌｏｂａｌＦｕｎ代表取締役 
岩井和希

Copyright © JAD. All rights reserved.
制作編
2
Strategy
Tech
Design
Marketing
Message

制作編
3
まずは、何かに尖るべし

制作編
⽬目次
1. ディレクターの価値
2. ⾃自⼰己紹介
3. 制作の流流れ
4. 制作成功のポイント
5. ワークショップ
6. まとめ
4

制作編
5
⾃自⼰己紹介をしよう！
お相⼿手：お隣隣と
お時間：それぞれ1分
職種/歴/⾃自分の得意分野/これから伸ばしたい分野

制作編
6
岩井和希
株式会社GlobalFun 代表取締役
ILY.株式会社取締役
⼀一般社団法⼈人ミライの住宅宅理理事
⾦金金融教育系ベンチャーにて新規事業開発やマーケティング、
広報室、企画部リーダーを兼任。ウェブ制作やリスティング
を中⼼心としたプロモーションを経験し独⽴立立。複数の法⼈人を設
⽴立立。現在は、アプリやWebの制作ディレクションの他、マー
ケティングWebプロモーション全体の年年間コンサルティング
も⾏行行う。

制作編
7
潜在的な価値があるのに、なぜ？
薄給で…
忙しくて…
値切切りの対象になるのか？

制作編
8
価値を
伝えられていない。だけ

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

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

制作編
11
事前アンケートの結果

制作編
12
参加者のみに公開

制作編
13
共通課題
スケジュール管理理！

制作編
⽬目次
5. まとめ
14

制作編
15
Projectを燃やさないために
ディレクターがやるべきこと。
制作Phaseにおける、ディレクターの役割を改めて。

制作編
進⾏行行管理理
品質管理理
問題解決
16
制作Phaseでのディレクターの役割

制作編
⽬目次
3. 制作成功のポイント 
3-‐‑‒1. 進⾏行行管理理 
3-‐‑‒2. 品質管理理 
3-‐‑‒3. 問題解決
5. まとめ
17

制作編
18
Progress Management.
1.ドキュメント
2.スケジュール
3.コミュニケーション

制作編
19
ドキュメント
Documents.

C
O
N
FID
EN
TIA
L
Copyright © GlobalFun Co. Ltd. All Rights Reserved.
20
4-‐‑‒1 ページリスト
ID カテゴリ
⼤大カテゴリ中カテゴリ⼩小カテゴリ
AUT-‐‑‒001 ログインログイン前トップページ
AUT-‐‑‒002 ユーザー登録
AUT-‐‑‒003 プロフィール登録
AUT-‐‑‒004 アバター設定（初期設定）
AUT-‐‑‒005 パスワード変更更依頼
AUT-‐‑‒006 パスワード再設定
CDN-‐‑‒004 ⾐衣装⼿手帳詳細（HOME）
CDN-‐‑‒001 編集
CDN-‐‑‒002 投稿
CDN-‐‑‒003 ⼀一覧
CDN-‐‑‒005 ⼀一括DownLoad
CDN-‐‑‒006 アイテム⼀一覧
CDN-‐‑‒007 アイテム概要
CDN-‐‑‒023 アイテム詳細
CDN-‐‑‒008 DownLoad カート
CDN-‐‑‒009 受け取り⽅方法指定
CDN-‐‑‒010 送付先住所確認
CDN-‐‑‒011 完了了
CDN-‐‑‒012 カード情報登録
CDN-‐‑‒013 UPLoad アイテム登録
CDN-‐‑‒014 アイテム登録完了了
CDN-‐‑‒015 カート
CDN-‐‑‒016 ⾦金金額確認
CDN-‐‑‒017 完了了
CDN-‐‑‒018 カード情報登録
CDN-‐‑‒019 Up/Down カート
CDN-‐‑‒020 受取⽅方法指定
ID カテゴリ
⼤大カテゴリ中カテゴリ⼩小カテゴリ
SNS-‐‑‒001 SNS ウォール
SNS-‐‑‒002 コーデ詳細（他ユーザー）
SNS-‐‑‒003 ⼀一括DownLoad（他ユーザー）
SNS-‐‑‒004 シェア詳細
SNS-‐‑‒005 個⼈人ページ
SNS-‐‑‒006 個⼈人ページ（ショップ）
SNS-‐‑‒007 ⾐衣装⼿手帳（他ユーザー）
SNS-‐‑‒008 アイテム⼀一覧（他ユーザー）
SNS-‐‑‒012 個⼈人ページ（⾃自分）
SNS-‐‑‒013 友達フォロー⼀一覧
SNS-‐‑‒014 メッセージ⼀一覧
SNS-‐‑‒015 メッセージ詳細
MPG-‐‑‒001 マイページステータスアップ・ダウン・配送状況
MPG-‐‑‒002 ポイント確認
MPG-‐‑‒003 プロフィール閲覧・編集
MPG-‐‑‒004 アバター設定
MPG-‐‑‒005 認証
MPG-‐‑‒006 アカウント情報変更更
MPG-‐‑‒007 ⽀支払情報変更更
MPG-‐‑‒008 ブロックリスト
MPG-‐‑‒009 メール設定
MCL-‐‑‒002 会社情報
MCL-‐‑‒003 リーガル個⼈人情報保護⽅方針
MCL-‐‑‒004 特商法
MCL-‐‑‒005 お問い合わせ

C
O
N
FID
EN
TIA
L
フッタメニュー
21
メインメニュー
ログイントップ⼿手帳
詳細（⾃自
⼀一括
DownLoad
ポップアップ
DownLoad⽤用
カート
受け取り
指定決済画⾯面
SNS
登録
投稿画⾯面
詳細（他
マイページ
（プロフィール）
メール設定
ステータス
ブロック設定
友達
メッセージ
⾐衣装
UpLoad⽤用
カート
決済画⾯面
運営会社
リーガル関連
サポート
画⾯面遷移図
4-‐‑‒2 主要ページ遷移図
受け取り
指定
タグスキャ
ン

C
O
N
FID
EN
TIA
L
22
4-3-1-5A-1 ワイヤー:HOME
基本情報登録
1
2
3
Clues
登録
確認
項⽬目アクション遷移先　
1 性別男､⼥女女､どちらでもないをラジオボタンで選択
2 ⽣生年年⽉月⽇日誕⽣生年年と⽉月のみプルダウン
3
ユーザー名⼊入⼒力力
欄
タップで下からキー
ボード出現
･バリデーション:特殊記号､スペースなし（1~∼20⽂文字）
4 メールアドレス
⼊入⼒力力欄
ボード出現
･バリデーション:メアド⽤用（英数字､.-‐‑‒_̲@のみ）
5
パスワード⼊入⼒力力
欄
ボード出現
･バリデーション:Password⽤用（英数字のみ5~∼12⽂文字）
6
パスワード⼊入⼒力力
確認⽤用
ボード出現
･バリデーション:Password⽤用（英数字のみ5~∼12⽂文字）
･上記と同じでないとエラー
7 確認ボタン登録確認全てマストで⼊入⼒力力
入力
基本情報入力
次へ
ENT01
生年月日
男性女性どちらでもない🔘 🔘 🔘
性別
作成中
項⽬目⼊入⼒力力チェック初期値エラーメッセージ
1 性別必須チェック性別を⼊入⼒力力して下さい。
2 ⽣生年年⽉月⽇日
必須チェック⽣生年年⽉月⽇日を⼊入⼒力力して下さい。
上限チェック未来の⽇日時は指定できません。
3 確認 -‐‑‒ -‐‑‒ -‐‑‒
⽬目次番号/ページ名/最新更更新⽇日
ページ名
ワイヤー
※アクション部分は、枠で囲い左記に
指⽰示を書くこと。
ページの状態
画⾯面情報/概要
アクション/補⾜足
⼊入⼒力力チェックの定義
必須チェック︎/桁数チェック︎/半⾓角⾓角チェック︎
/数値チェック︎/重複チェック︎、など

制作編
23
ドキュメントの⽬目的
The purpose of the document

制作編
24
皆の頭の中のもやもやを、
可視化する。
テキスト化、イメージ化することで、
より正確な情報共有が可能に。

制作編
25
ドキュメントの全体象を把握
All

制作編
26
RDPL
BD CD
UT UATST
RUN
Development Process

制作編
27
RDPL
BD CD
UT UATST
RUN
Development Process
スケジュール
⾒見見積書
契約書
組織図、体制図
課題管理理表
検討資料料
議事録
ミッション
マーケット調査、解析、プランニング
業務フロー、ユースケース、ビジネスルール
要件定義書、画⾯面定義書
詳細設計書、テスト仕様書

制作編
28
まずは、そういった資料料が
存在すること
必要であること
を理理解。

制作編
29
ドキュメントの種類
Type of Documents

制作編
30
RDPL
BD CD
UT UATST
RUN
スケジュール
⾒見見積書
契約書
課題管理理表
検討資料料
議事録
ミッション
Input
Output
Management

制作編
31
ドキュメントは誰が作るか？

制作編
32
RDPL
BD CD
UT UATST
RUN
スケジュール
⾒見見積書
契約書
課題管理理表
検討資料料
議事録
ミッション
本来は…
Input
= クライアント
Output
= ディレクター
Management
= PM

制作編
33
RDPL
BD CD
UT UATST
RUN
スケジュール
⾒見見積書
契約書
課題管理理表
検討資料料
議事録
ミッション
現実は…
ディレクター

制作編
34
各資料料の必要性を、
関係者に共有し、だれがどこを担当するの
か？
それぞれのドキュメントを作る側に対して正
当な対価を⽀支払っていただくことが⼤大切切。

Copyright © GlobalFun. All rights reserved.
LIG s DIRECTION school 2016
スタッフとのコミュニケーションからディレクションを設計する
スケジューリング
35
Scheduling.

今回は、ワークショップでこれを⾏行行います。
36

制作編
スケジュール
37Copyright © JAD. All rights reserved.

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

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

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

制作編
では、どのようにして納期を守らせるか？
気持ちよく動いてもらうために
41

ファシリテーション
42
Facilitation.

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

制作編
44
3

制作編
45
1. Report
2. Decision
3. Brainstorming
報告MTG
決定MTG
アイディアMTG

制作編
46
事前資料料、時間制限
決定者、時間制限
ルール、雰囲気
報告MTG
決定MTG
アイディアMTG

制作編
47
MTGのための下準備
・報告MTG 　30分程度度
・決定MTG 　1h〜～2h
・アイディアMTG 　30分程度度
・提案　2h〜～8h 　※⾦金金額による

制作編
⽬目次
4-‐‑‒1. 進⾏行行管理理 
4-‐‑‒2. 品質管理理  
4-‐‑‒3. 問題解決
5. まとめ
48

品質管理理
49
Quality Management.

制作編
50
そもそもの… 　ヒアリング（& 設計）
Hearing.

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

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

制作編
53
制作・開発者に伝える
Tell / Communication

制作編
54
やっぱり、ドキュメント
Again, The Documents.

制作編
55
RDPL
BD CD
UT UATST
RUN
スケジュール
⾒見見積書
契約書
課題管理理表
検討資料料
議事録
ミッション
デザイナーに共有するべき資料料は・・・？
これだけ？？？

制作編
56
RDPL
BD CD
UT UATST
RUN
スケジュール
⾒見見積書
契約書
課題管理理表
検討資料料
議事録
ミッション
デザイナーに共有するべき資料料は・・・？
To Designer

制作編
57
最低限、⽤用意するもの
Minimum Documents.

制作編
デザイナーへの依頼の3つの項⽬目
1. 概要説明
2. 詳細依頼
3. 画⾯面仕様
58

制作編
1. 概要説明
• プロジェクトの経緯
• 達成したいゴール
• サイト・アプリの解決すべき事
• デザインで解決してほしい課題・問題
• 対応してほしい範囲 / 役割
59

制作編
•全体のボリューム（ページ数など）
•役割（コーディング、フロント開発ありなしなど）
•スケジュール（何⽇日まで？何時まで？）
•トンマナ
•予算（外注の場合）
2. 詳細依頼
60

制作編
61
•ページリスト
•遷移図
•ワイヤー　画⾯面別の要素 
-‐‑‒ 各パーツ　各要素の説明 
-‐‑‒ 遷移先の確認　ボタン単位で遷移先を指定 
-‐‑‒ アクション　ボタン単位のフロントでの稼働 
-‐‑‒ プログラムでどう動きをつけるかの説明
など。
3. 画⾯面仕様

制作編
ドキュメント通りに作る。
それは、当然です。
理理想は、アートディレクション。
サービス、商品、作品としての
価値を最⼤大限に向上させること。
品質管理理の⽬目指すところ
62

制作編
⽬目次
3-‐‑‒1. 進⾏行行管理理 
3-‐‑‒2. 品質管理理 
3-‐‑‒3. 問題解決
5. まとめ
63

問題解決
64
Trouble Shooting.

制作編
問題が起こった時に、もっとも⼤大切切なこと。
不不測の事態に臨臨機に対応
制作/開発スピードを落落とさない

制作編
66
Point1. 問題を分類する
To Sort the Trouble.

制作編
67
問題を分類する
•仕様変更更 
•仕様漏漏れ 
•仕様未達
交渉する 
交渉・⼀一部対応 
ガンバる

制作編
68
Point2. コミュニケーションのMCMQ
MCMQ of Communication.

制作編
69
MCMQ
More Correctly More Quickly

制作編
70
回答の遅延がボトルネックとなり、
炎上が加速するリスクも。
そもそも、回答が遅いと信⽤用されない…
ビジネスメールは24時間以内が基本。
ただし、トラブル時は1分1秒を争う。
すぐに回答できない問題であっても
「5分後に回答します。」「30分毎に状況を報告します。」
と⾔言った、返信をすること。

制作編
71
Point3. ネゴ
Negotiation.

制作編
ネゴシエーション
何と⾔言っても、先回り！
先⼿手必勝！
社内/社外のネゴ
72

制作編
事前に爆弾を抱えている可能性のあるものは、
それとなく伝えておく。
コミュニケーションツールを有効活⽤用
電話・メール・チャット
例例えば、裏裏を作る？？？
73
ネゴシエーション

制作編
74
Point4. そもそもの… 　チームビルディング
Team Build.

制作編
75
クライアントデザイナー
むかーしのチーム

制作編
いまのチーム
76
クライアント広告代理理店
コミュニケーションコストが膨⼤大
に・・・
ディレクターデザイナー
プログラマー

制作編
PL
PJオーナー
PMPMO
DirL
Dir
TechL
Tech
GDE
DE ME
ENL
EN
Dir Tech
EN
77
プロジェクトに対する組織構造の理理解

制作編
パートナー２パートナー１
外部ベンダー
クライアント自社
PJオーナー
社⻑⾧長さん
PL
伊藤さん
PM
⽥田中さん
PMO
佐藤さん
DirL
⼭山⽥田さん
決済機能
南さん
⾳音声機能
東さん
PM
⼭山⽥田さん
DirL
岩井さん
Dir
⼭山根さん
TechL
⼭山本さん
Tech
⼭山下さん
GDE
辻原さん
DE
辻之内さん
ME
坂⽥田さん
ENL
⼭山々さん
EN
猪俣さん
Dir
加藤さん
Tech
⼭山中さん
EN
飯⽥田さん
事業部A
伊藤和さん
事業部B
佐藤卓さん
事業部C
佐藤未さん
ENL
井上さん
78
case1. クライアントワークの場合

制作編
79
制作Phaseでの、チームビルディング
Team Building in Production Phase.

制作編
不不⾜足⼈人員の⽳穴埋め
80
制作Phaseでの、チームビルディング

制作編
パートナー２パートナー１
外部ベンダー
クライアント
PJオーナー
社⻑⾧長さん
PL
伊藤さん
PM
⽥田中さん
PMO
佐藤さん
決済機能
南さん
⾳音声機能
未定
GDE
辻原さん
DE
辻之内さん
ME
坂⽥田さん
EN
猪俣さん
EN
飯⽥田さん
事業部A
伊藤和さん
事業部B
佐藤卓さん
ENL
井上さん
81
不不⾜足⼈人員の⽳穴埋め
自社
PM
岩井さん
DirL
岩井さん
Dir
⼭山根さん
TechL
未定
Tech
⼭山下さん
ENL
⼭山々さん
Dir
未定
Tech
⼭山中さん
DirL
未定
事業部C
未定
リーダー不不在
クライアント
側のメンバー
不不在
退社
複数プロジェ
クト兼任で、
多忙
役割の兼任

制作編
補充⼈人員を探す（社内・外）
不不⾜足していることを、クライアント・上⻑⾧長に伝える
Re スケジュール
82
不不⾜足⼈人員の⽳穴埋めのために、ディレクターがやること

制作編
⽬目次
5. まとめ
83

制作編
84
Work Shop の内容は、参加者のみに公開
炎上のもっとも⼤大きな原因となるスケジュール管理理
ガントチャートを、3STEPで作ってみよう！

制作編
早期のボトルネック発⾒見見
早期のリスケジュール
⼤大切切なこと

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

制作編
⽬目次
5. まとめ
87

制作編
資料料について
ドキュメント、ドキュメントと難
度度も⾔言いましたが、

制作編
ちょっと横道　その２
ドキュメントは、
資産になります。
ドキュメントは、
これが最⼤大の効率率率化

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

制作編
⼈人がレベルアップするときは、
最後までやりきったとき。
＝　納品。
最初から強い敵と戦っても、倒すことができずいつまでも
レベルが上がらない。それよりも、まずはスライムを倒し
て、次の⼤大陸陸を⽬目指すべき。
最初のうちは、⼩小さな案件でも良良いので、数多くの納品を
⾏行行いコツコツレベルをあげよう。そして、その次に、⼤大型
案件に挑戦し、より⾼高いステージを⽬目指そう。
納品する価値

制作編
92
最後に、
Last Message.

制作編
制作における、ディレクターのスキルは、
ビジネス基礎スキルの積み上げです。
制作をスムーズに進められる⼈人は、
どのような仕事でもこなすことができます。

お知らせ
94
News!

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

0からのWebディレクション講座制作編 170218 slide_share

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à 0からのWebディレクション講座制作編 170218 slide_share

Similaire à 0からのWebディレクション講座制作編 170218 slide_share (20)

Dernier

Dernier (9)