Enviar pesquisa
Carregar
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
•
3 gostaram
•
1,124 visualizações
Yusuke Kojima
Seguir
2014/1/29に、株式会社フェローズで使用した資料です。
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 51
Baixar agora
Baixar para ler offline
Recomendados
0からのウェブディレクション講座:制作・開発編 V02.01
0からのウェブディレクション講座:制作・開発編 V02.01
Yusuke Kojima
現場のプロが教えるディレクターのための見積作成 v.1.01
現場のプロが教えるディレクターのための見積作成 v.1.01
Yusuke Kojima
ゼロディレ運用編 20170325
ゼロディレ運用編 20170325
Yusuke Kojima
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
LT38テーマ1-1
LT38テーマ1-1
GIG inc.
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
デザイン組織に本気で取り組む
デザイン組織に本気で取り組む
tomo tsubota
Recomendados
0からのウェブディレクション講座:制作・開発編 V02.01
0からのウェブディレクション講座:制作・開発編 V02.01
Yusuke Kojima
現場のプロが教えるディレクターのための見積作成 v.1.01
現場のプロが教えるディレクターのための見積作成 v.1.01
Yusuke Kojima
ゼロディレ運用編 20170325
ゼロディレ運用編 20170325
Yusuke Kojima
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
LT38テーマ1-1
LT38テーマ1-1
GIG inc.
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
デザイン組織に本気で取り組む
デザイン組織に本気で取り組む
tomo tsubota
20130928 ゼロディレ運用編スライド
20130928 ゼロディレ運用編スライド
Kenta Nakamura
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
「個」から「集」のデザイン
「個」から「集」のデザイン
Mari Kimura
【中村】サイト運用編スライドVer.3.0
【中村】サイト運用編スライドVer.3.0
Kenta Nakamura
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
Hiroyuki Makishita
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
Yusuke Kojima
フェローズ講演資料
フェローズ講演資料
Kenta Nakamura
0からのwebディレクション講座 制作編5.1
0からのwebディレクション講座 制作編5.1
Kazuki Iwai
【ゼロからのディレクション講座】サイト設計編
【ゼロからのディレクション講座】サイト設計編
本間 和城
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
masaki sukeda
2013 HTML5カンファレンス レスポンシブWebデザイン
2013 HTML5カンファレンス レスポンシブWebデザイン
Daisuke Yamazaki
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
20150404 講演資料
20150404 講演資料
Kenta Nakamura
20151011_出版記念講演:クオリティとスキルの話
20151011_出版記念講演:クオリティとスキルの話
Kenta Nakamura
日本ディレクション協会流企画のレシピ
日本ディレクション協会流企画のレシピ
本間 和城
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
正樹 平野
0からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.0
Kenta Nakamura
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
英明 伊藤
WEBディレクターとは?
WEBディレクターとは?
mishikawa
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
Wit wdm01
Wit wdm01
wit
Mais conteúdo relacionado
Mais procurados
20130928 ゼロディレ運用編スライド
20130928 ゼロディレ運用編スライド
Kenta Nakamura
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
「個」から「集」のデザイン
「個」から「集」のデザイン
Mari Kimura
【中村】サイト運用編スライドVer.3.0
【中村】サイト運用編スライドVer.3.0
Kenta Nakamura
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
Hiroyuki Makishita
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
Yusuke Kojima
フェローズ講演資料
フェローズ講演資料
Kenta Nakamura
0からのwebディレクション講座 制作編5.1
0からのwebディレクション講座 制作編5.1
Kazuki Iwai
【ゼロからのディレクション講座】サイト設計編
【ゼロからのディレクション講座】サイト設計編
本間 和城
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
masaki sukeda
2013 HTML5カンファレンス レスポンシブWebデザイン
2013 HTML5カンファレンス レスポンシブWebデザイン
Daisuke Yamazaki
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
20150404 講演資料
20150404 講演資料
Kenta Nakamura
20151011_出版記念講演:クオリティとスキルの話
20151011_出版記念講演:クオリティとスキルの話
Kenta Nakamura
日本ディレクション協会流企画のレシピ
日本ディレクション協会流企画のレシピ
本間 和城
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
正樹 平野
0からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.0
Kenta Nakamura
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
英明 伊藤
WEBディレクターとは?
WEBディレクターとは?
mishikawa
Mais procurados
(20)
20130928 ゼロディレ運用編スライド
20130928 ゼロディレ運用編スライド
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
「個」から「集」のデザイン
「個」から「集」のデザイン
【中村】サイト運用編スライドVer.3.0
【中村】サイト運用編スライドVer.3.0
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
フェローズ講演資料
フェローズ講演資料
0からのwebディレクション講座 制作編5.1
0からのwebディレクション講座 制作編5.1
【ゼロからのディレクション講座】サイト設計編
【ゼロからのディレクション講座】サイト設計編
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
2013 HTML5カンファレンス レスポンシブWebデザイン
2013 HTML5カンファレンス レスポンシブWebデザイン
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
20150404 講演資料
20150404 講演資料
20151011_出版記念講演:クオリティとスキルの話
20151011_出版記念講演:クオリティとスキルの話
日本ディレクション協会流企画のレシピ
日本ディレクション協会流企画のレシピ
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
0からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.0
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
WEBディレクターとは?
WEBディレクターとは?
Semelhante a 始めよう!Webディレクション 制作・開発現場を活性化するディレクション
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
Wit wdm01
Wit wdm01
wit
Wiz_branding
Wiz_branding
WizDesign
新規サービスの開発中にPoが何かを決断するために必要だったこと
新規サービスの開発中にPoが何かを決断するために必要だったこと
英明 伊藤
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
Air事業のデザイン組織とデザイナー
Air事業のデザイン組織とデザイナー
Recruit Lifestyle Co., Ltd.
モバイルファーストで考える最新トレンドと アダプティブデザイン
モバイルファーストで考える最新トレンドと アダプティブデザイン
Takeshiro Kani
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
インタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glbl
Interactive Creators Tokyo
【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座
本間 和城
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
tomo tsubota
エンジニアのためのUser Centered Designの考え方(入門編)
エンジニアのためのUser Centered Designの考え方(入門編)
Katsumi Tazuke
20231019 Notion Labs Japan × エルボーズ コラボ勉強会
20231019 Notion Labs Japan × エルボーズ コラボ勉強会
makototsubakihara
明日から使える業務向けデザインシステムのご紹介
明日から使える業務向けデザインシステムのご紹介
Fixel Inc.
PMの立ち位置について
PMの立ち位置について
SSK
成果を出すデジタル化支援とは
成果を出すデジタル化支援とは
NetyearGroup
Keynote 20120316
Keynote 20120316
Rikimaru Tomohiro
javascriptの基礎
javascriptの基礎
Masayuki Abe
サイボウズ デザイン&リサーチ紹介
サイボウズ デザイン&リサーチ紹介
Satoshi Shibata
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
Tatsuya_Yokoyama
Semelhante a 始めよう!Webディレクション 制作・開発現場を活性化するディレクション
(20)
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
Wit wdm01
Wit wdm01
Wiz_branding
Wiz_branding
新規サービスの開発中にPoが何かを決断するために必要だったこと
新規サービスの開発中にPoが何かを決断するために必要だったこと
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Air事業のデザイン組織とデザイナー
Air事業のデザイン組織とデザイナー
モバイルファーストで考える最新トレンドと アダプティブデザイン
モバイルファーストで考える最新トレンドと アダプティブデザイン
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
インタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glbl
【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
エンジニアのためのUser Centered Designの考え方(入門編)
エンジニアのためのUser Centered Designの考え方(入門編)
20231019 Notion Labs Japan × エルボーズ コラボ勉強会
20231019 Notion Labs Japan × エルボーズ コラボ勉強会
明日から使える業務向けデザインシステムのご紹介
明日から使える業務向けデザインシステムのご紹介
PMの立ち位置について
PMの立ち位置について
成果を出すデジタル化支援とは
成果を出すデジタル化支援とは
Keynote 20120316
Keynote 20120316
javascriptの基礎
javascriptの基礎
サイボウズ デザイン&リサーチ紹介
サイボウズ デザイン&リサーチ紹介
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
Último
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
Último
(9)
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
1.
始めよう!Webディレクション 制作・開発現場を活性化するディレクション 日本ディレクション協会 小嶋 裕亮
2.
自己紹介 小嶋 裕亮 企業向けのクライアントワークを中心に制 作を行ってきた。 オペレータ、デザイナー、エンジニアを経 て、ディレクターに。 現在株式会社リンケイジアジャパンでディ レクションチームを率いる。 所属: 日本ディレクション協会 株式会社リンケイジアジャパン
3.
ディレクターとは何か 制作を依頼されて 制作に責任を負う人
4.
他の職域との関係 マーケティング プランナー 営業 ディレクション アート ディレクション PM SE
5.
制作のフロー 設計→開発→運用
6.
制作のフロー 設計→開発→運用 • • • • • ゴールの設定 ターゲットの設定 施策の決定 コンテンツの決定 構造の設計 • • • • • • プロトタイピング デザイン モック作成 本制作 テスト リリース • • • • 課題設定 改善施策策定 改善 ログデータ解析
7.
扱うフェーズ 設計→開発→運用 • • • • • ゴールの設定 ターゲットの設定 施策の決定 コンテンツの決定 構造の設計 • • • • • • プロトタイピング デザイン モック作成 本制作 テスト リリース • • • • 課題設定 改善施策策定 改善 ログデータ解析
8.
今日やることについて WBSのやり方、ガントチャートの使い方、 ワイヤーの書き方、スケジューリングのコ ツ、QAなどなど…
9.
今日話すことについて WBSのやり方、ガントチャートの使い方、 スケジューリングのコツ、QAなどなど… 今日は話しません。
10.
Tipsを覚えても プロジェクトは回らない。
11.
ディレクションとは プロジェクト全体を 把握すること。
12.
そのためにやることは コミュニケーションの構築。
13.
何をする人なのか • 電話連絡 • メール書く •
ワイヤーを切る • 小言を言う
14.
何をする人なのか • 電話連絡がディレクション? • メール書くのがディレクション? •
ワイヤーを切るのがディレクション? • 小言を言うのはディレクション?
15.
果たす役割で考えてみよう
16.
ディレクターの役割 • 計画に基づいて • 工程を管理する
17.
ディレクターの役割 • 計画に基づいて →それぞれの目標を明確にして • 工程を管理する →誰が、いつ、何を作るかを決め、 その通りに進めること
18.
ディレクションの役割 • 計画に基づいて →それぞれの目標を明確にして • 工程を管理する →誰が、いつ、何を作るかを決め、 その通りに進めること コミュニケーションで実現
19.
タスク意味 • メールのやり取り・電話応対 • ワイヤーを切る・小言を言う
20.
タスク意味 • メールのやり取り・電話応対 →やりとりの交通整理 • ワイヤーを切る・小言を言う →目的・目標の共有・管理
21.
人と人をつなげる
22.
関わる人 クライアント フォトグラ ファー ライター イラスト レーター アート ディレクター デザイナー SE マークアップ エンジニア プログラマー
23.
関わる人 クライアント フォトグラ ファー ライター イラスト レーター アート ディレクター デザイナー SE マークアップ エンジニア プログラマー
24.
目標 ディレクション クライアント みんな∼、 フォトグラ あっちいくよ∼ ファー ライター イラスト レーター アート ディレクター デザイナー SE マークアップ エンジニア プログラマー
25.
工程と工程をつなげる
26.
開発フロー WBS スケジュール 画面仕様書の作成 素材手配 ライティング デザイン マークアップ プログラミング
27.
ディレクション WBS スケジュール 画面仕様書の作成 素材手配 ライティング デザイン マークアップ プログラミング
28.
ディレクション WBS スケジュール 画面仕様書の作成 素材手配 ライティング デザイン マークアップ 進捗管理 クオリティマネジメント プログラミング
29.
ディレクションの考え方 • なにをするのか • どんなツールを 使うのか • • • • 誰に対して 何を いつ どう伝えるのか
30.
組織の形によってやるべきこと は変わる
31.
一人での制作の特徴 クライアント デザイナー
32.
小規模チームの特徴 デザイナー クライアント デザイナーで賄いきれない、 顧客対応やプログラミング をプロが補うように。 ディレクター プログラマー
33.
中規模チームの特徴 クライアント 広告代理店 各工程の分業が進み、専門技術 の質が上がり、各工程内での作 業効率があがるはずだが…
34.
実例1
35.
実例1 コミュニケーション量は増えるが、 まだ単純。
36.
実例2
37.
実例2 専門性は高くなり、各工程の作業効率は あがるが、コミュニケーションが複雑化
38.
実例2 複雑すぎるコミュニケーションを裁く ので手一杯に。。。
39.
共通する役割 • 不要なやり取りをなくすこと。 • 技術者が無駄な判断をしなくてよいよう にすること。
40.
コミュニケーションを加速させ るツール
41.
チャート
42.
画面仕様書と修正指示書 • • 指示内容指示内容指示内容 指示内容指示内容 • • 指示内容指示内容指示 指示内容指示内容指示内容指示内容 • • 指示内容指示内容指示内容 指示内容指示内容 • • 指示内容指示内容指示 指示内容指示内容指示内容指示内容
43.
クオリティチェックリスト デザインチェック コーディングチェック コードチェック • ファイルのエンコードと改行コード • バリデータでの文法チェック • リンクの指定方法のチェック • JavaScriptのエラーの有無のチェック ブラウザチェック • デザインを再現できているかのチェック • 対応ブラウザでの表示チェック • ブラウザで拡大縮小した場合の表示チェック コンテンツチェック • 文字校正 画像 • 画像の表示漏れチェック • 画像のサイズ指定のチェック • ALT指定のチェック リンク • ハイパーリンクのチェック
44.
サービスオーナーとの コミュニケーション
45.
ウォーターフォルモデル 過去は振り返ら ない主義なんだ。 時系列 プロトタイピ ング デザイン 開発工程 モック制作 本制作 テスト 一度工程が完了したら、変更は起こらない前提。
46.
現実の工程 過去は振り返ら ない主義… さっさと作って プロトタイピ ング 時系列 動かないと わからないよ デザイン 開発工程 細かい事いいから、 いいから、 早く作ってよ。 モック制作 本制作 えっ… 構成よくないね。 テスト 変えて。 お客さんはある程度形になるまで判断できないので、ブレやすい。
47.
外部委託による分断 時系列 プロトタイピ ング デザイン 開発工程 モック制作 本制作 テスト
48.
あり方そのものを疑え • どう指示・依頼されたかではなく、 なにが最適かをまず考えること。 • 普通のこと・いつものやり方が 本当に最適なのかを考えること。
49.
コミュニケーションで 仕組みをつくろう
50.
ありがとうございました
51.
日本ディレクション協会 http://www.direkyo.com/
Baixar agora