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