WEBディレクターズマニュアル

WEBディレクターがスケジュールを引いてはいけない理由

プロジェクトを進める際には必ずスケジュールの提出を求められると思います。

旅行や1日のイベントなら文字通りのスケジュールでOKですが、何かを作り上げるプロジェクトでスケジュールを作成してはいけません。

ではスケジュールなしにどうやってプロジェクトをすすめたらいいでしょうか?

プロジェクトを設計する時はスケジュールではなくWBSを作成します。

WBSとは【Work Breakdown Structure】の略で「作業分解図」とも言われます。プロジェクトに必要な作業を細かくリストアップし、各作業に対しての担当と作業時間を記したものです。

WBS≒スケジュールで認識されているケースが多いようですが、テストアップ日や納品日の記載されただけの予定表でもスケジュールですので、やはりきちんとしたWBSを作成しましょう。

では、WBSはスケジュールとどう違うのでしょう?

大きな違いはWBSは毎日更新して運用するものだということです。日々、作業の進捗を確認し設定したマイルストーンごとにプロジェクトを見直していきます。これを行うことでいち早くリスクを察知し、プロジェクトを円滑に進めることができるのです。

では具体的にWEBサイトをつくる時のWBSを作成してみます。

「WEBサイトをつくる」では漠然とし過ぎていて具体的な作業も工期も見えてきませんので作業を分解していきます。

WEBサイトをつくる
├ WEBサイトを設計する
├ デザインをつくる
└ HTMLをつくる

これで少し作業が見えてきましたね。しかしまだあらいのでもう少し分解していきます。
目安としては担当・作業時間が明確になるレベルまで分解していきましょう。

1.サイトを設計する
1-1 サイトの目的を決める。(3日)
1-2 目的達成の戦略を決める。(2日)
1-3 画面の構成要素を決める。(3日)

2.デザインをつくる
2-1 写真素材を集める(2日)
2-2 グランドデザインを作成する(2日)
2-3 デザインパーツを作成する。(3日)

3.HTMLをつくる
3-1 サーバーを準備する(1日)
3-2 推奨環境を決める(1日)
3-3 CSSを設計する(2日)
3-4 HTMLページを作成する(5日)

ここまで細分化すると各作業の内容・工数が見えてきますね。あとは工程にそって作業を並べていきます。ちなみに以下の様な表をガントチャートといいます。

wbs_01.jpg

これで5日で終わるというわけにはいきませんよね。サイトの設計が決まらないとデザインに着手できませんし、デザインがなければHTMLがつくれません。このような依存関係をもった一連の作業のつながりを「クリティカルパス」といいます。

しかし、必ずしも順番にこなさないといけないわけではありません。設計している間にある程度は素材を集めることもできますし、デザインが完了していなくてもサーバーを準備することはできますね。

このように干渉しあう作業とそうでない作業を組み合わせて最適なフローを設計します。

wbs_02.jpg

次にマイルストーンを設置します。マイルストーンとはプロジェクトをすすめる上でのチェックポイントです。

wbs_03.jpg

これでWBSは完成です。ちなみに中規模のWEBサイトを作るプロジェクトであれば、タスクの数は30~50くらい、大規模なものであれば100を超える場合もあります。

ただし、タスクがいくつあってもここからやることは同じです。まずは直近のマイルストーンを目指して作業をすすめましょう。作業が進んだら進捗率を更新していきます。

マイルストーンに辿り着いたらプロジェクト全体を見直します。作業が終わらなそうであればここで作業の切り分けや増員、完了日の変更などの措置をとります。

これをやらずに作業が遅れていくと、デスマーチに突入します。。。

WBSのメリットはもし作業が遅れても、マイルストーンごとに残業や増員をして取り返せるところにあります。

また、常に進捗を把握していることでクライアントはもとよりプロジェクトメンバーも安心してよい精神状態でいられますね。これが結構重要です。

つまり「WEBディレクタはスケジュールではなくWBSを作成しましょう。」ということですね。

かくゆう私も昔はただのスケジュールしか作成していませんでした。。

納品日が近づくと作業に追われ、スケジュールなんて過去の産物でとにかく作業、作業…の日々。だけどWBSの運用を意識するようにしてから劇的にプロジェクトの進行がスムーズになりましたね。

プロジェクトがいつもうまく進まないという方はぜひWBSの作成をおすすめします。

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    便利なアイコン配布サイト10+1

    アイコンを作成の際に利用する便利なサイトをまとめましたので紹介します。…

  2. WEB制作関連

    海外マーケティングエージェントのWEBサイト21個

    海外のマーケティング会社のWEBサイトのまとめです。デザインクオリティ…

  3. WEB制作関連

    写真を効果的に魅せる6つのjQueryギャラリー

    どんな情報を見せるにしても欠かせない画像を効果的に見せられるjQuer…

  4. WEB制作関連

    色とWEBデザイン -みどり編-

    前回に続いて、色を切り口に集めたWEBデザインのまとめです。今回のテー…

  5. WEB制作関連

    タイポグラフィを生かしたWEBデザイン20個

    タイポグラフィを効果的に用いたWEBデザインのまとめです。タイポがお…

  6. WEB制作関連

    視覚と聴覚を刺激する音楽系WEBサイト30個

    音楽系のWEBサイトデザインのまとめです。…

  1. WEB制作関連

    アプリのようなスライドメニューを実装するプラグイン6選
  2. LifeHack・仕事術

    簡単に他人から仕事で評価されるたったひとつの方法
  3. LifeHack・仕事術

    仕事を上手に頼む人はやっている。頼み方の6つのコツ
  4. WEB制作関連

    MovableType5インストールしました。チカッパ編
  5. Design Items

    思わず採用したくなるクリエイティブな履歴書
PAGE TOP
Top