「webディレクターがいない！」 ここ最近、採用関係に携わるwebサービス運営の事業会社、web制作会社、代理店、人材派遣会社、どの立場の方もwebディレクターの採用が難しいと嘆いている。 もちろん、webディレクター自体に応募している人はいるそうだ。しかし、「箸にも棒にもかからない」ということがままあるように見える。 それは応募者から見ても状況は同じ。複数の有名サービスから転職のお誘いや内定をもらっている人がいる半面、転職活動が相当厳しい状況を迎えている人もいる。 なんでそんな状況になってしまっているんだろう？ここ10年web業界でwebディレクターやってくる中で、現場からみた感覚をつらつら書いてみようと思う。 ※あくまで私とその周囲の状況で、業界全体にあてはまることではない可能性もあるので、ご留意ください。 「webディレクターがいない」理由 私が現場からみて、ざーっとあげられるのが以

どのWEBディレクターさんでも、必ず「ワイヤーフレーム」は作ることと思います。 でも、その作り方は千差万別。僕が今まで見てきたやり方をあげるだけでも結構な数があります。ある人は「手書きこそ最強！」とコピー用紙のウラ紙に手書きで一発GO！とか、ある人は全部をfireworksで書いてしまい、そのままデザイナーさんが制作に入れる環境を提供してしまったり、 またある人は頭の中のワイヤーだけで自らデザインに入ってしまったり・・・・などなど。 その人の個人の力量やスキルによってもそうですし、単純に「社としてのやりかた」にしたがっているケースなど、さまざまみたいです。まだまだWEBディレクターという職種が生まれて日が浅いせいもあるのか、一口にワイヤーといってもやり方が確立されていないってことなんでしょうね；；； で、僕が推奨するやり方を下に書いておきたいと思います。 僕はこの記事のタイトルが示すとおり

要素を洗い出して、書き出す。 まずは、サイトの特長や企画特性に合わせて、各サイトの要素を洗い出します。コンテンツマップとは別に考える、いわゆる「パーツ」の部分も含まれるので、かなり量は膨大になりますが、しっかりやります。 んで、かならず「誰が読んでも何の事を言っているのかわかる一般用語で名称をつけます。」 例1：ECサイトの場合 ・ロゴ ・電話番号 ・SSLについての注釈 ・利用ガイド ・検索窓 ・買い物かご ・サジェストエリア ・商品画像 ・カテゴリーリスト ・TOPイメージ　　etc・・・ 上記の要素リストとは別に、コンテンツマップも作成したほうがいいです。 要素リストとは異なり、おおざっぱに言うとサイトの中にページとして存在させたい内容を洗い出します。 洗い出し終わったら、その内容を優先順位順に並び替え、一緒にできそうなところは一緒にして、分けた方がよさそうなところは分けて・・・とい

なぜかこの業界の人は、『昨日は明け方まで仕事しちゃったよ』とか『もう3日も寝てないんだよね』と、寝ないことを自慢する人が結構な割合でいます。5年ほど前、私もそんなことを自慢する1人でした。長い時間働き、目をしばしばさせながら、上司に『今朝やっと完成しました』と、俺は超がんばったんだ！というように、恩着せがましく報告していました。 ただそのうちに、徹夜を繰り返すことが、クオリティーを低下させてしまうことや、自分のだらしなさ・能力の無さの表れなんだと気づいたんです。 私はWEBディレクターじゃないか！ そう！私はWEBディレクターだったんです。要するに進行管理・スケジュール管理のエキスパートだったんです。なのに自分のスケジュール管理ができていないってどういうことなんでしょうか？ 1.仕事をこなすスピードが遅かったから。 2.納期まで時間があるからといってスロースタートで案件に取り掛かったから。

ずいぶん久しぶりの投稿になってしまいました。申し訳ない。 今回はタイトルの通り、ワイヤー上がった！デザイン依頼した！で上がってきたデザイン案（もしくはモックアップ）を見て、その段階でディレクターが何を「確認」すればいいのか？という内容についてです。 もちろん経験を積む。もしくは自分自身でデザイナーも経験するなどの機会に恵まれれば大丈夫なんですが、僕みたいに「いきなりWebディレクターという肩書きを与えられてしまった人」は、デザインの何を確認すれば良いのか分からなくなってしまうケースも多いんじゃないかな？と思って書いてみました。 実際にはマークアップ後まで影響してくるので、もっともっと項目は伸びると思うのですが、ひとまず僕が注意して見ているポイントを10個ピックしています。 色数を使いすぎていないか あれもこれも！と欲張りすぎて、結局なにが「一番強調したいのか」が分からなくなってしまっている

WEBディレクターはWEBの知識はもちろんですが、高いコミュニケーション能力を求められる機会の多い役割ですね。コミュニケーション能力とはバランスをとってみんなとうまくやれるということもひとつですが、時にはハードな交渉をしたり、言いづらいことを伝えなくてはいけない場合もあります。 それだけ聞くと損な役回りに聞こえますが、その分プロジェクトに対する評価やクライアントからの感謝を一番に受けられるという面もあります。そんなWEBディレクターがコミュニケーションの際に重要だと思ったことをまとめてみました。 当たり前は自分だけのもの 人は自分の考えがスタンダードと考える傾向があり、さらに自分に都合のいいように受け取りがちです。「IE6なんて今どきターゲット外。」と思っていても社内の9割がIE6の企業にしたら「ブラウザと言えばIE6」かもしれません。 「そんなことは当たり前、言うまでもない。」と思っても

