Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

だから、Webディレクターはやめられない Z

7,014 views

Published on

2014年9月27日に札幌市民ホール会議室で開催されたSaCSS Vol.58でお話させていただいた際のスライド資料です。
これは2013年9月に開催されたDirector's Nightでお話した内容の改訂版となります。(→ http://www.slideshare.net/yasufuminishiyama/directors-night-20130921 )

ここに記載されていることが全てではないですし、今現在、西山が全て出来ているかと問われるとおそらくNOですが、ご参考ください。

Published in: Internet
  • Sex in your area is here: ❤❤❤ http://bit.ly/2Q98JRS ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating for everyone is here: ❶❶❶ http://bit.ly/2Q98JRS ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

だから、Webディレクターはやめられない Z

  1. 1. だから、 Webディレクターは やめられない SaCSS vol.58 2014.09.27 (Sat) at 札幌市民ホール会議室
  2. 2. 自己紹介
  3. 3. 西山 泰史 にしやま やすふみ 株式会社ジャクスタポジション 札幌市在住のWebディレクター Movable Type でのサイト構築 2013年よりMT蝦夷を主宰 三度の飯より食べることが好き
  4. 4. • 2004年4月創業 • Webサイト構築/システム開発など そこそこ規模の企業サイト/ECサイトなど • 主に外部スタッフ(フリーランス)とチームを編成 • CMS(主にMovable Type)を利用した実績が多数
  5. 5. ジャクスタと言えば
  6. 6. Webデザイナーのためのショッピングカート SKELETON CART http://skeleton.juxtaposition.jp/ ! Movable Typeの画像アップロード機能補助プラグイン ImageUploadUtility http://skeleton.juxtaposition.jp/image-upload-utility/
  7. 7. 西山と言えば
  8. 8. ラーメン!
  9. 9. ミッションコンプリート
  10. 10. 本題へ戻しましょう
  11. 11. Director’s Night から1年
  12. 12. 「Webディレクター」という肩書とその役割 http://f-shin.net/fsgarage/2156
  13. 13. LIGさんのサイトで 紹介されちゃった。
  14. 14. ディレクターに注目が集まりつつある? ! そんな今だからこそ あらためて、Webディレクターの仕事、 そのあるべきカタチを考えてみたい
  15. 15. こんな経験ありませんか?
  16. 16. 友:西山ってさ、何の仕事してんの? :Webサイト作ってるよ。 友:あぁ、Webデザイナーね! :うん、まぁ、そうじゃないんだけどね。 友:でも、ホームページ作ってるんでしょ? :うん、まぁ、そうだよね。 友:んじゃ、やっぱWebデザイナーじゃん。 :うん、まぁ、だいたいあってる。
  17. 17. Director’s Night 終了後のアンケートより
  18. 18. ワタシ、Webディレクターやってます 誰もがそう自信を持って言える世の中にしよう でもそのためにはしっかりと「ディレクション」をしないとね ! あと…毎日飲み歩いているわけではありません…念のため
  19. 19. 本日のお品書き Webディレクターってなんだ? Webディレクターに必要な能力 Webディレクターの心構え Webディレクターにありがちな罠 Webディレクターの仕事、楽しい?
  20. 20. Webディレクターってなんだ? ディレクションという仕事の「おさらい」
  21. 21. Webディレクターという仕事 2004年4月当初 …日本全国総Webデザイナー時代  ↓ 約10年  ↓ 2013年の時点では …まだまだ業務分担がはっきりしない  IT/Web系企業の代表=ホリエモン
  22. 22. いつからWebディレクター? ① 案件規模が拡大 ② 制作に関わるメンバーが増える ③ お客さんとの連絡(≒営業) ④ メンバーとの連絡 ⑤ スケジュールの管理 → ディレクター誕生の瞬間  (業務の延長型)
  23. 23. または
  24. 24. いつからWebディレクター? ① 上司に呼び出される ② 君、明日からディレクターね♥ ③ Σ(・∀・;) → ディレクター誕生の瞬間  (キャリアパス型)
  25. 25. 業務を回す人=ディレクター(現場監督)
  26. 26. 現状把握 戦略策定 Webサイト制作会社の業務 構築作業 完成 サイト設計 (終わらないけど)
  27. 27. 現状把握(ヒアリング) ① 問題(依頼)の本質  → リニューアルすれば良くなる? ② 組織の横のつながりを把握  → 部署同士の「言った/言わない」など ③ 社内の雰囲気づくり(周知)  → みんなでやりますよー! ④ その他、競合調査/ログ分析などなど
  28. 28. 戦略策定(プランニング) ① プロジェクトの目標(中間目標)  → 売上?資料請求?求人?などなど ② ユーザーニーズの把握  → 必要とされている情報って? ③ サイト構成チャート(情報整理)の設計  → 目的達成のための施策
  29. 29. サイト設計 ① ワイヤーフレーム  → UI/UX、レイアウト案 ② 原稿や素材の手配 ③ スタッフのアサイン  → デザイナー、プログラマー、ライター、カメラマンなどなど ④ レギュレーション策定  → HTML/CSSルール、ターゲットブラウザなどなど
  30. 30. 構築作業・テスト ① デザイン/モックの確認  → PSDとか、仮HTMLとか ② プロトタイプの制作(動作確認)  → スマートフォンサイトなど ③ スケジュール・進捗管理  → プロジェクト管理ツールなど
  31. 31. 完成 終わりじゃないけど
  32. 32. 電話応対コピーライティング 基本設計 Webディレクターの業務 戦略を練る 詳細設計制作作業 修正対応 見積もり 進捗管理 打ち合わせアジェンダ スケジュール作成 文章作成 資料準備 議事録作成 飲み会幹事 請求書作成 悩み相談
  33. 33. デザイナー/プログラマーなど 専門職以外の仕事全般
  34. 34. 何でも屋=Webディレクター だったら「デキる何でも屋」になりたい
  35. 35. Photoshop/illustrator、バッチリです! もちろん、HTML5/CSS3、jQueryもOK! PHPもメールフォームぐらいならやります! もちろん出来たほうが良いけど…
  36. 36. Webディレクターにとって本当に必要なのは Webでどんなことができるか それを提案する能力に長けていること そしてそれを実行(目的達成)する能力
  37. 37. Webディレクターに必要な能力 ディレクターが養うべき「8つの能力」
  38. 38. 責任感 ① お客さんはもちろん関わる人にコミット  → この仕事は「自分(達)がやるもの」という意識 ② 責任は取るものではなく果たすもの  → なにがなんでも自分でやってやる!は正解? ③ 提案のできない作業者はディレクターではない  → やらされているのではなく「やっている」
  39. 39. 意志の強さ ① 逃げ道を作らない  → 誰かが言ったからという「責任転嫁」 ② 人の話に流されず取りまとめるのが仕事  → いろいろな意見を聞くのが仕事だけど、    それに惑わされるだけなら「優柔不断」 ③ ディレクターたるものリーダーたれ  → 指揮棒を振るのは誰なのか
  40. 40. 好奇心・向上心 ① Web以外のことも知る  → Webの知識を蓄えるのは当たり前    お客さんの要望をジャッジする必要がある ② 法律やセキュリティの基礎も大切  → 個人情報保護方針、SSL暗号化通信 ③ すべてが自分でできる必要はない  → 人の力を借りよう。でも「知らない」のはNG
  41. 41. 決断力・コミュニケーション能力 ① 常にジャッジが伴う  → 要望に対し好き嫌いじゃなく    目的や予算、スケジュールなどを踏まえて考える ② 相手に理解してもらおうという気持ち  → 専門用語、略称、横文字の羅列  → 押し付けになっていないか ③ 都合のいい事を言わない  → 信頼関係が大切、間違いがあれば謝ること    他人の助けがあって実現できていると意識する
  42. 42. 提案力・実行力 ここまでの6つの能力が この提案力と実行力へとつながる
  43. 43. Webディレクターの心構え ディレクターはどう行動するべきか
  44. 44. 自分が存在する価値ってなんだ? なぜその存在が必要なんだ? 連絡係・伝書鳩に出来ないこと=ホウレンソウ ! 今何がどうなっているかを報告 今後のスケジュールを常に連絡 心配ごとがあるなら事前に相談
  45. 45. 時間と目的=中長期的な目標を意識する 自分の仕事は後回しにできるけど、 人の仕事は後回しにしちゃいけない ! 忙しいのは自分だけじゃない 人の時間を預っているという意識をもつ
  46. 46. 自分一人と思わず、メンバーを信頼して任せる 技術的なことだけじゃなく お互いを認め合える関係性を作る 受け身にならなず自分をもち、 指示を待つのではなく自ら動く
  47. 47. 事前の準備・段取り・先回り 徹夜しなければならない状況を作らない クライアント側をもコントロール ! スタッフを守るのもディレクターの仕事
  48. 48. 忙しい時ほどしっかり仕事する 資料やドキュメントをまとめる ① 期限を守るため ② 指示をカタチに残すため ③ 議事録(メモ)をシェアするため
  49. 49. 間違えを認めること 迷惑をかけないために
  50. 50. Webディレクターにありがちな罠 ディレクションにまつわる「あるある話」
  51. 51. 【1】なんかこのデザイン、違う やっと担当者からOKもらったのに、意思決定者がNG
  52. 52. クライアントチェックを減らす  → 承認する際に意思決定者にも参加してもらう Webデザイナーとよく話し、その意図を理解する  → 意思決定者に対して、その意図を説明する
  53. 53. 【2】お客さんが時間を守らない 資料がまだ届かない → スタッフ待機 → いつ着手? → 資料到着次第で! → 結局リスケ(他の仕事できたのに…) → スタッフに怒られる
  54. 54. なぜそのスケジュールなのか、 それが遅れるとどうなるのか、 お客さんと目標を共有することが大切
  55. 55. 【3】公開日に間に合わない ローンチ直前、手に汗握るスリリングな1日
  56. 56. 中長期のスケジュール管理ができていない  → 最終的になんとかなる(寝なければ? バタバタからのリスケ  → 管理が行き届かずクオリティの低下 お客さんの要望を丸呑み(追加追加で納期変わらず)  → 断り方を忘れてしまったディレクター スタッフもお客さんも泣く  → 誰が得するのか、回避することはできなかったのか
  57. 57. Director’s Night 終了後のアンケートより コンティンジェンシーとは 事件・事故・災害などの不測の事態が発生することを想定し、 その被害や損失を最小限にとどめるために、あらかじめ定めた対応策や行動手順のこと。
  58. 58. Webディレクターの仕事、楽しい? そんなに大変なのに喜びってあるの?
  59. 59. Webディレクターの仕事ってとにかく大変 でも大変なのはどんな仕事だって同じ。 ! 「やらされている」じゃなく この仕事をやっていると思えるかどうかで 楽しいと思えるかどうかが決まる。
  60. 60. これほど楽しい仕事はない!と思えるポイント 【1】自分のイメージしたWebをカタチにできる 【2】お客さんや仲間と喜びを分かち合える    いろいろな人と出会える、一緒に仕事できる 【3】Webディレクターは何にもできない何でも屋    常に新しいことにチャレンジできる
  61. 61. だから私も Webディレクターを やめられない 「だから、Webディレクターはやめられない」 これは島元大輔さんの書籍から引用しています。 http://amzn.to/11wkodP

×