ディレクターのキャリア・パス ～職能マップになぞらえて～
•
1 like•1,762 views
2016/10/29（sat.） 様々なケースから学ぶ Webディレクターのキャリア戦略@関西Vol.2 での登壇資料。 組み込み系プログラマーからDTPデザイナー、Webデザイナー、Flashオーサー、ディレクター、プロマネとかチームリーダーを経験した中で、何を想い、何にヒントを得て、何を実践してきたのか「職能マップ」になぞらえてお話させていただいた時のキーノート。 少しでも皆さまの参考になれば。
Recommended
More Related Content
What's hot
What's hot (15)
Similar to ディレクターのキャリア・パス ～職能マップになぞらえて～
Similar to ディレクターのキャリア・パス ～職能マップになぞらえて～ (20)
ディレクターのキャリア・パス ～職能マップになぞらえて～
- 1. 1 • スライドはシェアします。 • 最後に質疑応答の時間を設けています。これからお話させていただく内容と多少ずれていても構いませんので ご質問お願いします。 • みなさんの前で聞くより、個別にお話したいと思われる場合は是非、懇親会でお声掛けください。 • 眠たくなった方がいたらお声掛けください。 • PowerPointのテンプレートは「The Power of PowerPoint 」を利用させて頂いております。 ～素晴らしい気づきを与えて下さったAdaptive Path Inc.、Jesse James Garettさんに敬意を表します。～
- 4. 4 プログラマー C言語、アセンブラ言語にデジタル変・復調処理のプロ グラム書きなど。 ( 株 ) ル ー ト ・ シ ー ／ デ ィ レ ク タ ー 一 般 社 団 法 人 日 本 デ ィ レ ク シ ョ ン 協 会 関 西 支 部 所 属 DTPデザイナー いわゆる“紙モノ”。年史やパンフ、社内報などを 担当。徐々にインターネットが広まっていく。 Webデザイナー、Flashの人、 ディレクター 入社当時、インターネットの世帯普及率88%。 印刷会社のWebソリューション事業部（当時）へ転職。 複合的にさまざまな経験をさせていただいた１2年。 ディレクター ディレクター／PM／テクニカル・ディレクター として2014年より現職。 ただいま、Drupal×多言語案件回してます。 米田 蓮治 よ ね だ れ ん じ Facebook:https://www.facebook.com/renji.yoneda E-Mail：yoneda.renji@root-sea.co.jp
- 5. 5 本 日 の ア ジ ェ ン ダT o p i c 0 1 T o p i c 0 2 T o p i c 0 3 職能マップを 生み出すきっかけ 職能マップについて 今後のこと Mel soleat voluptatum sadipscing ut Ne sed vidit harum integre mediocritatem
- 8. 1 2 3 困 っ た 8 誰の為のデザイン？ ターゲット ユーザー 不明 期日はすぐそこ 素材がない 批評がない 意見もない
- 9. 不 毛 な “ あ る あ る ” 9 いやいや、、、 「とりあえず」っ てビールか！？ わかんねーよ せめてユーザー像 だけでも、、、
- 11. で き ま し た 。 11
- 12. な ぜ 、 で き た の か ？ 12 キックオフ後に 紀伊国屋に ダッシュ とびこみで質問し た協力会社の人に レイヤー名に ダメ出し 若さ？ Flash-ML？
- 13. な ぜ 、 で き た の か ？ 13 チガウヨ ！！
- 14. 神 降 臨 14 Jesse James Garrett ジェシー・ジェームス・ギャレットさん Adaptive Path Inc. 創設者の一人 UX界の重鎮の一人 未だに最前線にいらっしゃることが何より凄い 近影はUX Day 2016から。画像がWebpだった The Elements of User Experience UXの観点からサイト構築を「戦略」「要件」「構造」「骨格」 「表層」（英語だと”５つのS”）と捉え、個々の要素を解説した 図の提案者 Nine Pillars of Successful Web Teams ウェブ開発チームを成功へと導く9つのカギ
- 15. T h e E l e m e n t s o f U s e r E x p e r i e n c e 15引用：The Elements of User Experience-Translations of the original diagram
- 16. T h e E l e m e n t s o f U s e r E x p e r i e n c e 16 ”ルック＆フィール”の“ルック”の部分 ヴ ィ ジ ュ ア ル デ ザ イ ン : ソフトウェア・インターフェースとしてのWeb ユーザーとの相互作用を機能させるインターフェースの 設計 イ ン タ ー フ ェ ー ス デ ザ イ ン : ユーザーの理解を促進するような情報の表現方法の設計 情 報 デ ザ イ ン : ユーザーがサイト上の各機能にどう反応するかを定義し、 タスクの実行促進するアプリケーションの流れを開発す ること イ ン タ ラ ク シ ョ ン デ ザ イ ン : ユーザーの需要を満たすためにサイトが備える機能記述 機 能 仕 様 : 外因的なサイトの目的 - ユーザー調査や民族的/技術的/サ イコグラフ的要因などから定義される ユ ー ザ ー の 需 要 : 内因的なサイトの目的 - ビジネス上の目標、クリエイティ ブな目標など。 サ イ ト の 目 的 : テキスト、グラフィック要素、ナビゲーション用のパー ツのヴィジュアル的な取り扱い ヴ ィ ジ ュ ア ル デ ザ イ ン : IAを通じて、ユーザーの動作を促すインターフェースの 設計 ナ ビ ゲ ー シ ョ ン デ ザ イ ン : ユーザーの理解を促進するような情報の表現方法の設計 情 報 デ ザ イ ン : コンテンツへ直感的なアクセスを促す情報空間の構造的 設計 情 報 ア ー キ テ ク チ ャ : ユーザーの需要を満たすためにサイトに必要とされる コンテンツ要素の定義 コ ン テ ン ツ 要 件 : 外因的なサイトの目的 - ユーザー調査や民族的/技術的/ サイコグラフ的要因などから定義される ユ ー ザ ー の 需 要 : 内因的なサイトの目的 - ビジネス上の目標、クリエイ ティブな目標など。 サ イ ト の 目 的 : ハイパーテキスト・システムとしてのWeb具体的
- 17. T h e E l e m e n t s o f U s e r E x p e r i e n c e 17 表層 Sarface 情報を示したり、操作できるものを表す視覚的なデザイン 骨格 Skelton 構造 Structure 様々な操作を経て目的の情報や機能へ辿り着くようにする全体構造の設計 要件 Scope 利用者の目的を満たすために必要な機能やコンテンツを設計 戦略 Strategy サイトやアプリの目的は何か、そして利用者はそれを使うことで何を得る ことができるのかを設計したり見つけたり 利用者が理解しやすいように画面に表示される情報の優先順位や配置の設計 具体的
- 19. T h e E l e m e n t s o f U s e r E x p e r i e n c e 19 表層 情報を示したり、操作できるもの を表す視覚的なデザイン 骨格 構造 様々な操作を経て目的の情報や機能へ 辿り着くようにする全体構造の設計 要件 利用者の目的を満たすために必要な 機能やコンテンツを設計 戦略 サイトの目的は何か、そして利用者 はそれを使うことで何を得ることが できるのかを設計したり見つけたり 利用者が理解しやすいように画面に表 示される情報の優先順位や配置の設計 表層 骨格 構造 要件 戦略 具体的
- 20. な に が お こ っ て い た の か ？ 20 お客さま社内の デザイナーさん 兼 決裁権者（委譲） 考える やってみる 間違ったらまた 考えて やってみる
- 21. な に が お こ っ て い た の か ？ 21 お客さま社内の デザイナーさん 兼 決裁権者（委譲） 考える やってみる 間違ったらまた 考えて やってみる 自分の得意分野で 苦手なところを 助けてくれた 制作に必要な情報 をやりとりできる 距離感
- 22. 考える やってみる 間違ったらまた 考えて やってみる 自分の得意分野で 苦手なところを 助けてくれた 制作に必要な情報 をやりとりできる 距離感 お客さま社内の デザイナーさん 兼 決裁権者（委譲） こ れ こ そ “ チ ー ム ” な に が お こ っ て い た の か ？
- 25. 共 通 の 地 図 と 言 葉 を 持 つ “ 職 能 マ ッ プ ” ※ 世 界 で 同 じ こ と を 考 え つ く 人 が ３ 人 は い る 。 え ふ し ん さ ん 「 現 場 に 必 要 な の は 『 フ ル ス タ ッ ク 』 よ り 『 デ ュ ア ル ス タ ッ ク 』 エ ン ジ ニ ア 」 2 0 1 6 / 1 0 / 1 2 野 本 纏 花 さ ん
- 26. 職 能 マ ッ プ ～ 解 説 ～ 26 業務依頼、与件提出、検証、検収などC L ： ク ラ イ ア ン ト 初期折衝（クロージング）、見積策定などA E ： 営 業 企画・立案・・・与件整理、企画提案、予算策定P L ： プ ラ ン ナ ー プロジェクトマネージメント・・・予算策定／管理・進捗管理・外注管理 P M ： プ ロ ジ ェ ク ト マ ネ ー ジ ャ ー 実現可能技術の提案・実証・施策展開 T D ： テ ク ニ カ ル デ ィ レ ク タ ー 営業・企画 ディレクション デザイン／システム凡例： PM TD IA PG DeFE CL AE PL営業・企画 クライアント 設計・制作 情報設計、導線設計の優先度の決定、ワイヤー／UI設計など I A ： 情 報 ア ー キ テ ク ト サーバーサイドにおけるプログラミングやネットワーク構築。 Apacheの設定やCGI、PHPなどのサーバーサイドに関わるプログラミ ングとその運用など P G ： プ ロ グ ラ マ ー HTML、CSS、JavaScriptなど、UIやフロントとバックのゲートウェ イに関わる設計および実装など F E ： フ ロ ン ト エ ン ド エ ン ジ ニ ア ホームページにおけるデザイン業務全般 カンプ作成、デザイン作成、コンポーネントデザインなど D e ： デ ザ イ ナ ー
- 27. 職 能 マ ッ プ ～ 解 説 ～ 27営業・企画 ディレクション デザイン／システム凡例： PM TD IA PG DeFE CL AE PL営業・企画 設計・制作 システムとしてのWeb メディアとしてのWeb システム側 エンドユーザー側
- 29. 職 能 マ ッ プ ～ チ ー ム ビ ル デ ィ ン グ ～ 29 営業・企画 ディレクション デザイン／システム凡例： 米田 米田 上田 米田 上田 上田 武内上田 連携するよう アサインする 対応可能であれば、 隣合う領域をまたぐ
- 30. 職 能 マ ッ プ ～ チ ー ム ビ ル デ ィ ン グ ～ 30 営業・企画 ディレクション デザイン／システム凡例： 米田 米田 上田 米田 上田 上田 武内上田 連携するよう アサインする 対応可能であれば、 隣合う領域をまたぐ 営業・企画 ディレクション デザイン／システム凡例： 米田 米田 上田 上田 武内上田 「空き」を 生じさせない
- 32. 営業・企画 ディレクション デザイン／システム凡例： 米田 米田 上田 米田 上田 上田 武内上田 職 能 マ ッ プ ～ コ ミ ュ ニ ケ ー シ ョ ン ～ 32 コミュニケーション チャンネルが コミュニケーション チャンネルが
- 33. 営業・企画 ディレクション デザイン／システム凡例： 米田 米田 上田 米田 上田 上田 武内上田 職 能 マ ッ プ ～ コ ミ ュ ニ ケ ー シ ョ ン ～ 33 コミュニケーション チャンネルが コミュニケーション チャンネルが 営業・企画 ディレクション デザイン／システム凡例： 米田 上田 上田 武内上田 少ない 互いの領域をまたぐ 多い 物理的・心理的な距離 から増やすことも
- 35. 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～ 35 営業・企画 ディレクション デザイン／システム凡例： PM IA PG DeEF 「空き」を 生じさせない
- 36. 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～ 36 営業・企画 ディレクション デザイン／システム凡例： PM IA PG DeEF 連携するよう アサインする 「空き」を 生じさせない 歩み寄る 広げる
- 37. 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～ 37 個としての広さ
- 38. 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～ 38 個としての広さ Personality Sociality Ability
- 39. 39 いきなり 職能領域で重なる ことはない Personality Sociality Ability 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～
- 40. 40 いきなり 職能領域で重なる ことはない Personality Sociality Ability 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～
- 41. 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～ 41 いきなり 職能領域で重なる ことはない Sociality
- 42. 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～ 42 ゴールに対して お互いに 歩み寄る
- 43. 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～ 43 ゴールに対して お互いに 歩み寄る Discussion Aufheben
- 44. 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～ 44 ゴールに対して お互いに 歩み寄る 恨みっこなしよ。 Discussion Dis+Cuss 止揚 Aufheben Aufheben
- 46. 職 能 マ ッ プ ～ キ ャ リ ア パ ス 説 明 時 ～ 46 顧客・・・業務依頼、与件提出C L ： ク ラ イ ア ン ト 営業・・・初期折衝（クロージング）、見積策定などA E ： 営 業 企画・立案・・・与件整理、企画提案、予算策定P L ： プ ラ ン ナ ー プロジェクトマネージメント・・・予算策定／管理・進捗管理・外注管理 P M ： プ ロ ジ ェ ク ト マ ネ ー ジ ャ ー 実現可能技術の提案・実証・施策展開 T D ： テ ク ニ カ ル デ ィ レ ク タ ー 営業・企画 ディレクション デザイン／システム凡例： PM TD IA PG DeFE CL AE PL営業・企画 クライアント 設計・制作 情報設計、導線設計の優先度の決定、ワイヤー／UI設計など I A ： 情 報 ア ー キ テ ク ト サーバーサイドにおけるプログラミングやネットワーク構築。 Apacheの設定やCGI、PHPなどのサーバーサイドに関わるプログラミ ングとその運用など P G ： プ ロ グ ラ マ ー HTML、CSS、JavaScriptなど、UIやフロントとバックのゲートウェ イに関わる設計および実装など F E ： フ ロ ン ト エ ン ド エ ン ジ ニ ア ホームページにおけるデザイン業務全般 カンプ作成、デザイン作成、コンポーネントデザインなど D e ： デ ザ イ ナ ー
- 47. 職 能 マ ッ プ ～ キ ャ リ ア パ ス 説 明 時 ～ 47営業・企画 ディレクション デザイン／システム凡例： PM TD IA PG DeFE CL AE PL営業・企画 クライアント 設計・制作 組込系のプログラマー（PG）から、デザイン修得の自身の想いと、企業側の「コンピュータのわ かる人材」を求める想いが一致して、デザイン事務所へ。 DTP、マルチメディアコンテンツ制作（De）を経て、インターネットの波に乗り、Webデザイ ナーとして現職へ、その後「デザイン」と「プログラム」の両方の経験を活かせるFlash制作者 （FE）へ。その後ディレクター職（TD、IA、PM）へシフトする。必要であれば企画提案、見積り 策定と積算根拠説明なども行っています。 経験してきた職能を 伝える。 ※実際に面接で利用
- 49. 職 能 マ ッ プ ～ キ ャ リ ア 育 成 ～ 49 顧客・・・業務依頼、与件提出C L ： ク ラ イ ア ン ト 営業・・・初期折衝（クロージング）、見積策定などA E ： 営 業 企画・立案・・・与件整理、企画提案、予算策定P L ： プ ラ ン ナ ー プロジェクトマネージメント・・・予算策定／管理・進捗管理・外注管理 P M ： プ ロ ジ ェ ク ト マ ネ ー ジ ャ ー 実現可能技術の提案・実証・施策展開 T D ： テ ク ニ カ ル デ ィ レ ク タ ー 営業・企画 ディレクション デザイン／システム凡例： PM TD IA PG DeFE CL AE PL営業・企画 クライアント 設計・制作 情報設計、導線設計の優先度の決定、ワイヤー／UI設計など I A ： 情 報 ア ー キ テ ク ト サーバーサイドにおけるプログラミングやネットワーク構築。 Apacheの設定やCGI、PHPなどのサーバーサイドに関わるプログラミ ングとその運用など P G ： プ ロ グ ラ マ ー HTML、CSS、JavaScriptなど、UIやフロントとバックのゲートウェ イに関わる設計および実装など F E ： フ ロ ン ト エ ン ド エ ン ジ ニ ア ホームページにおけるデザイン業務全般 カンプ作成、デザイン作成、コンポーネントデザインなど D e ： デ ザ イ ナ ー 全体を俯瞰して 知る
- 50. 営業・企画 ディレクション デザイン／システム凡例： PM TD IA PG DeFE 職 能 マ ッ プ ～ キ ャ リ ア 育 成 ～ 50 隣合っている職能を 学び・実行する。 気づきと成功体験 を養う
- 51. 営業・企画 ディレクション デザイン／システム凡例： PM TD IA PG DeFE 職 能 マ ッ プ ～ キ ャ リ ア 育 成 ～ 51 営業・企画 ディレクション デザイン／システム凡例： PM IA PG DeFE TD 敢えて対極を やってみる その間に来た時に 両方の視点を持てて 強い 隣合っている職能を 学び・実行する。 気づきと成功体験 を養う
- 52. 営業・企画 ディレクション デザイン／システム凡例： PM PG De 職 能 マ ッ プ ～ キ ャ リ ア 育 成 ～ 52 営業・企画 ディレクション デザイン／システム凡例： IA FE TD 規模が大きくなると とても重要な存在
- 53. 営業・企画 ディレクション デザイン／システム凡例： PM PG De 職 能 マ ッ プ ～ キ ャ リ ア 育 成 ～ 53 営業・企画 ディレクション デザイン／システム凡例： PM PG De 普段から時間を ともにする 協働を増やす IA FE TD 普段から時間を ともにする 協働を増やす
- 56. 56 いきなり 職能領域で重なる ことはない Personality Sociality Ability 職 能 マ ッ プ ～ デ ィ ス カ ッ シ ョ ン ～
- 57. 共 通 の 地 図 と 言 葉 を 持 つ
- 58. できるだけ隣り合った領域に踏み込んでみる。 やってみる。理解してみる。 “好きこそものの上手なれ” Who likes not his business, his business likes not him. T H A N K Y O U ! A N Y Q U E S T I O N S ?