あなた（ディレクター）がデザイナーへデザインの指示をするとき、どのようにしていますか？ クライアントからのざっくりとしたデザインイメージを伝えるだけで、意図したとおりのデザインを作れる人がまわりにいますか？いたらすごく幸せですね…。 でも、そういったスーパーデザイナーばかりではないと思います。 なので、ディレクターが指示をするときにはどうしたら良いかを考えて実践した結果、うまくいく場合が多かったのでその方法を書いてみました。 デザイナーの能力を正しく把握し、その段階に合った指示をする 私の会社では、デザイナーの能力を大まかに3段階に分けています。 それぞれの段階によって、指示方法を変えています。 第一段階（デザイナー歴 1年未満） デザインレベル こちらが指示した素材を使って、適切なレイアウトができる。 マージンのとり方など、基本的なデザインルールを知らないことがある。 ツールの使い方を熟

※ココで言うディレクターとは、Webディレクターを指します。 （1）バカディレクターはプロジェクトのマネジメントしかやらない。ディレクターバカはプロジェクトのマネジメント以外もやりたがる。バカディレクターは、担当している案件の受注金額がどれくらいなのか、お客さんの熱度はどんなものなのか、営業がどう努力して取ってきた案件なのかを気にしない。やり直しになったデザインの何がダメだったのか気に留めない。ブラウザのバージョンや、クロスブラウザでテストする意識がない。プログラマは異なる言語を話す人たちだと、はなっから理解しようともしない。自分の手が届く範囲でしか仕事をしない。 （2）バカディレクターは約束を守らない。ディレクターバカは約束を設定する。バカディレクターは、約束を守らない。期日までに資料を用意しておくことを忘れてしまう。資料に記載すべき内容に漏れがある。 ディレクターバカは約束を取り付ける

Webの役割は？ ・企業宣伝/特化した商品の告知/情報提供/販売/… Webでアピールしたいことは？ ・競合他社と差別化できることは？ ・Web上では言わずにおきたいことは？(ex.価格） ターゲットユーザーは？ モバイル（スマホ）対応？

Webサイト制作における要件定義書は、クライアントの要望をもとに制作するWebサイトの仕様をまとめたものです。具体的には、各画面遷移や管理画面イメージ、サーバー情報、プログラム開発内容、データベース、セキュリティなどのシステムに関する内容が含まれています。通常、企画提案書で方向性が固まった段階で、要件定義書の作成に取り掛かります。より正確な見積書を作成するためにも必要なものです。 ただし、プログラムやデータベースなどのシステム要素が複雑でない簡単なWebサイトの場合は、企画提案書をブラッシュアップさせて要件定義書の代わりにすることも多いのが実情です。 要件定義書の具体的な作成方法 ヒアリングした内容と企画提案書に盛り込んだ内容をさらに具体的なものにするために整理していきます。企画提案書の段階では制作者側の案も含まれているので、要件定義書にはクライアントが実施したいという確認が取れた部分だけ

今回「女性系サイトのディレクション／デザインの参考になるサイトまとめ」ということで、１５個のサイトをクローズアップしてみました。 どれも「女子っぽさ」、「今っぽさ」を出していて、かつお洒落なデザインです。目的としているサイトに応じて参照してみてはいかがでしょうか。 個人でブログ等を作ったり、Facebookページを作っている人にとっても要チェックなラインナップです！ １ Sweetlovesshower フェスのサイト。ピンク、ブルー、そして白をバランス良く取り入れたデザインがかわいい。 ２ Marble.co とにかくデザインが斬新。まるでカフェのチラシやポストカードコーナーのよう。カーソルを置くと色々な大きさの「View detail」という文字が出てきてドキドキ！ ３ WOMB WEB 渋谷にある有名なクラブのサイト。色遣いとページの動きが秀逸。多数の色を使ってはいるものの、シンプル

こんにちは、櫛井です。 陰と陽、正義と悪、肉食と草食、いつの世も相反する要素というのはありますがいずれも表裏一体ともいえます。今回は、ディレクターとして身に付けておきたい「客観的な視点」について書いてみたいと思います。 客観的な視点はなぜ必要？ Webのディレクターをしていくと様々な役割を求められますが、一番大きな役割は「プロジェクトをゴールさせること」ではないでしょうか。企画だけうまくいっても、開発だけうまくいっても、結局は設定したゴールに辿り着かないことには意味がありません。プロジェクトメンバーには様々な考え方の人が集まりますが、その時にチームを引っ張る力とはなんでしょうか。私は客観的な視点から生まれる説得力であると考えます。 また、自分以外の誰かに「なぜこうなのか」を説明する時にも「え、いいと、思ったから…」では説明になりませんね。あらかじめ様々な視点 (とくに自分とは相反する視点)

KAYAC Front End Engineer チームによるHTML5 iOS Android ActionScript Flash イベント デザイン ニュースのブログ