LINE Corporation ディレクターブログ

Open & Shareを実践中! Webサービスの開発・運営のノウハウを公開します。

header_img
こんにちは、広告事業部に所属するディレクターの阿部です。今回は、分かりやすい媒体資料を作るためのポイントを紹介します。

私が所属する広告事業部は、NHN Japanのサイトやサービスに対して広告を誘致するための部署です。つまり、広告主に広告出稿先として、LINEやNAVER、livedoorをチョイスさせるのが私の仕事です。広告の出稿先候補として、広告主へ媒体を紹介する時に必要になるのが、媒体資料(あるいはMedia Sheet)と呼ばれるものです。この記事では特に、ウェブサイト、ウェブサービスをリリースしたけれど、どうやって広告収益化するか資料の作成に思案しているウェブディレクターさんに向けて、広告媒体資料について解説します。

資料は大きく2つの章立てで構成


広告媒体資料は、2つに分割した章立てで構成するのが良いでしょう。例えば、資料の前半は、そのサイトやサービスの自体の紹介、後半は広告枠の紹介、といった構成です。さらに詳細な台割となると、次のようになるでしょうか。

(A)サイト、サービス自体の紹介
 A−1 概要、さわり
 A−2 PV、UUなどでみる規模や成長率
 A−3 サイト、サービスを構成するコンテンツ
 A−4 サイト、サービスを利用するユーザーの属性、傾向

(B)広告商品の紹介
 B−1 枠広告商品の紹介(バナー広告など)
 B−2 企画広告商品の紹介(記事タイアップ広告など)

広告出稿を獲得するためには、出稿先のメディアがいかに魅力的なメディアであるのかを広告主へ伝える必要があります。膨大なページビューやユーザーを抱えているメディアであれば、A−2 のような「PV、UUなどでみる規模や成長率」という項目は外せないでしょうし、特定の領域・分野に特化したメディアであれば、A−4 サイト「サービスを利用するユーザーの属性、傾向」などを打ち出すのも効果的でしょう。


これまでに類のない言論メディアである「BLOGOS」は、その新しさ故に説明が必要です。そこでサイト、サービスを構成するコンテンツを紹介するページを用意しています。
img2

img1


livedoorが運営する映画ファンのためのニュースサイト「MOVIE ENTER」では、独自アンケートの結果をもとにMOVIE ENTERの平均的なユーザーイメージを作成、媒体資料に加えています。
img3

プロモーションしたい商材をより多くの人に見てもらいたい、と考える広告主であれば、PV・UUは意識してチェックします。一方で、プロモーションしたい商材がニッチである場合は、広告の露出量よりも、よりセグメントされたユーザーが滞在するメディアへの出稿を検討するでしょう。

媒体資料の後半には広告枠のスペックを記載します。例えばバナー広告の場合のスペックは、露出回数(impression)、掲載面、掲載期間、入稿原稿の形式、入稿期限、そして価格といった内容が一般的です。このほか様々なスペックを記載するのも良いでしょうが、一方で「複数のメディアを並べてみて出稿先を検討したい」という広告主も多いですから、ここはWeb広告業界の表示的なスペックリストに併せて記載しておくことをオススメします。

livedoorのバナー枠の商品紹介ページ。枠の名称、価格、露出回数(impression)、掲載面、掲載期間、入稿原稿の形式、入稿期限などを記載しています。
img4


媒体資料は広告主への紹介状


媒体資料はそれだけで独立した資料であるべきです。いつの場合も広告営業マンが資料を携えて、広告主へ媒体の説明をすることができるとは限りません。資料は一人歩きしますし、「自分は知らないけど、なんか周囲が騒いでいるから広告担当として“NAVERまとめ”ってメディアの媒体資料を見てみるか・・・」なんて積極的に知るつもりはさほど無い、という人が見てもどんなメディアであるか正しく理解することができるような資料であるべきでしょう。

サービス自体がイノベーティブである「NAVERまとめ」の場合、メディアとしての特性がサービス提供側の意図したとおり正しく伝わらないこともあります。そこで「NAVERまとめ」の媒体資料ではサービスが登場するに至った背景から、まとめサイトを一言で伝えるようなページも追加しています。
img6

img5

また、媒体資料はそのメディアの世界観を伝えるという機能もあります。資料のトーンがメディアとリンクしていると、よりメディアのイメージが伝わりやすいのではないでしょうか。

LINEの広告媒体資料をリリースしたのは2012年の6月です。2012年6月時点でもLINEは国内で1,800万人、世界では4,000万人と非常に多くのユーザーを抱えていましたが、広告業界への認知はまだまだでした。総ユーザー数が1億人を超えた2013年1月現在のように、若年層だけではなく4-50代の企業の広告担当の方すらも「LINE使っていますよ、それでなんですが、LINE POPの攻略法ってありませんか?(笑)」と、打ち合わせの席で尋ねられるほど浸透度は高くありませんでした。

そこで、LINEというサービスがどのようなものであるか?登場の背景になにがあるのか?広告、マーケティングへの有効な利用法とは?などの情報をLINEの世界観と併せて資料にする必要がありました。LINEの広告媒体資料では、おなじみのLINEキャラクター、ブラウン、コニー、ムーンなどを登場させ、LINEカラーのグリーンを基調に資料を作成しました。

img

img8


