Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

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

6.892 Aufrufe

Veröffentlicht am

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

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

Veröffentlicht in: Internet
  • Als Erste(r) kommentieren

だから、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

×