Web広告の媒体資料は4半期ごとに版を刷新するのが慣例となっています。雑誌など他のメディアと異なり、サイトトラッキングツールでユーザー数の推移がリアルタイムに把握することのできるWebならではの習慣ではないでしょうか。LINEやNAVERまとめ、livedoorの最新の媒体資料はこちら(http://linecorp.com/ads/)から閲覧することができます。



NHN Japanでは、NHN Japanの持つメディアの広告企画を担当してくれるディレクターを募集しています。割と切実です!

こんにちは。薮田(@yabucccchi)です。

昨年末、盛大に行われましたウェブディレクターミートアップ。総勢200名を超える応募者の中、無事終了いたしました。参加いただきましたWebディレクターやWebプロデューサーのみなさま、本当にありがとうございました。

会場の様子をフォトレポートとしてアップいたしましたのでご覧ください。

【場所】NHN Japan株式会社
cafe1

【タイムテーブル】
19:00 開場
19:30 乾杯/交流会開始
20:00 インターネット大好き選手権
21:10 Web Director Lightning Talk
22:30 閉会

今年は渋谷ヒカリエに引っ越したばかりのNHN Japanで開催いたしました。普段なかなか足を踏み入れることがないので、会場に入れるだけで喜んでもらえてたようですね。

前半


おかげさまで過去最大の参加人数でした。みなさんいろんな方と交流していただけたようですね。名刺交換はもちろん、久しぶりの再開等もたくさんあったようです。

P1140404

P1140402

P1140533

P1140520

P1140445

昨年、好評だったチーム対抗のクイズ大会も実施いたしました。今年も交流するきっかけになった企画として楽しんでいただけたようです。もちろん携帯電話、スマートフォンで調べるのは禁止!

少しだけ、クイズ大会で出題された問題をご紹介します!

  • 問題:iPhone5ディスプレイ解像度は何ピクセル×何ピクセル?

  • 問題:フェイスブックの上場日は2012年の何月何日でしょう?

  • 問題:LTEとはなんの略でしょう?

  • 問題:値段の高いもの順に並べ替えてください

  • A:ドリランドの11連ガチャの値段
    B:evernoteのプレミアム会員費(年)
    C:LINE POPのダイヤ230個
    D:横浜DeNA ホームゲーム内野自由席
    E:「餃子の王将」渋谷ハチ公口店 時給

  • 問題:ドロイドくんを描いてください

などなど。みなさんわかりますか?クイズ大会の優勝チームには食事券1万円×人数分が送られました。(提供:株式会社ディー・エヌ・エー)

後半


そして、おなじみとなりました『Web Director Lightning Talk』。審査はミートアップ参加者全員。一番票を集めた人にはMacBook ProのRetinaディスプレイモデルが送られました!(提供:グリー株式会社)

5分という短い時間の中、他社の取り組み事例について聞くことができたと思います。
P1140665

P1140583

P1140632


1位は株式会社バーグハンバーグバーグ 山口むつお氏の「バカなことを思いついたあとにやること」でした!おめでとうございました!
P1140611

今年は、株式会社ディー・エヌ・エー、グリー株式会社、NHN Japan株式会社にご協力いただきました。みなさま本当にありがとうございました。また、参加いただいたみなさま、ありがとうございました!

これからも現場のWebディレクター、Webプロデューサーが交流し、ノウハウやこの職種ならではの悩みを相談する情報交換の場をつくっていきます。会社の垣根を越えてこの職種の人たちやWeb業界全体の活性化につながればと思います。

年末またお会いしましょう!

001

こんにちは、ニュースチームの渡邉雄介です。

みなさんは昨年からスマートフォン版の「livedoorニュース」や「NAVERまとめ」、一部の「livedoorブログ」に、Twitterボタン、Facebookのいいねボタンと併せて「LINEで送る」ボタンが増えたのをご存知ですか?お使いのスマホにLINEアプリがインストールされていると、今見ているページのリンクをTwitterやFacebookと同じようにLINEのトークやタイムラインにも共有できるようになります。

livedoorニュースでは、2012年の2月にLINEで最新ニュースをチェックできる「LINEニュース」アカウントを開設したのを皮切りに、6月からは「LINEで送る」ボタンを全記事ページに設置しました。最初は微々たる利用数でしたが、現状ではTwitterボタンの約2倍、Facebook(いいね)ボタンの約2.5倍も多くクリックされるようになりました。

また私たちはボタンの一般公開に先立って、どういうコンテンツが「LINEで送る」に向いているのか、直近10-12月のlivedoorニュースの記事をじっくり検証しました。

その結果、ざっくり言うと「LINEで送る」は…

・話の糸口になりやすく誰かに教えたくなるような記事がシェアされやすい
・実際にURLがクリックされている記事は身近なネタが多い
・スマートフォン限定でクローズドなので発言の影響などを気にせずより気軽にシェアができる

という傾向が見えてきました。

それでは実際のデータを交えた考察をご覧ください。

◆「LINEで送る」 ボタンのクリック数の多い記事ランキング


まずは、10月から1週間ごとに定点観測していた社内レポートから、記事下に設置した 「LINEで送る」 ボタンのクリック数が多かった記事の上位10件です。

順位記事タイトルクリック数
1位車1台が毎月当たる!「ガリバー」のLINE公式アカウントがすごい2704クリック
2位「マクドナルドでポテト大量買い」にツイッター騒然 2034クリック
3位第63回紅白歌合戦の出場歌手が決定1939クリック
4位マヤ暦が予言する人類滅亡は2012年ではなく2015年だった1032クリック
5位収入が低い人に共通する考え方1000クリック
6位「おい、小池!」で指名手配の容疑者が死亡935クリック
7位激やせミニーマウスに非難殺到!13万人以上が抗議!837クリック
8位短時間睡眠だと高血圧リスク、“睡眠6時間未満”の人はご注意を。833クリック
9位タイ警察、「Line」を活用してお手柄825クリック
10位【衝撃研究】運動中ブラジャー有り無しの「おっぱいの変化」を真剣に研究した論文が興味深い779クリック


このランキングを見て何か気づきましたか? 私がまずぱっと目に入ったのは、タイトルに「LINE」と入っている記事が10件中2件あったことでした。やはりLINEで送っているのでLINEネタは強いようです。

また、2位の「マクドナルド」や4位の「マヤ暦」、10位の「おっぱい」など、ネットで話題になった記事も多いですね。全体的に共通しているのは、話の糸口になりやすく、誰かに教えたくなるような内容が上位になる傾向があるようです。

◆LINEで送って実際に読まれている記事ランキング


次に、LINEで送って実際に読まれている記事も見ていきましょう。
「LINEで送る」 ボタンでシェアされるURLには検証用にパラメータを付けていまして、このPVを集計すると、

順位記事タイトルPV数
1位第63回紅白歌合戦の出場歌手が決定2545PV
2位人類滅亡の危機? 来年3月、小惑星が地球に直撃する1997PV
3位マヤ暦が予言する人類滅亡は2012年ではなく2015年だった1669PV
4位車1台が毎月当たる!「ガリバー」のLINE公式アカウントがすごい1371PV
5位ヤフオクにまたしても衝撃商品 「地球」が出品中!! お値段たったの1億1000万円1343PV
6位短時間睡眠だと高血圧リスク、“睡眠6時間未満”の人はご注意を。1248PV
7位【衝撃研究】運動中ブラジャー有り無しの「おっぱいの変化」を真剣に研究した論文が興味深い1106PV
8位「マクドナルドでポテト大量買い」にツイッター騒然1034PV
9位橋下氏、NHKアナに「しょうもない質問やめて」。874PV
10位“とび森”売れすぎ社長お詫び「DLカードも品切れは想定外の出来事」。811PV


なんと、似たようなトンデモ系 (マヤ暦) の記事が2位・3位にいます。1位の「紅白」は先に出したシェア数でもランクインしていましたが、2位のマヤの記事は先に出したシェア数ランキングの10位以内に入っていないにも関わらず、ものすごく読まれていたようです。

これは、たとえばLINEで送るときに1対1のトークではなく、1対多のグループトークに共有していたり、LINEからさらにTwitter、FacebookにURLが流れて拡散していたりすると、こういった逆転現象が起こることがあります。

また、9位の「橋下氏」や10位の「とび森」などは、シェアされた数はそれほど多くなかったものの、拡散度が高かったため多くの人に読まれていたようです。

◆LINEで送ってから広く拡散した記事ランキング


それでは、この"拡散度"が高かった記事でランキングを作るとどうなるでしょうか。
各記事の 「LINEで送る」 ボタンのクリック数を、シェア用のURLのPVで割った「戻り率」を出すと興味深いことが分かりました。
※たとえば 「LINEで送る」 ボタンで10クリックされた記事のPVが5だった場合、戻り率は50%

順位記事タイトル戻り率
1位人類滅亡の危機? 来年3月、小惑星が地球に直撃する590.83%
2位ヤフオクにまたしても衝撃商品 「地球」が出品中!! お値段たったの1億1000万円302.48%
3位人生損してない?上手に甘えられないアラサー女の特徴と改善方法283.97%
4位カラオケで“絶対にモテる”曲、男女アーティストのトップ5を発表。234.55%
5位イブの夜に「クリスマス廃止」を訴える青年が出現226.46%
6位USJに大絶叫“逆走”コースター、人気アトラクションに後ろ向きVer.。213.61%
7位スバル「インプレッサ」がネットで話題に206.43%
8位気を付けないと危険!急増するスマホ依存症の症状9つ202.43%
9位【緊急速報】三重県の地震研究所が巨大地震を予測「最高レベルの警戒が必要」201.27%
10位TDL 新アトラクション開業日決定159.46%


どの記事も100%以上 (シェアされた数より、読まれた数の方が多い) です。実は拡散度だけを見てみると、先に上げたシェアされた記事、実際に読まれた記事がほとんど含まれていません。

1位の「マヤ」は別格でしたが、「上手に甘えられないアラサー女」「USJ・TDL」「カラオケでモテる曲」「地震予知」「スマホ依存症」など、面白いので誰かに教えてあげたかったり、わりと自分事にできるような身近なネタを中心にランクインしていますね。

おそらくLINEでは、身近な友達へのプライベート (クローズド) な共有がメインなので、公開範囲の広いFacebookやTwitterなどと比べて、発言の影響などをあまり気にする必要がなく、より気軽に送れるのがこういった結果につながっているようです。

event


これまで、「LINEで送る」ボタンは、livedoorブログユーザーや開発者向けにのみ公開していましたが、本日(2013/1/17)より個人のサイトやブログなどにも手軽に設置できるHTMLコードの公開を開始しました。ブロガーやサイト運営者の方で、貼り付けを検討されている方は参考にしていただけると幸いです。




NHN Japanではボタンがとにかく好きなディレクターを募集しています。

IMG_1645

新年明けましておめでとうございます。
本年もNHN Japan並びにディレクターブログをよろしくお願いいたします。

こんにちは、ブログチームのディレクター兼フロントエンドエンジニアの真田です。

ここ数年「今年は電子書籍元年」と言われ続けてきましたが、2012年は日本でのkobo、Kindleの発売、そしてKDP(Kindleダイレクトパブリッシング)のスタートと、やっと本当に電子書籍元年と言える年になったのではないでしょうか。

今回はこの流れを後押しするためにも、いっちょ自分でも電子書籍作ってみるか!と思えるよう、EPUBの基本と、制作の際に注意すべきことを紹介したいと思います。

※読むの面倒、結論だけ知りたい!という方はこちらへ!

EPUBとは


EPUB(イーパブ)は電子書籍の規格のひとつで、誰でも自由に利用できるオープンな仕様としてIDPF(国際電子出版フォーラム)が中心になって策定が進められています。

電子書籍には多くのフォーマットがありますが、AppleのiBooksで採用されたこと、バージョン3で縦書きやルビなどの日本語組版に必要な機能が強化され、日本語での制作環境が整ってきたことなどから俄然注目を集めるようになりました。事実上電子書籍のスタンダードと言える規格です。

EPUBの特徴


EPUBはXHTML形式の文書と画像やCSSファイルを、特定のルールのもとにZIP形式で圧縮したものです。XHTMLやCSSといった既存のウェブ技術を流用しているため、ウェブ制作をしている人にとっては親しみやすいでしょう。また、EPUB3ではXHTML5とCSS3の一部がサポートされました。

EPUBの一番の特徴として、リーディングシステム(以下RS)やユーザーの設定によって、レイアウトが大きく変化する点が挙げられます(この仕組みをリフローといいます)。例えばRSの画面サイズが違えば1ページに表示される文字数が変わりますし、ユーザーが文字サイズを大きくすればそれだけ1ページに表示される文字数が少なくなり、全体のページ数が増えます。目次に表示されるページ番号も変わります(ですので紙の本のように、「では◯◯ページを開いて〜」と言うことはできません)。このリフロー機能により、スマートフォンの小さな画面から、デスクトップPCの大画面でもユーザーは自分の読みやすいように調節することができます。

このようにテキスト主体の文書に向いている反面、画像を多用したページや凝ったレイアウトなどを再現するのが難しいという弱点もあります。そのため漫画や雑誌のようなレイアウトを再現する固定レイアウトに関する拡張仕様も検討が進んでいます。

EPUB制作のポイント


では実際の制作についてですが、具体的な制作方法を書き出すとキリがないので、ここでは実際に作る上で気をつけた方がよいポイントを挙げていきます。

基本はXML


EPUBはXHTMLを基本としたフォーマットです。XHTMLで書かれたウェブサイトでは多少のミスがあっても見逃してくれましたが、EPUBの場合は構文エラーがあるとエラーが表示されたり、そのページ以降が読み込まれなかったりするので注意してください。

対応するリーディングシステムを決める


現時点では各RSによって実装状況がまちまちで、バグと思われる動作も見受けられます。複雑なレイアウトですべてのRSで満足のいくように表示させることは難しいので、ある程度対応するRSを絞っておくほうがいいでしょう。(より多くのRSに対応したい場合は、EPUBだけにこだわらずPDFなど複数のフォーマットを用意するのもひとつの手です)

縦書きの場合の注意


EPUBファイルに以下の2点を記述することで、縦書きで表示することができます。
  • CSSでbody(またはhtml)要素にwriting-mode:vertical-rlを指定(縦書き、行の進行方向を右から左に)

  • content.opfのspine要素にpage-progression-direction="rtl"属性を指定(ページめくりを右から左に)

また、縦書きにするとCSSで指定した方向も意図したものと変わってしまうので注意が必要です。
  • 横書きで引く下線は、縦書きだと右側に来ることが期待されますが、実際には左側になってしまいます。右側に線を引く場合はtext-decoration:overline とします。

  • 横書きで上方向へのマージンmargin-top:1emとした場合、縦書きにも同じように指定すると、そのまま縦の行の上方向へのマージンになります。行の手前側にマージンを取る場合はmargin-rightにしなければなりません。

論理プロパティ(margin-before/margin-afterなど)の仕様が検討されていますが、まだ実用的な段階にはないようです。

CSSでハマったところ


  • Kindleフォーマット(後述)では、link要素でCSSファイルを指定する際、type属性(type="text/css")を省略できません。HTML5では省略できるようになりましたが思わぬところでひっかかりました。

  • iBooksで文字色(リンク色)を変えるには、colorではなく-webkit-text-fill-colorというプロパティが必要でした。他にもiBooksでは独自のプロパティが多くあるようです。

既存のEPUBファイルを調べてみる


EPUBファイルはつまりzipファイルですので、通常のアーカイバソフトで展開することができます。他の人が作ったEPUBファイルを手に入れたら、中身を見てファイル構造やXHTML/CSSの書き方などを参考にしてみましょう。

ファイルの検証


ファイルを作成したら正しく作られているか確認しましょう。前述のように、EPUBは正しいXML構文が必要です。ツールを使ってチェックするのが確実です。

EpubCheckはオープンソースで開発されているEPUBの構文チェックツールです。昨年末にEPUB3に対応したver3の正式版がリリースされました。iBooksストアではEPUBファイルをアップする前にEpubCheckで確認するように求められていますし、KDPでも使用を推奨されています。

Kindleフォーマットへの対応


このようにEPUB形式だけでよければいいのですが、昨年日本で発売されたKindleは直接EPUBファイルを読むことはできません。Kindleフォーマット(KF8、拡張子は.mobi)に変換する必要があります(KDPの場合はEPUBをアップロードすると自動的にmobiファイルに変換されます)。

KF8はEPUB2をベースにHTML5やCSS3に対応した規格で、EPUB3とは若干対応している要素やプロパティが違うようです。
以下のサイトからツール類をダウンロードできます。

Kindlegen(キンドルジェン)はコマンドラインの変換ツールです。KindleプレビューツールはKindleでの表示を確認するためのツールですが、こちらはドラッグ&ドロップで表示を確認でき、同時にmobiファイルも生成されるのでこちらのほうが便利でしょう。

KF8はHTML5とCSS3をサポートするとされていますが、すべての要素・プロパティに対応しているわけではありません。変換した際に警告が出ますが、KF8でサポートしていないHTML要素やCSSプロパティを使用していた場合に警告が出るようです(nav要素やmax-widthなど)。
無視されるだけでファイル自体は正しく生成されていますので、表示が問題なければひとまず気にしなくてOKです。

EPUBファイルを閲覧する


さて、できたEPUBファイルを閲覧するには専用のアプリやデバイスが必要です。まずパソコンで確認するには、Chrome拡張 の Readium あたりが手軽でしょう。もちろんKindleやiPadに転送すればより綺麗に読みやすく表示されるはずです。

この他にも多くのEPUBリーダーが存在します。英語版ですが、WikipediaのEPUBページが充実しています。

参考リンク



電子書籍関連情報



仕様・ガイドライン



KDPツールとリソース



結論


さて、長々と説明してきましたが、こんな面倒なことを気にせずに簡単にEPUBを作る方法があります!

あなたのブログを今すぐEPUBにできちゃうんです!そう、livedoor Blogならね。



NHN Japanではさまざまなフォーマットに対応できるディレクターを募集しています。

eyecatch

年末進行ですね!足りないKPIや強引な経理清算の前倒しの前に苦しんでいるWebディレクターのみなさんこんにちは!ディレクターブログ編集部のモリウチです。

2012年最後のエントリーは本年度の振り返りを、Facebook での反響数という視点から振り返ってみたいと思います。

それではさっそく、2012年に公開された全53エントリー(PR記事・ゲスト記事は除く)からFacebookいいね!数が多かった上位15記事はこちらです。

                                   
公開日いいね!数PV順記事タイトル
10月04日24844100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本
01月26日9661ディレクターなら知っておきたい「バナー広告制作の基礎知識」
08月16日9533それじゃあ何も伝わらない!元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと
03月22日8815パソコンを離れてコンテンツを作ったら10倍のアクセスがあった件
02月16日5662アクセス解析やランキングではわからない「女子高生のスマホ事情」
03月29日4156ソーシャルゲームについての考察 - 3つの制作パターンと3つの要点
06月28日4148Webディレクターなら押さえておきたいIT健保活用術
11月29日24913いよいよ10年目!ポータルサイトlivedoorの歴史を画像とともに振り返る
01月19日2199webディレクターの為の「ガンダムで学ぶプロジェクト管理ツール入門」
05月31日208 スマホアプリはリリースされてからが勝負!運用&プロモ担当者座談会(前編)
07月05日19412ディレクターが意識すべき、サイトリニューアル前後の心がけ
08月09日193 「サドは一芸を極め、マゾは多芸に通じる」ディレクターの性格と案件のマッチング
07月19日172 今さら聞けない?!Webディレクターの為のSass講座
03月01日163 LINEでの経験に学ぶ「グローバルアプリを生み出すための5つのポイント」(前編)
04月19日1607そろそろ覚えておきたい Web用の画像加工・編集 超基礎入門


編集部としては、「あの記事は思いのほかバズって嬉しかったな・・・」「あの記事のブコメには心を痛めたな・・・」とひとしきり感傷に浸ったところで、当ブログでの、Facebookでの人気記事たちは以下の3つのタイプに分類できることが見えてきました。

「それ、わかるわ(共感型)」


「共感できるオリジナルコンテンツを発信しましょう!」これはブランドのソーシャルメディア活用でよく説かれる、耳障りの良い台詞ですね。Webディレクターのノウハウや生き様をOpen&Shareする当ブログでも、制作現場での「あるある」や、問題課題に直面した際のケーススタディ的記事には、WebディレクターやWebデザイナーからの支持を集めることができました。

それじゃあ何も伝わらない!元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと
ディレクターが意識すべき、サイトリニューアル前後の心がけ
Webディレクターなら押さえておきたいIT健保活用術

なお、共感型の記事ではFacebook上でコメント付きシェアをされるケースが多くなりがちですが、便利なリアルタイム検索を使えば、こんな感じでコメント付きのシェア投稿を検索することもできます。(公開された投稿限定になります)
「NHN Japan ディレクターブログ」の検索結果 - Yahoo!検索(リアルタイム)


「なんかすごい(感嘆型)」


成功したマーケティング施策やディレクター武勇伝などなど、(セオリーや必勝法は存在しないものの)そのプロセスに賞賛を送りたい記事、シチュエーションが特異な記事では Facebookのいいね!が押されやすくなります。なお、この感嘆の中には「よくわからないけど圧倒された」「決して真似はしないけど尊敬はできる」などの複雑な感情の場合もあったりして応用範囲は広そうです。

アクセス解析やランキングではわからない「女子高生のスマホ事情」
パソコンを離れてコンテンツを作ったら10倍のアクセスがあった件
webディレクターの為の「ガンダムで学ぶプロジェクト管理ツール入門」

また、この手の記事のいいね!は公開直後に勢いよく連鎖して増えていきますが、コンテンツの寿命は短めなのでその勢いはパタッと止まりがちなのが特徴です(笑)


「これ読んどけ(お節介型)」


「なーんだこのノウハウはとっくに知ってたわー、NHNさん何を今更w ・・・でもよくまとまっているから後輩のあの子にはこれ読ませるといいかも!ってか嫁。」
下記の記事ではそんなそこはかとないアピールを感じるいいね!もたくさんFacebook上に流通したのかもしれません。特にこのWeb業界においては職場のほとんどがFacebookで繋がって(しまって)いるので、メールや社内SNSなどよりもさり気なく、より広く、同僚や後輩に無言の「これ読んどくといいよ!」をアピールできるわけです。

100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本
ソーシャルゲームについての考察 - 3つの制作パターンと3つの要点
そろそろ覚えておきたい Web用の画像加工・編集 超基礎入門

ちなみに、このタイプの記事が多いブログではボタンのラベルをデフォルトの「いいね!」から「おすすめ」にしてもよいかもしれません。livedoorニュースBLOGOSでもボタンのラベルを「いいね!」から「おすすめ」に変えることでクリック数が向上しました。



2013年もディレクターブログをよろしくお願いします!


・・・と言う事で少し強引ではありましたが、はてなブックマークやdeliciousのようなSBMサービスではなく、mixiやLINEのような仲間内でのコミュニケーションサービスでもなく、Facebookの「いいね!」ボタンを押すからにはいくつかの心理が働いているだろうということを深読みをしてみました。

みなさんが個人や会社で運営しているメディアでFacebookによるリーチ拡大を狙う際には、この3つの感情のどこに訴えるかを意識してライティングや編集をしてみるといいかもしれませんね。

2012年もNHN Japan ディレクターブログにお付き合いいただいてありがとうございました!NHN Japanでは、後付けでもうまいこと言うのが得意なディレクターも募集しています。

cb286055eceef2dfba681a16c6bd6c74

こんにちは、ディレクターブログ編集部の村上です。
今回はすでに数多くのWebサービスや企業が活用しているFacebookページ運用のコツをご紹介します。Facebookは仕様変更が多く、Facebookページ運用担当者も常にその影響を気にしながら運用を行う必要がありますが、今回は2012年12月現在の情報を元にお話しします。

1. 運用の目的を決める


Facebookページを運用する際に最も重要なのは、何のためにそのページを運用するのかということです。運用の目的はブランディング、セールスプロモーション、トラフィック、カスタマーサービスなど様々ですが、運用者は目的に応じた評価指標を設定しなければなりません。

私が担当しているBLOGOSのFacebookページは、主にサイトのブランディングを目的としているため、指標はページのいいね!数とリーチに絞ってあります。トラフィックも一応見てはいますが、残念ながらFacebookからの流入量はそれほど大きなものではありません。トラフィックを気にするよりは、Facebook内で常にBLOGOSに関する投稿が話題になることに重点を置いています。

2. 機械的な運用は避ける


漫然とプレスリリースが流れたり記事リンクがシェアされているだけのFacebookページに「いいね!」するユーザーはまずいません。同じソーシャルメディアとはいえ、Facebookは140文字という文字数制限のあるtwitterよりはるかに柔軟な運用が可能なメディアです。ユーザーを飽きさせないために、以下に気をつけて運用するとよいでしょう。

リンクをシェアする際には要約をつける


46

Facebook上のタイムラインはユーザーによって常にスクロールされています。そこに長文を投稿したり、単なるリンクをシェアしてもユーザーはクリックしません。手間はかかりますが、要約やリード文を付け加えてユーザーの関心を引きましょう。また、リンクをシェアする際にはリンクタイトルの変更が可能です。この機能を上手く使えばユーザーに分かりやすい形でページをシェアすることができます。

タイムラインの見栄えに注意する


21

Facebookのタイムラインは整然としたレイアウトなため、投稿の見栄えにメリハリをつけるための工夫が必要になってきます。わざわざFacebookページに足を運んでくれたユーザーにページのいいね!を押してもらうためにも、タイムラインは賑やかにしておきたいものです。

特定の投稿を目立たせるには、投稿の右上にある「ハイライト」ボタンや「編集または削除」ボタンを押すと出てくる「トップに固定」を使用します。ハイライトボタンは投稿の幅を通常の倍のサイズに広げることができ、トップに固定は特定の投稿をタイムラインの最上段に固定することができます。画像サイズを調整しつつこれらの機能を上手く使うことで、タイムラインを華やかに演出しましょう。

3. シェアに効くのは記事リンクよりも画像


44

タイムラインへの投稿をより多くの人に届けるには、投稿がシェアされる必要があります。シェアを伸ばすには文章を投稿するよりも、画像を投稿した方が効果的です

画像の投稿について気をつけることは以下の3点です。
・画像サイズ(タイムライン上で画像が切れないサイズは403px × 403px、ハイライト時は横幅843px)
・投稿後、忘れずに画像の見え方を調整する
・画像に文字を載せるなど、画像のみでユーザーに投稿の内容が伝わるようにする

上記の中でも、特にシェア数増加に効果があったのが文字を載せた画像の投稿です。
BLOGOSのFacebookページでは、投稿にいいね!はつくものの、内容が堅いせいかあまりシェアされない傾向にありました。しかし文字を載せた画像を始めたところ、以前よりも安定してシェア数を稼げるようになりました。

4. ファン数、リーチ数を増やすにはFacebook Adsを活用


FacebookにはFacebook AdsというFacebook内広告を作成、運用する有料の機能があります。Facebook Adsを上手く使うと、新たなユーザーや、興味、関心の近いユーザー、年齢や学歴などでターゲティングしたユーザーに広告を表示することができます。ただし、ターゲティングを行う際には対象を狭め過ぎないようにしましょう。ターゲットの人数が減りすぎると、そもそも広告を出す意味がなくなります。
参考:Facebook Ads担当者座談会 - 実際に運用してみてわかった、Facebook Adsの効果的な運用法

そして、実際にFacebok Adsを運用してみてわかったコツは、以下の3点です。

パワーエディタを使う


25

Facebook AdsにはChrome専用の広告作成、管理アプリである「Facebook Power Editor」が存在します。このアプリを使うと、Web上の管理画面よりも細かく広告の出稿位置を調整できるので、広告運用の際にはぜひ利用しましょう。

ファンを増やすならモバイル版ニュースフィードへの出稿がおすすめ


mobile_feed

Facebook Adsでページのいいね!を増やすために最も効果の高い出稿位置は、現在のところモバイル版のニュースフィードになります。モバイル版のFacebook上での広告表示は上のような見た目です。シンプルですが、ユーザーにとっての選択肢が極端に少ない状態なので効果が高く出る広告になっています。

重要な投稿の認知度を上げたいなら投稿を宣伝


23

タイムラインの投稿の右下にある「宣伝する」ボタンは、投稿単位で広告を作成するボタンです。投稿の宣伝には、友達がいいね!した記事、友達がシェアした記事、友達がコメントした記事の三種類があります。「宣伝する」ボタンから広告を作成すると、3種類全ての広告が作成されます。「宣伝する」ボタンから広告を作成した場合、出稿費用の上限を設定してから広告がスタートします。パワーエディタなどから個別に広告を作成して出稿費用の上限を設けない場合は、こまめに費用を確認するようにしましょう。

投稿の宣伝はBLOGOSでも行いましたが、「選挙という一大イベントに無関心なのはおかしい」―春香クリスティーンインタビューという記事を紹介したFacebookページへの投稿を宣伝した際には、最終的に1,666いいね!、1,237シェアされるなど、リーチ力の強い広告だという印象を受けました。しかしながら、この広告からページのいいねやWebサイトへのトラフィックには繋がりにくいので、あくまでオススメの投稿を宣伝するための手段だと割り切って利用したほうがよいと思います。

5. 投稿の時間帯に気をつけよう


58

Facebookページを運用していると、忙しいときなどまとめて投稿を行いたくなってしまうことがあります。しかし、同一時間帯にまとめて投稿してもユーザーのニュースフィード上にすべての投稿が表示されるわけではありません。「どうしてもまとめて投稿したい!」という時には予約投稿機能を使いましょう

予約投稿機能を使えば、より効果の高い時間帯に投稿を分散させることができます。予約投稿はフォームに投稿を入力したあとフォーム左下の時計アイコンをクリックすることで公開日時を設定することができます。予約した投稿は管理者用パネルの中にある「アクティビティログ」から確認することができます。

まとめ


長くなってしまいましたが、Facebookページの運用だけでも工夫のできる箇所がいくつもあることが分かっていただけたと思います。冒頭にも書いたようにFacebookは仕様変更が多く骨が折れますが、ユーザーとの接点が多いメディアなのでやりがいを感じやすいのではないでしょうか。またFacebookページにはFacebook Insightsという分析ツールもついているので、ユーザーからの反応をダイレクトに感じやすいのも魅力の一つです。


NHN Japanでは、やるからにはコツコツ工夫することを楽しめるディレクターを募集しています。

1

こんにちは。忙しい時期にNHN Japan初となる男性の育児休業を取得した菊地です。livedoor Blogを担当しています。

livedoor Blogは先月で9周年を迎えました。そして今私は34歳になっています。長いですねー。いや、短いですかねー。でも私がこの業界に入ってから7年が経ちますが、自分の人生を振り返って、「色々あったなあ」と感慨にふける程度には、長い年月のような気がします。まあ何が言いたいかというと、割りとみんないい歳になりましたよね。と、いうことです。

この歳になると、周りも結婚や出産のラッシュだったりして、若い業界のように思われているインターネットサービス業も、ぼちぼち「家庭」を意識する人達が増えてきたなあ、と思うわけです。といったところで、そろそろベテランになってきたwebディレクターが、いきなり育児をやらされるケースも増えてきたように見えるので、今回は子育て1年目に押さえておくべきポイントを紹介します。

授乳方法の選択


「のっけから仕事と関係ないじゃん!」と思われるかもしれませんが、授乳のタイミングは、そのままワークタイムに影響を与えます。

赤ちゃんへの授乳はざっくり「完全母乳」「完全ミルク」「混合授乳」の3つの系統に分けられます。赤ちゃんが生まれてからの約1年は、全てこの「授乳」のやり方で生活のリズムが決まります。特に、職場復帰を予定している場合はとても重要な要素となります。

奥さんが職場復帰を急がない場合


完全母乳」がオススメです。
この場合男性は授乳に参加できないので、仕事や他の家事に集中すべきです。ただし、母乳育児はかなり体力を消耗する(1日600~800kcal消費すると言われています)ので、男性は奥さんに色々と気を遣ってあげてください。

奥さんが職場復帰を急ぐ場合


完全ミルク」がオススメです。
女性の体は、一度でも母乳育児を開始すると、簡単に卒乳できなくなります。3時間に一回は授乳か搾乳をしないと、乳腺炎になってしまいます。オフィスに通いながらその対応をするのは中々難しいと思います。ミルクに赤ちゃんが慣れていると、保育園での授乳が可能になります。

旦那さんも時間問わず育児に参加する場合


完全ミルク」「混合授乳」がオススメです。
深夜の授乳等もパパが参加することができます。夫婦共に体力を使うので大変ですが、父親の実感も味わえるのでオススメです。

授乳

その他、「職場で搾乳して職場の冷蔵庫で保存して家に持って帰る」という方もいるようですが、その辺りは夫婦でよく相談し、仕事と育児を両立できる体制をつくりましょう

一時保育の活用と病児保育対策


子育て中はとかく予想できないトラブルが舞い込むものです。

自分の担当案件が今日リリースなのに、妻がインフルエンザ発症、赤ちゃんも38度の熱を出し保育園で預かりを断られた。」などというケースが本当にあります。しかもまれにではなく、わりと頻繁にあります。

その度にプロジェクトメンバーやクライアントに頭を下げるわけにはいかないので、非常時のパイプをいくつか用意しておくのが望ましいでしょう。

一時保育


正式な入園手続きを踏まなくても、「1日だけ」や「数時間のみ」という単位で赤ちゃんを預かってくれる施設があります。

一般的な新生児保育をやっている施設であれば、一時保育サービスをやっている場合があります。最寄りの駅前や、オフィスの近くに何らかの施設があるので、各行政施設の相談窓口で連絡先を押さえて、面談を済ませておきましょう。
※webに情報が無いケースが多いです。役所で候補施設を確認すると良いです。

ファミリーサポートセンター


ファミリーサポートセンター(略してファミサポ)は、住んでいる地域において、育児や介護の援助を「受けたい人」と「行いたい人」が会員となり、互いに支援しあう互助組織です。

自分の子育てが一段落した主婦の方等が、依頼のあった家庭に赴き(または送り届ける)、赤ちゃんを自分の家で預かってくれます。行政機関が審査し、身元もしっかりしている会員なので、安心して預ける事ができます。

病児保育


前述したような施設でも、病気にかかっている赤ちゃんを預かってくれる施設は多くありません。
※ファミリーサポートセンターは平成21年度から病児保育に力を入れています。

数少ない病児保育施設の中でも、フローレンス特別非営利活動(NPO)法人は設立当初から病児保育問題に取り組んできた実績のある団体です。現在は東京、千葉、神奈川の一部地域でのみ活動していますが、必ず子育て問題に悩むビジネスマンの力になってくれます。
Facebookページ
公式Twitterアカウント
代表:駒崎弘樹さんのtwitterアカウント@Hiroki_Komazaki

各種保険制度や助成制度の確認


今回は「関東ITソフトウェア健康保険組合」を例にとって説明します。

出産育児一時金・出産育児付加金


妊娠4ヶ月(85日)以上の分娩について、1児につき「出産育児一時金」420,000円(産科医療補償制度対象分娩でない場合は390,000円)、「出産育児付加金」90,000円の計510,000円(産科医療補償制度対象分娩でない場合は480,000円)が給付されます。
被保険者が出産したとき

こちらは、基本中の基本、出産時の給付金です。うっかり申請を忘れないように、保険組合の資料をよく読んでおきましょう。

子供が生まれた場合の「被扶養者(異動)届」


簡単に言うと「保険証」を作ります。産後5日以内に被扶養者の届出用紙を事業主を経由して提出する必要があります。人事の人に聞けば一発です

医療費関係


かなり複雑で、取り上げるのが難しいため省略します。しかし、医療費の保険適用は子育てには重要なポイントです。必ず組合のホームページに保険給付に関する資料があるので、急な病気や怪我の時も慌てずに済むよう、キチンと目を通しておきましょう。

各自治体の助成金


各自治体には育児に関する助成制度があります。住んでいる地域によって内容が異なるので、出生届を出すときについでに確認しておきましょう。
例:東京都のライフステージコスト別ランキング

実は渋谷区が一番子育てしやすいんですね。意外!
ヒカリエ勤務者は渋谷区移住もよろしいかと。

いかがでしたでしょうか?事前の準備が重要なのは、ディレクションも育児も一緒ですね。



NHN Japanでは未来の後輩達を育てることの出来るディレクターを募集しています。

2

こんにちは、ポータルサイト「livedoor」の運用業務を担当しております。ウェブサービス本部の伊藤です。

突然ですが、皆さんは10年ほど前、どのようなウェブサイトをご覧になっていましたか?現在の「livedoor」がポータルサイトとして誕生したのは、2003年11月。いよいよ10年目に突入した今、改めてポータルサイト「livedoor」の変遷をたどりたいと思います。

それでは、総合ポータルサイトとして開始した当初から、振り返ってみましょう。

総合ポータルサイトとしての「livedoor」スタート


2003年11月


ライブドアは当初、インターネットサービスプロバイダとしてスタートしましたが、2003年当時にはプロバイダとしてのサービス以外にも様々なWebサービスを運営しており、それらは各種サービスごとにそれぞれIDを提供していました。また、総合ポータルサイトとして始動するにあたり、それらの各種サービスをすべて「livedoor」へ統合するという目的もありました。

当初のデザインでは、各種サービスを行き来しやすいように、コンテンツ枠もファーストビューにおさまる枠内を意識した構成になっています。また、横幅も740pxしかありません。当時のパソコンのディスプレイサイズが影響しているのですが、現在主流の横幅(950px程度)よりもずっと狭い印象です。また縦幅も現在のサイトの三分の一程度になっています。
2003年12月

http://web.archive.org/web/20031215090725/http://www.livedoor.com/


その後、今日に至るまで繰り返しモデルチェンジは行われたのですが、なかでも公開後2年〜3年間の改修が最も細かく行われていた期間でもありました。それらのモデルチェンジについては、駆け足でご覧ください。


2004年〜2006年


2004年5月


ヘッダの目立つところに検索窓を置いたり、右カラムの色が変更されました。
2004年5月

http://web.archive.org/web/20040524180741/http://www.livedoor.com/

2004年7月


ヘッダ部分、検索窓の位置や見せ方、右カラムの色などが変更されました。今度は「livedoor IDを登録する」が目立つところに配置されました。
2004年7月

http://web.archive.org/web/20040725085649/http://www.livedoor.com/

2005年1月


アーカイブの画像が壊れていますが、検索まわりが充実してきました。検索のボタンが複数になっていたり、「ホームページに設定」が右上に設置されました。
2005年1月

http://web.archive.org/web/20050101090810/http://www.livedoor.com/

2005年2月


前回の変更から1ヶ月ほどでまた変更です。検索枠のしくみ、アイコンやボタンの配置換えなどヘッダ付近が整理されました。
2005年2月

http://web.archive.org/web/20050203015603/http://livedoor.com/

2005年3月


さらにほぼ1ヶ月後、横幅も少し広がり(35px増)初の3カラムレイアウト登場。これまでよりもlivedoor Blogに関する枠が多めになってきました。
2005年3月

http://web.archive.org/web/20050301095059/http://www.livedoor.com/

2005年5月中旬


ところがそこから2ヶ月も経過しないうちに、レイアウトが変更されます。タブ形式の検索枠が導入され、途中から3カラムレイアウトになりました。
2005年5月_1

http://web.archive.org/web/20050525031957/http://www.livedoor.com/

2005年9月


検索枠がさらに細分化され、途中から3カラムレイアウトも続行中。この頃にはコンテンツ枠に掲載されているコンテンツもポータルサイトを公開した当初の3倍ぐらいにはなっています。
2005年9月_1

http://web.archive.org/web/20050901060736/http://www.livedoor.com/

2005年11月


さらに検索枠やコンテンツの一覧枠がより整理され、そのため「もっとlivedoor サービス」枠が登場しました。
2005年11月

http://web.archive.org/web/20051101010754/http://www.livedoor.com/

この後、2006年1月のライブドア事件を経て、方向性を含め再検討し、時間をかけてリニューアルをすることになります。

2006年7月


「Web2.0時代を見据えて、CGM領域を強化。3つの扉とツールの効率的再配置」というテーマでリニューアルしました。

この時期、従来のコンテンツ紹介、誘導という役割よりも新しい提案が期待されていました。そこで、コンテンツへのショートカットツールが登場したり、ユーザーの思考や用途別に情報を整理しようという試みが多くなされました。さらに、右カラムの幅が広がり、広告サイズも大きくなりました。
2006年7月

http://web.archive.org/web/20070423084128/http://www.livedoor.com/


2007年〜2010年


2007年4月


前回のリニューアルから9ヶ月後、「個人メディア」×「マスメディア」という視点を、1つのトップページに融合させることをコンセプトにリニューアルを行いました。

この時期、「livedoor クリップ(2012/10/10サービス終了)」の枠の割合が多いです。マスメディアの情報だけではなく、ユーザー同士での情報共有が盛んになされるようになったのも、この時期だったのではないでしょうか。
11

http://web.archive.org/web/20070423084128/http://www.livedoor.com/

2008年4月リニューアル


さらに前回のリニューアルから1年後、ブログ文化に根ざしたリニューアルが行われます。
本リニューアルの最大のテーマは、ブログを文化としてより活性化させるための「情報源としてのブログの地位向上」です。そのための強化ポイントとして、「ブログユーザーの利便性の向上」「情報源としてのブログ記事の紹介強化」「書き手としての自己表現の促進」を図ります。このような方向性を踏まえて、ブログを書く、読む(livedoor Reader)などの導線にも力をいれた構成になっています。


12

http://web.archive.org/web/20080421154905/http://www.livedoor.com/

2010年9月リニューアル


同年4月、ライブドアはNHN Japanグループに加入しており、このリニューアルではWeb検索エンジンを従来のGoogleからネイバージャパンが提供する「NAVER」へ全面移行しました。

このあたりまでくると、現在のlivedoor に近いですね。

13

http://web.archive.org/web/20091021155232/http://www.livedoor.com/

現在のlivedoor


2012年1月リニューアル


情報のリアルタイム性を重視したリニューアルを行いました。このコンセプトは現在にも引き継がれています。

「livedoor」ではインターネットの特徴・強みである「速報性」「ユーザーによる評価」「CGM」「コミュニケーション」「キュレーション」など、さまざまな切り口の情報をリアルタイムに発信する場であることが、2012年のポータルサイトの役割であると考え、全面リニューアルを行いました。

2012年1月



2012年4月


最上段が3カラムに戻り、注目のキーワードへのアクセスが容易になりました。クローズアップされているキーワードはNAVERの検索チームが運用しているものを採用しています。
2012年4月



まとめ


すっかり長くなってしまいましたが、以上がポータルサイト「livedoor」の変遷となります。

現在では、ユーザーID数は約1,066万人。「livedoor」全体で月間約93億ページビュー(2012年10月現在/自社調べ/モバイル・スマートフォン含む)、月間ユニークユーザー約4,750万人(2012年9月現在/コムスコア調べ)を擁する総合ポータルサイトに成長しています。

およそ10年前、livedoorは主にダイヤルアップによる無料インターネット接続サービスとして存在し、インターネットの玄関としての役割を持っていました。その頃から今までのあいだ、常に変化し続けてきました。そしてこれから先も変化し続けていきます。

皆さんはこの先、ポータルサイトはどのように変化していくと思いますか。そのヒントは、過去を一度振り返ってみることで得られるかもしれません。



NHN Japanでは、ポータルサイト大好きなディレクターを募集しています。

wdm8


こんにちは。薮田(@yabucccchi)です。

『WebDirectorMeetup Vol.8』のライトニングトーク発表者が決まりました!
前回以上にたくさんのご応募をいただきましたが、時間の関係上抽選とさせていただきました。

それでは、ライトニングトークの発表者と題名をご紹介します!

  • エキサイト株式会社
    アプリプロデューサ/スマートフォン推進室 室長 岡田英之
    iPhoneアプリ「エキサイトニュース」を1年やって分かった5つのこと

  • 株式会社nanapi 山下隼生
    「サービスもディレクターもこうあれ!nanapiと僕の共通点」

  • 株式会社サイバーエージェント
    アメーバ事業本部メディアクリエイティブDiv Simplogプロジェクト責任者 堀 浩輝
    「Amebaスマホ♪のつくりかた」

  • エンジニアtype編集部 小禄卓也
    「2万人にDisられた新人編集者が10万人に読まれる記事を作るまで」

  • 株式会社paperboy&co.
    Webプロデューサー 山本としや
    「プロデューサから見た Sqaleができるまで」

  • 株式会社バーグハンバーグバーグ 山口むつお
    「バカなことを思いついたあとにやること」

  • 株式会社ディー・エヌ・エー
    UXデザイン部 山本麻友美
    「新卒1年目がcommを作ってわかった10のこと」

  • 株式会社ミクシィ
    メッセージユニットプロジェクトオーナー 長谷直達
    「踊る長谷なおたつ。ユーザーインタビュールームを封鎖せよ。
    -24歳のプロジェクトマネージャーの飽くなき挑戦-」

以上の8名となります。

Web Director Meetup vol.8の参加締切もまもなくですので、興味のある方は是非ご応募くださいませ。ご応募と詳細は以下の記事をご覧ください。
http://blog.livedoor.jp/ld_directors/archives/51765837.html

それでは結果をお楽しみに!



こんにちは。Webサービス本部のカツラです。

そろそろ忘年会シーズンですね。このブログの読者の方々の中にも、会社の忘年会の幹事を任せられている人がいらっしゃるかもしれません。飲み会の幹事の仕事は、簡単なようでなかなか大変なものです。

今回は、主に飲み会の幹事をする際に注意すべきポイントや、知っていると便利なツールを実際の流れに沿っておさらいしたいと思います。

1. 候補日を決める


飲み会を開催することが決まったら、まずは候補の日程をいくつか選ぶことから始めましょう。
このとき注意すべきポイントは次の3つです。

・目上の人のスケジュールを優先する
・外部のお客さまが来る場合は、そちらのスケジュールを最優先に
・候補日は複数抑える(最低でも3つ)
・年末は特に早めのスケジューリングを心がける


忘年会のように季節の区切りに必ず開かれるイベントには、参加者の長となる人に参加してもらえないと締まるものも締まらなくなってしまいます。部の忘年会なら部長の、課の忘年会なら課長のスケジュールを聞いて、参加可能な日程を最低でも3つは候補日として抑えましょう。

また、忘年会シーズンはお店が混み合うだけでなく、職場の人たちの予定も詰まりがちになるものです。くれぐれも、時間には余裕を持って候補日を抑えましょう。

2. 参加者を募る


候補日をいくつか抑えたら、次は参加メンバーの確定です。ひとりひとりの都合を聞いて回るのはなかなか骨の折れる仕事ですが、そんな時は飲み会の幹事にピッタリなスケジュール調整ツールを使うと便利です。

特に有名なのは調整さん (beta)- 簡単みんなのスケジュール調整ツールでしょうか。

その他の調整ツールについては下記のまとめが参考になります。
手軽で簡単!スケジュール調整・アンケート - NAVER まとめ

上記のツールなどを使って回答期限を設け、候補日をひとつに絞り込みましょう。

3. お店を決める


企画時点で、参加人数はある程度イメージすることができます。あらかじめ、イメージした参加人数のボリュームが収まりそうなお店をいくつか考えておくとスムーズかと思います。

参加人数が確定したら、お店を本格的に選びます。よっぽど少人数でない限りは、コースで予約をしたほうが無難かと思います。この辺りはぐるなびホットペッパーなどを使うといいでしょう。ただし、以下の点には気をつけるといいと思います。

・お店に携帯電話の電波は入るかどうか
・個室かどうか、もしくは貸切にできるかどうか
・会場設備の位置と挙動を下見する(マイクやモニター等を使う場合)
・2次会の店も合わせて予約


当日、道に迷った参加者が電話をかけてくることも考えられます。特に地下にあるお店の場合には、電波が入るかどうか予約時点で必ず確認しましょう。また、内容によっては、会場設備の位置や挙動を前もって確認することが必要です。イベント用スペースやホテルのパーティールームなどの場合、事前に先方の担当者と顔を合わせておくと何かと楽です。

参加者の多い飲み会では、1次会の後に行き場を失った人々が路頭に迷うことの無いよう、2次会の会場を前もって抑えておいたほうが良い場合もあります。予め2次会の参加者数を把握しておくことは難しいですが、可能であれば1次会の日程調整時に合わせて聞いておいてもいいかもしれません。

なお、LINEクーポンを使うとお得にお店を利用することができて便利です。
クーポン画面

4. その他当日までにすること


当日までにするべきことは以下の2つです。

・乾杯と締めの挨拶を依頼する
・会費を徴収する


役職者の人には当日の挨拶を依頼しておきましょう。大きな会では、乾杯の前に別途挨拶の時間を設ける場合もあります。 いくつの挨拶の時間を取るべきなのか、 どの挨拶を誰にお願いすればいいのかはケースバイケースです。考えてわからないようなら、先輩に相談するのが無難でしょう。

また、人数の多い会では、前もって会費を徴収したほうが良いかと思います。徴収時にはお釣りを用意しておきましょう。

5. 当日のエスコート


当日迷わないように、予めお店の位置を印刷した地図を手渡しておくとスムーズです。LINEのグループチャットを使って参加者へ地図のリンクをシェアしたり、ちょっとした連絡を取り合ったりすると楽ちんですね。

line_group


参加人数が多い場合や、遅れてくる人が多い場合には、後から参加者を先導するお手伝い役を誰かに依頼しましょう。

6. 宴会中の振る舞い


幹事に求められる宴会中の振る舞いは、その規模や内容によって大きく異なります。
きちんとしたプログラムを用意し、幹事とは別に司会進行を立てて大きな会場で行うような宴会についての説明は他に譲り、ここではちょっとした居酒屋の一室を貸しきって行う忘年会を想定してポイントをご紹介します。

・進行はテンポよく
・グラス、ボトルのチェックを怠らない
・会場出口付近に席を取る


進行はテンポよく行いましょう。役職者の人を始め、主要な参加者が揃ったら会を始めます。飲み物をオーダーし、全員の手に飲み物が行き渡った所で、予め依頼していた人に乾杯の挨拶をしてもらいましょう。お店の予約していた時間が終わる前に締めの挨拶をお願いすることも忘れずに。

会場にいる参加者のグラスには常に目を配りましょう。空に近くなったら、会話の途切れ目を狙ってさり気なく次の飲み物を聞くといいと思います。また、テーブルの上にある瓶ビールの残量も大まかに把握し、ビールが途切れてしまうことのないよう早めに注文をしましょう。

幹事が席取る場所は、会場の出口付近が良いかと思います。後から来る人を迎えに行きやすく、注文を取りやすいからです。

締めの挨拶で宴会が終了したら、忘れ物がないか各席を確認して店を出ましょう。

おまけ


もし余裕があれば、参加者に喜んでもらえるものを何か用意しておくとよいでしょう。私はたまに、参加者とシェアする為に二日酔い防止薬を買っておきます。錠剤タイプのものがかさ張らず、数も多いのでオススメです。参加者に気持ち良い時間を過ごしてもらう為に、ちょっとした気配りができるようになると良いかと思います。


以上、長々とポイントをご紹介してきましたが、いざ文章に起こしてみるとなかなか大変な仕事だというのがわかりますね。幹事の仕事を上手くこなせるようになるには、ここに書いた点を意識して、とにかく数をこなしていくしかないかと思います。幹事に不慣れな方にこの記事がお役に立てれば幸いです。


NHN Japanではホスピタリティと機転に富んだディレクターを募集しています。



こんにちは、ディレクターブログ編集部の村上です。

今回は先日行ったNHN Japanディレクターブログ、リニューアルまでの道のりについてご紹介したいと思います。

NHN Japanディレクターブログ(当時はlivedoor ディレクターブログ)の前回リニューアルは約3年前。そろそろデザインも古くなっていたので、今回のリニューアルは9月頃の編集会議ですんなり決定しました。11月にはlivedoor Blogの9周年も控えていたので、そのタイミングでデザインを切り替えようということにになり、ひとまずプロジェクトをスタートさせることになりました。

編集部にヒアリング


リニューアルが決まったら、まずはどういったものが欲しいのかヒアリングです。今回の相手はディレクターブログ編集部。当然編集部メンバーはブログ大好き人間ばかりです。その編集部メンバーが納得するデザインを作るとなれば、なかなか大変な仕事になることが予想されました。

さて、リニューアルに関する要望を聞いてみると、

・今風で格好良く
・シンプルでゴージャス(笑)
・画像を載せやすく
・NHN Japanっぽいイメージ
・いいかんじにしといて


などなど、出てくるのはなんとも言えない要望ばかり。。。
いくつかヒントはあったため、今回はそれを噛み砕いてデザイナーに伝え、デザイン案を出しながらリニューアルを進めることにしました。

おおまかなレイアウトの決定とブログパーツの整理


デザインの前に必要なのが要素の決定です。今回はブログのリニューアルだったので、重要なのはブログパーツの要素と現在利用している各種プラグインの処遇でした。

まずは詰め込み感をなくすためにレイアウトを3カラムから2カラムに変更することを決め、その上でブログパーツを整理することにしました。このあたりはディレクターが確認をとりつつ進めていきます。


▲以前のデザインはブログパーツが多く、幅が1000pxあるにも関わらずメインカラムが狭く見えています。

最終的にブログパーツの数は従来の12から10に減らしました。また従来は1パーツあたりの表示数が多かったので、数を絞って出すように変更しました。これだけでサイドカラムはずいぶんすっきりしました。

コンセプトの決定とデザイン着手


いよいよデザインです。ブログの印象を決めるのはやはりデザインなので、ここだけは妥協できません。以前行ったヒアリングから実作業に落とし込めるレベルまでコンセプトを絞っていきます。その結果、今回のコンセプトは以下のようになりました。

・NHN Japanの全社員が記事を書きやすいデザイン
・大きな画像を載せやすいように横幅を広くとる
・NHN Japanの各サービスブランドのカラーを入れる
・ディレクターブログを表現したモチーフ


あとはデザイナーとやりとりを続けながら作っていくだけです。今回デザインが決定するまでに起こしたデザイン総数は8で、パターン違いがそれぞれ何種類かあるという感じでした。実際に作ってもらったデザインの一部が以下になります。没案は初期段階に多かったのですが、現在のデザインと比べるとイメージの共有がうまくできていないことがはっきりとわかります。


▲採用に至らなかったデザイン


編集部チェック


最終的にデザインは3案にまで絞りました。その上で編集部メンバーが以前試してみたいと話していたPinterestのようなグリッドレイアウトのデザインを起こしてもらい、編集部にてレビューを行いました。


▲左上から1. ブロック、2. コンパス、3. 索引、4. グリッドレイアウト

レビューの結果、全体のデザインは1のブロックで、トップページは4のグリッドレイアウトでいきたいとのことでした。方向性が決まったので、難航しそうな4のデザインを調整しながら細かなところを直していくことにしました。


デザインFIX


おおまかなデザインは決まったので、細かなところを詰めていきます。パーツの色味から字間、行間、余白の調整、各プラグインに合わせたカラム幅の変更など、なんとなく当てられていた部分を全て見直していきます。そして最終的に出来上がったデザインがこちらです。




今回のデザインについてデザイナーに聞いたところ、
今回のデザインのモチーフはレゴブロックです。モチーフを決めるまでが大変だったのですが、社内カフェに設置されているレゴテーブルがヒントになりました。ブロックの色には弊社のサービスで使われているものを採用し、ブロックを組み立てて立体を作るように、NHN Japanの各サービスに携わる人々の記事でこのブログが成り立っているということを表現してみました。トップページのデザインは、執筆者のモチベーションに繋がるよう、ページ先頭の記事が大きくピックアップされるデザインに変更しました。

とのことでした。なかなかいい感じのデザインができあがったのではないでしょうか。

マークアップ、運用に必要な要素のチェック


デザインが完成したらマークアップを行います。マークアップ等フロントエンドに関しては専任の部署が社内に存在するので、今回はそこに依頼を行いました。またマークアップ時の作業環境の用意もディレクターの仕事です。ダミーデータの入った環境の方が作業しやすいので、必要であれば対応していきます。

デザインを忠実に再現できるかは実際に組んでみないとわからないので、ここでも調整を行います。記事を書く際に注意した方がいいhtmlタグやクラス名、画像が綺麗に表示されるサイズなどはここできちんとメモしておくと後から困らないで済みます。

完成〜リリース


ブログのリリースは通常のWebサービスとは違い、手作業でテンプレートを当てはめたりパーツを変更していく必要があります。今回のリニューアルでは、ブログパーツを一旦整理した後にテンプレートを当てはめ、さらに新規のブログパーツを設定しました。ここでは操作ミスがないように、慎重に作業を行います。

またリリース後の話になりますが、ブログのリニューアルで最も重要なのは、「デザインを活かした運用ができるかどうか」にあると思います。この部分をリニューアル担当者が運用担当者ときちん擦り合わせておかないと、せっかくのデザインが台無しになってしまうこともありえます。

まとめ


実は今回、トップページにグリッドレイアウトを採用すると決まった時点で「livedoor Blogでもここまでできる」という裏テーマを設定していました。デザイナーともその部分は一致していたので、かなり時間をかけてデザインを作成していきました。ひとつのブログにここまで力をかけることはなかなかないと思うのですが、そこはディレクターブログならではという感じで、個人的に面白い経験になりました。引き続き更新も頑張っていきますので、今後ともNHN Japanディレクターブログをよろしくお願いいたします。



NHN Japanではディレクターブログを担当してみたい!というディレクターを募集しています。



こんにちは、新規サービスのディレクターをしている川野辺(Nobe)です。

最近、通常業務の中であるルーティンワーク(反復作業)を任され、それをチーム体制化し、最終的にはゴールである外部へ委託できる状態にまでフローを固めるという役割を担いました。

これは、自分にとってルーティンワークとは何なのかを見直すきっかけにもなりましたので、ここに纏めたいと思います。


ネガティブなイメージを持たれがちなルーティンワーク


ルーティンワークという言葉を聞いてよい印象を持つ人は少ないかもしれません。

反復作業 = 誰にでも出来る
例:数値表の記入やマッピング、日報、定期ほにゃらら・・・

というイメージがあるためです。

実際私が担当した作業は、1つの処理で2分ほどかかり、それが一日100件ほど(約3時間半)でした。今では200件オーバーの処理が必要となる成長案件です。。(苦笑)この作業を貰ったときは、1つの作業でどれだけの時間がかかるかも分からず、途方に暮れたものです。

しかし、ディレクターらしいルーティンワークのこなし方ってなんだろう、どうすれば自分と会社にプラスになるだろうと考えたとき、
「作業体制を誰かにすぐ渡せる状態にしておき、渡した人もまた、別の人にスムーズに渡せる状態にしておく」

この作業体制を構築することが、業務の明確化と作業効率アップ、そして保険にもなると思いました。※追加で人が増える予定がなくてもです

今回は、ルーティンワークを捌ける作業体制を作るための5つのステップを以下にご紹介します。


Step1 自分で作業してみる


まずは、ある程度慣れるまで実際に処理をしてみます

1日に○時間この作業に充てると決め、下記を記録します

・対応必要件数
・対応件数
・対応パターンの分類と集計


Step1でのゴールは、1件あたりどの程度の時間がかかるのか、作業完了迄にいくつのパターン(手順)が必要かを割り出すことです。一日の対応件数が一定になったところで、Step2に移ります。


Step2 作業をマニュアル(フロー)化


本当に無駄な作業がないか、確認しながらフローを作っていきます。

外部の部署とも連携をとる作業の場合、無駄なことをなくすための話合いで、その後の作業スピードがぐんと上がります。私の場合は、連携部署と週1回の定例ミーティングを行っていました。

フローの作成には4つのポイントがあります。

1. 役割分担の明確化
2. コミュニケーションの簡潔化
3. イレギュラーパターンへの対応方法
4. 根本解決の方法


それと同時に、作業をマニュアル化していきます。更新しやすくアクセスがしやすい社内Wiki等を利用し、マニュアル化するのが良いです。

アウトプットの目標はもちろん、引き継ぐ時に「ここ見て」で済ませることができるマニュアル作りです。

1. 処理の概要
  どういった作業なのか、なぜこの作業が必要なのか
2. 必要なツール
  処理に管理ツールが必要な場合、申請先(担当者のメアド)まで記入
3. ツールの使用方法
  画面キャプチャをつけるなど、はじめて見る人にも分かりやすく作成する
4. パターンとそれに対応する処理方法
  パターンは漏れなく記載します

印刷する機会の多い、作業の必要件数・処理件数は別(エクセル等)に管理します。

これで他の人を巻き込む準備が整いました。処理必要数と、対応数(作業時間)を元に上司を説得し、人をアサインしてもらいましょう。

Step3 人に引き継ぐ


無事、メンバーがアサインされました!

作業フローがマニュアル化されているために、人への伝達(教育)は楽なはずです。ある程度作業に慣れたところで、一日の目標値を伝達します。

他人に作業を依頼する際のポイントは、

1. 更に効率化出来るところを話し合う。
  別の人が作業に加わることで、更に効率化できる部分が見えてきます。
2. 作業管理(処理数・必要件数)をお任せする
3. 根本解決に役立つような統計を取ってもらう
  処理の統計から、問題点が浮き彫りになり根本的解決につながる場合があります。
4. 自分も作業をする
  これが大事です!

ここでの目標は、その人が別の人へ引き継ぎが出来る状態になるということです。


Step4 チームを作る - 担当者からチームへ


2人という少人数体制であっても、社内チーム化してしまうことがポイントです。毎日一定の数を処理しなければない業務だと尚更で、担当者としてしまうと、一人で処理しなければという精神的負担がかかります。

チーム化するメリットには、以下の4つがあります。
・メンバーの意識アップ
・窓口が分散しない
・だれかが不在でも、他のチーム員がフォローできる
・チームとしての目標が設定できる


チーム化の方法は簡単で、社内でそういう”体”を作ってしまうことです。
これには、

1. メーリングリストの作成(○○チームという名前で)
2. 別部署にチームとして認識してもらう
  定例や、メールを通じて「○○チームでは・・」という言い方をする
3. チームとして自分たちも意識する

などの方法があります。

Step5 フロー丸ごと別のチームへ引き渡し


ゴールです。ここまでで作業体制を引き渡す準備が完了していると思います。作業フローをまとめて別のチームへ引き渡しましょう。


ディレクションは、”がんばり”が定量化できる業務ではありませんが、結果が数値化できる「ルーティンワーク」を業務に盛り込むことで、一定の評価を得られるのではないかと思います。



NHN Japanでは、ルーティンワークを華麗にさばくディレクターを募集しています。




こんにちは、データホテルでwebサイト開発を担当している松本です。
データホテルでは「インフラで世界を変える。」というスローガンのもと、まるで一流ホテルに滞在しているかのような質の高いデータセンターサービスをご提供しています。

今回はディレクターにとってもサーバーの知識を蓄えるのにぴったりなVPSについてご紹介します。

ディレクターにとって悩ましい存在のサーバー


仕事柄、ディレクターの方とお話をする機会も多いのですが、その際によく感じるのは、最新の技術やトレンドについては勉強されていても、それらを足元で支えるサーバーについては敬遠されている方が多い、ということです。しかしながら、サーバーがらみで大変な目にあったという経験を持っている方は予想以上に多いのではないでしょうか。

よく聞く失敗に、 サイト全体を別のサーバーに引っ越す場合などに、元のサーバーでは動いていたスクリプトが引越し先では上手く動作せず、調べてみるとサーバーの設定を間違っていただとか、キャンペーンサイトでサーバーの性能が足りず全然つながらなくなってしまったなどがあります。

トラブルが起こる原因については様々なものがあると思いますが、ディレクターとしては是非とも避けたい問題ですよね。そうであれば、ディレクターにとってもサーバーの知識を得ることは損にはならないはずです。

共用サーバーから一歩踏み込みたい人におすすめなVPS


ss_02

サーバーについての知識を得たい場合、比較的簡単に導入できるのはレンタルサーバーなどの共用サーバーです。自分でレンタルした共用サーバーにWordPressを入れてみたり、独自ドメインを設定してみたり、それだけでもサーバーを身近に感じられるかと思います。

しかしながら、共用サーバーの場合、サービスの性格上何かと制限が多かったり、逆にお膳立てされすぎていて、そこからさらにもう一歩踏み込みたい人、サーバーの知識を増やしたい人には物足りないかもしれません。

そういう方におすすめするのがVPS(バーチャル・プライベート・サーバー)です。

最近になって月額1000円前後のプランも登場するなど、価格もこなれてきたこともあって、にわかに盛り上がりを見せているVPSですが、共用サーバーとはどのような違いがあるのでしょうか。

「仮想化技術によって、共用サーバーを...」などという詳しい説明は、IT用語辞典などに譲るとして、個人で借りることを考えた場合、共用サーバーとVPSの一番の違いは管理者権限があることではないでしょうか。

共用サーバーとVPSの違い

サーバーの設定に制限の多い共用サーバーと違って、管理者権限のあるVPSであれば、サーバー一台をまるごとレンタルする専用サーバーのようにサーバーの設定をカスタマイズすることができるのです。


webディレクターがVPSを利用する4つのメリット


では、WebディレクターがVPSを利用すると具体的にどのようなメリットがあるのでしょうか。以下にご紹介したいと思います。

1. コマンドの習得が可能


Webディレクターが普通にPCを使って作業をするぶんにはなかなか触れる機会のないコマンドプロンプトやターミナルを利用したコマンド操作ですが、サーバーの操作をするには必須の操作となってきます。業務で利用しているサーバーに初心者がアクセスしてコマンド操作でサーバーの設定を変更...などということはまずありえないと思いますが、それゆえに始めるきっかけをつくってあげないといけません。

個人的にVPSを借りている場合には、まずはコマンドの習得から始めるのがよいでしょう。(といっても、設定にはくれぐれも慎重に!よく調べたうえで自己責任で行なって下さい。)

2. 自分好みの環境を作れる


昨今は、高機能なWebアプリケーションもオープンソースで提供されているのだから恐れ入ります。中には試してみたいアプリもあるとは思いますが、共用サーバーの場合、サーバー要件によってはインストールを断念しなければならないこともあります。

一方、環境設定の自由度が高いVPSの場合、サーバーの要件に必要なモジュールなどをインストールすることによってたいていのものはインストールが可能です。その上でそのWebアプリが業務に使えるかどうかじっくり検討してみたり、サイト制作のアイデアの参考にすることができます。

また、職場で利用しているRuby on Railsなどのwebアプリケーションフレームワークがあるなら、それをインストールしてフレームワークによる開発を疑似体験するのもよいかもしれません。実際の制作過程を体験するだけでも開発のイメージがつきますので、エンジニアさんとのコミュニケーションもより円滑になるかも知れませんね。


3. WebDAVを使ってパーソナルクラウドにも


SDカードに数十ギガのデータが入る時代ですから、何かとデータ量が増えがちな世の中ですが、大切なデータはローカルだけでなく、サーバーにもバックアップをとっておくと安心です。 WebDAVを利用するとあたかも外付けHDDの感覚でサーバーを利用することができます。またWebDAVとSVNなどのバージョン管理システムを組み合わせることによって、なんちゃってDropbox的なサービスを自分で作成することも可能です。

4. サーバーエンジニアとの意思疎通もスムーズに


と、 ここまで来ると、サーバーエンジニア(ホスティングしている場合はサーバーのサポート窓口)ともかなり意思疎通ができるようになっているはずですし、サーバー環境を構築する過程で発生する作業についても具体的なイメージを持てるようになっているはずです。これにより、前述したようなコミュニケーションミスによる手違いや抜け漏れなどにも気づきやすくなり、事前にトラブルを回避することにもつながるのではないでしょうか。

一番重要なのは、「自分がわからないところはどの部分なのか」がわかるようになるということでしょうか。


ここまで述べたとおり、Webディレクターがサーバーの知識を増やしていくのに有用なVPSですが、個人で利用するとはいえ専門知識を要するので、サーバー設定はくれぐれも慎重に行って下さい。

ちなみに弊社でもVPSサービスEX-LITEを提供しています。こちらは、スケールアウトによる機能拡張も可能なクラウドサービスとなっておりますので、これからのトレンドであるクラウドを体験したい方にもおすすめです。是非一度お試し下さい。(2週間無料のお試しプランもございます。)

main



データホテルでは、サーバーの知識も貪欲に増やしていきたい!というディレクターを募集しています。

【追記】
こちらの参加応募受付は終了させていただきました。
ご応募いただいた皆さま、ありがとうございました。

当選された方には個別にメールにてご連絡させていただきます。


wdm8


さて今年もあと2ヵ月となりました。今年も開催します。Webディレクターの忘年会『Web Director Meetup』。今年でなんと8回目。

今回も幹事をやらせていただきます薮田@yabucccchiです。よろしくです。


■Web Director Meetupとは
※昨年から『ディレクター交流会』から『Web Director Meetup』へ名称変更

この会は、現場のWebディレクター、Webプロデューサーが交流し、ノウハウやこの職種ならではの悩みを相談する情報交換の場です。

会社の垣根を越えてWebディレクター、プロデューサー、プランナーが交流を通じ、切磋琢磨することでこの職種の人達のモチベーションアップや、レベルアップをはかりたい。

そんなこんなでWeb業界を活性化できればよいなと思います。
(発起人:yabucccchi)

「最近仕事で悩んでるんだよなー」ということに対して、「うちの会社でもそのケースある!」という"ディレクターあるある"なんかも毎回飛び出します。この会をきっかけに転職する人もいるみたいですよ!

「他社はどんな仕事してるんだろう」「俺のこだわりを聞いてほしい!」などなど、現場のディレクション、プロデュース、プランニング業務について熱くしゃべりたい人はぜひお越しください!

また、配布エリアを設けますので、宣伝したい方はノベルティなどご自由にお持ちください。今まで同様、『Web Director Lightning Talk』や『インターネット大好き選手権』も実施予定です!

ちなみに昨年の様子はこちら

1年のディレクション納めをみんなでやりましょう。

日時や場所

IMG_0115

【日時】
2012年12月13日(木)19:00開場 19:30開演 22:30終了予定

【場所】
NHN Japan株式会社 オフィス内カフェスペース
〒150-8510 東京都渋谷区渋谷2-21-1 渋谷ヒカリエ 27階

Access:
東急田園都市線、東京メトロ副都心線「渋谷駅」15駅出口直結
東急東横線、JR線、東京メトロ銀座線、京王井の頭線「渋谷駅」2F連絡通路で直結


参加について


【定員】
150名

【参加費】
3,000円
※当日に現金で回収いたします。
※領収書が必要な方は当日受付にてお伝えください。

【参加条件】
Webディレクター、Webプロデューサー、Webプランナー。※元も可です。

【締切り】
2012年11月27日(火)18:00まで

※申込多数の場合抽選とさせていただきます、当選者へは11月29日にご連絡させていただきます。
※Lightning Talk参加者は11月15日(木)18:00に締め切らさせていただきます。

【協力】
NHN_logo_WH01

gree

DeNA

今回は、NHN Japan株式会社、グリー株式会社、株式会社ディー・エヌ・エー(DeNA)の3社に運営のご協力をお願いさせていただきました。ありがとうございます。

申し込みについて



申し込みは終了いたしました。


大枠の予定




・懇親会
・クイズ大会
・Web Director Lightning Talk

 ※詳細は後日更新します

以前から「知らない人と交流できるしかけがほしい」との意見をいただいておりました。その意見を踏まえ、前回も好評だったクイズ大会をチーム対抗戦で実施します。優勝チームには株式会社ディー・エヌ・エー(DeNA)様提供の豪華な景品があります!

それでは、みなさまのご参加をお待ちしております!

Web Director Lightning Talkについて




【参加者方法】
応募時に選択項目があるので事前にお申し込みください。
(Lightning Talkで話したいですか?という項目で「はい」をお選びください。)
締切も同日です。人数が多い場合は抽選となりますので、当選者にはこちらからご連絡させていただきます。

【テーマ】
『Webディレクション』

イメージが沸かない方は昨年のみなさんのお題をご参考ください。
http://blog.livedoor.jp/ld_directors/archives/51716182.html

自分がディレクションするときの心得や、プロジェクトやサービスをリリースするまでの苦悩(そこで工夫したこと)などなど!他のディレクターの役に立つことをプレゼンするとウケがいいかもしれません!

【制限時間】
5分

【賞品】
ベストトーク賞(1名)
賞品:iPad mini(予定)
提供:グリー株式会社

【審査方法】
この会の参加者の皆さんによる投票制



以上です!

いままで来たことがある人も、そうでない人も、
みなさま楽しめるような会にしたいと考えておりますので是非ご参加ください。

不明点あれば、問い合わせは@yabucccchiまで!

こんにちは。最近はウェブディレクターだけでなく人材系の仕事もしています。薮田@yabucccchiです。

職務柄、新卒の学生やウェブディレクターの採用面接をすることが多く、社会人になってからトータルすると、老若男女さまざまな人を面接してきました。

そんなわけで、今回は私の過去の経験を踏まえてウェブディレクターを面接する方に注意してほしいポイントを紹介したいと思います。

※NHN Japanの面接の極意ではありません。この注意事項を攻略しても当社に受かるわけではありませんのでご注意ください。あくまでも一般的な参考例としてお読みください。

面接は見るだけでなく見られている




面接は人と人との対話。面接官が審査するのも当然ですが、面接を受けている人も面接官を見ています。傲慢な態度はNGです。

初対面だとだれでも緊張していますし、第1印象でダメだと思っても数分で終わるのはやめましょう。深く話していくことでお互いの空気感や相性を感じてくることもあります。例えばユーザーインタビュー、市場調査と思って自社のサービスのことを色々聞いてみてください。その人の良さも別の視点でみつかるかもしれません。サービス改善案が得られれば2度美味しいです。

事前に職務経歴書に目を通す




面接中に職務経歴書に目を通しすぎて、応募者の話を聞いていないということはありませんか?

文章に目がいってしまうと、話に集中できないだけでなく、表情や目線が見えないので人格、性格面の判断がしずらくなります。どうしても職務経歴書を見る時間が無いのであれば、直前であっても職務経歴書を読み込んでから面接の部屋に入りましょう

また、相手の希望年収がわかるのであれば事前に把握しておきましょう。「この希望年収であれば、これくらいのことはわかっていてほしい。意識してほしい。」というような、会話の基準を持つことができるからです。

できれば即決




選考に時間をかけることはお互いにとってマイナスです。時間をかけても判断材料は増えませんし、出会ったときの印象が薄れてしまいます。印象が薄れた状態で雑念が入ってしまうと判断を誤ってしまいがちですし、深く考えても合否の結果はそんなに変わりません

1次面接であれば、2次面接の途中や最終面接までに決裁者に相談すればいいのです。また、待たせることで会社のイメージが悪くなりますし、結果が早いとイメージがよくなります。選考される立場になればわかりますよね。選考を早くすることはお互いのメリットにつながります

ブログやソーシャルメディアでの発言に惑わされるな


web上の活躍に惑わされるな

前項目と矛盾しますが、ソーシャルメディアやブログで事前に調べすぎるのもよくありません。素晴らしい考えをインターネット上で発信していて、仕事ぶりもともなっている方はたくさんいます。

しかし中には「ブログでいいことを書いているのに、実際に働いてみると理想だけ言って行動しない・・・」というようなケースも少なくありません。これはデザイナーやエンジニア以外の職種でまれに聞く話です。情報発信の力とディレクション能力は必ずしもイコールではありません。事前情報はひとつの参考として、面接でのやりとりに注力しましょう。

最後は相性


スキルや実績は過去の話を聞いてるとある程度はわかります。重要なのはその人と働くイメージが持てるか、会社にあっているかどうかです。スキルや人格面だけの判断であれば、現場の人間が面接に出る必要はありません。実際に働いている人たちとの相性がどうかを見切るのが現場担当面接官の最大の役割です。スキルや人格が良くても、自分たちのチームに合いそうになければお断りする方が、お互いのためになると思います。

例えば、中途採用であれば今までの仕事の中で一番テンションの上がった話を聞いてみましょう。賛同できるようであれば相性がいいかもしれませんね。


おまけ


みなさんは、相手の人間性を引き出すとっておきのQuestionを持っていますか?新卒の面接の際に、私が時々やってみる質問があります。

Q:「この面接が終わったらtwitterでなんてつぶやきますか?」

最近だとfacebookだったりもしますが、この答えが実は多種多様でその相手のいろんなものが見えてきたりします。よろしければ是非おためしください。


NHN Japanではサービスだけでなく人を見る目がある人を募集しています。

スラムダンク(SlamDunk) ミニフィギュア 全5種類セット


こんにちは、佐々木です。

今回、ディレクターブログ編集部から「チームビルティングについてなんか書いて」というリクエストをもらいましたので、プロダクトマネージャーとして意識している「フロー(ZONE)理論を活用したチームビルディングの考え方」というのをまとめてみたいと思います。

まずこの「フロー」という言葉ですが、Wikipediaによるとこういう意味だそうです。

人間がそのときしていることに、完全に浸り、精力的に集中している感覚に特徴づけられ、完全にのめり込んでいて、その過程が活発さにおいて成功しているような活動における、精神的な状態をいう(ZONE、ピークエクスペリエンスとも呼ばれる)

フロー - Wikipedia

スポーツ選手のインタビューなんかを読んでいると、よくこういう話が出てきますね。野球選手が「ボールが止まって見える」とかいうのも、これにあたるんじゃないかと思います。ではこの状態を、個人ではなくチームに、スポーツではなくビジネスにあてはめるとどうなるでしょうか。

仕事をしていると、「ものすごい集中力が続いて、素晴らしいアイデアがどんどん湧き出て、仕事もスピードアップし、業績もどんどん上がり、チームの誰もが一体感を味わい、気分が高揚して楽しくてしょうがない」という状態を経験することがあります。チームがこういう状態になってしまえば、もう怖いものなしです。プロジェクトはきっと高い確率で成功するでしょう。

では、プロジェクトマネージャーとして、どのようにしてその状態を作り出せばよいのか?

この理論を提唱したミハイ・チクセントミハイ博士は、フロー体験の要素として以下の8項目を挙げています。

1. 明確な目的(予想と法則が認識できる)
2. 専念と集中、注意力の限定された分野への高度な集中。(活動に従事する人が、それに深く集中し探求する機会を持つ)
3. 自己に対する意識の感覚の低下、活動と意識の融合。
4. 時間感覚のゆがみ - 時間への我々の主体的な経験の変更
5. 直接的で即座な反応(活動の過程における成功と失敗が明確で、行動が必要に応じて調節される)
6. 能力の水準と難易度とのバランス(活動が易しすぎず、難しすぎない)
7. 状況や活動を自分で制御している感覚。
8. 活動に本質的な価値がある、だから活動が苦にならない。

フロー - Wikipedia

とのこと! たくさんあって、何のことかわかりませんね。
というわけで実際に、このフロー理論を、チームビルディングの方法論に置き換えていきましょう。


1. 明確な目的


615x915mm数字差込み式記録板(目標日数)


プロジェクトの目的を明確にしましょう。
そして、それを額に飾ってオフィスや寝室やトイレに貼り(それができなければ、メールの署名や、イントラのTOPページに特大のフォントで書く!)、誰もが目に見えるところに常に置いておきましょう。


2. 専念と集中、注意力の限定された分野への高度な集中


kiko+ tanabata(キコ たなばた 七夕) 星形ドミノセット 木製 積み木 木のおもちゃ ドミノ倒し 出産祝いや誕生日プレゼントに!


兼務は禁物です。
優秀なマルチタスク人間にはいろんな業務をお願いしたくなりますが、なるべくひとつのことに集中させましょう。また、チームとしても、その場その場でひとつのことに集中しましょう。


3. 自己に対する意識の感覚の低下、活動と意識の融合。


この項目は、博士が何を言っているのか理解できなかったのでパス。仕事やチームへの応用方法がわかりません。


4. 時間感覚のゆがみ


ポスター サルバドール ダリ 記憶の固執 (柔らかい時計) 1931年


過酷な長時間労働、深夜に至る残業、過酷な休日出勤。まるで悪者のように言われるこれらの働き方だって、フロー状態に突入するためには必要なタイミングだってあります。全てを投げうって取り組む時、個人でも、チームでも、ものすごい成果が出ます。


5. 直接的で即座な反応


オムロン 婦人体温計 MC-642L-W ホワイト【ウェルネスリンク対応】


数値のアップダウンは即時共有。グラフ! グラフ! グラフ!
そして、よくできた仕事はすぐ褒める。メールでは遅すぎたり、堅苦しくなりがちなので、YammerやFacebookなどのクローズドなグループでの「いいね!」が大活躍します。


6. 能力の水準と難易度とのバランス


室内鉄棒 子供用 SGマーク付 折りたたみ式 ワンタッチトレーニング鉄棒


簡単な仕事にはテンションがあがらない。難しすぎてでも前に進まない。
いつも、一歩だけ先にある難しい目標を設定しましょう(させましょう)。
グラウンド10週を命じられてぎりぎり走り切ったと思った最後に課せられる追加の1周、あれが効きます。


7. 状況や活動を自分で制御している感覚


T500 RS GT RACING WHEEL


権限委譲。その仕事の品質に責任を持っているのは、他ならぬ自分なんだという当事者意識が大事です。
仕事を手伝う「ティーチング」ではなく、行き先を示してあとは自分で考えさせる「コーチング」を心がけましょう。


8. 活動に本質的な価値がある、だから活動が苦にならない


超造形魂 秘密戦隊ゴレンジャーVOL.2(BOX)


いいか! 俺たちは世界でもっとも価値のある仕事をしているんだ! 世界を変えるんだ!
リーダーがそれを信じて、堂々と公言しましょう。
それがチームに活力を与えます。


まとめ


以上、いかがだったでしょうか。すでに実践しているよ、という項目も多いと思いますし、まだのものでもすぐに実践可能なことばかりだと思います。しかし、だからといってフロー状態を作るのは簡単なことではないですが、よりよいチームビルディングのための、なんらかの参考になれば幸いです。私も精進したいと思います。

ちなみに、昨年末に(当時はまだ「株式会社ライブドア」でした)、「ADMIN Nite」という勉強会をやりました。普段は直接の担当者しか見ることのできない各サービス毎の管理画面を、チームを超えて紹介し合い、迅速な数値共有のノウハウを交換しました。それ以来、社内の管理画面のレベルアップのスピードがあがり、チーム運営に大いに役だっています。これは、「5. 直接的で即座な反応 - グラフ!グラフ!グラフ!」を意識して行った勉強会だったのですが、予想以上に効果がよかったので非常にお薦めです。

もうひとつ。「Growth Hacker」や「Metrics-Driven Engineering」などのキーワードで検索すると、数値共有による様々な効能が語られた資料が見つかります。以下に関連リンクをリストップしましたので、ぜひあわせてご覧ください。


関連リンク


Facebook/Quoraの場合


イベントまとめ建設予定地-Facebook、Quoraのユーザー獲得チームの秘密 / ウェブ狂の詩 - @takejune
ユーザー獲得をハックする - TechCrunch Japan
Webサービスの運営のために欠かせない新しい役割「Growth Hacker」とは? - Six Apart ブログ

Etsyの場合


Web Performance Culture and Tools at Etsy
Metrics-Driven Engineering

漫画の場合


昴 (1) (ビッグコミックス)昴 (1) (ビッグコミックス)
著者:曽田 正人
販売元:小学館
(2000-06)
販売元:Amazon.co.jp
クチコミを見る



NHN Japanでは、「ボールが止まって見える」ディレクターを募集中です。