LINE Corporation ディレクターブログ

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

こんにちは。結婚紹介サイト「youbride」を担当しているWebディレクターのtantanと編集ディレクターのP子です。

「youbride」発のスマートフォンアプリ「だめ彼診断」。をご存知ですか?
私たちが制作を担当したのですが、おかげさまで、独身女性のハートを掴むことができ、「AppStore無料エンタメカテゴリ」で1位という大ヒットとなりました!
しかし、私たちの通常業務は主に「youbride」のサイト運営と編集。アプリ完成までの道のりは、正直わからないことも多く、日々が試行錯誤でした。そんな状況の中、ヒットアプリが誕生したプロセスをご紹介しようと思います。

00_だめ彼TOP

そもそも何故、アプリを制作したのか?
―Webディレクターtantanが語る―


「だめ彼診断」誕生のきっかけは、「youbride」のブランド見直しにありました。その際、担当していただいた「えとじや」さんのカウンセリングの中で、いわゆる「婚活サイト」の利用を女性が決意するタイミングのひとつとして、以下のような心情が強く作用するとのお話がありました。

「カレがまだ結婚する気がないことに気づいてしまったから」
「失恋した・・・」


これはおそらく、女性であれば共感できる衝動なのかもしれません。「失恋」はともかくとして、前者の「今カレ」に対する一種のあきらめがその動機につながるという事実。これは男である私にとって新鮮な発見でした。
しかしながら、逆の立場から考えてみると容易に理解することができました。「結婚にメリットを見出せない」「結婚に踏み切る勇気や覚悟がない」といった理由から、男性はついつい時間延長をオーダーしてしまいがちです。そんな彼氏の、曖昧で事なかれ主義の態度を女性が見抜けないワケがありません。恐ろしいことに、何かを悟った女性は水面下で静かに活動を開始するのです。

ここでひとつのひらめきがありました。なるべく早期の結婚を望む女性にとって、出産やモテ期にタイムリミットがあることは少なからず意識が及んでいるはずです。すなわち、いたずらに結婚を先延ばす「今カレ」にしがみつくことは時間のムダであり、さっさと見切りをつけて別の男性との幸せな恋愛を模索すべきではないのか。この視点に立って、「だめ彼診断」アプリは生まれました。

あなたの幸せを知らぬ間に奪っている、あなたの周りにいるだめ男たちの傾向が分かる診断アプリ


この極めて明確なテーマを企画書に落とし込むまでに、あまり時間はかかりませんでした。また、「だめ男」と言えばこの方! というところで、監修として『だめんず・うぉ〜か〜』の作者“くらたま”こと漫画家の倉田真由美さんにご協力を打診。ありがたくも快く受けていただき、企画はスタートしました!

女心をつかむ方法とは?
―エディターP子が語る―


入社2日目。
「P子さんって、編集者だよね? くらたま先生が書いてくれた原稿を見てもらって、できれば意見をもらえないかな?」
というディレクターtantan先輩の依頼により、アプリチームでの仕事がスタートしました。「独身」「素敵な彼と結婚したい♥」「だめ彼にはまった経験あり」と私自身がターゲットに近しい存在(笑)だったので、仕事にすぐのめり込んでいきました。担当は、主にクリエイティブ面の「原稿」と「デザイン」のチェック。

まず原稿ですが、私が大事にしていたポイントは、「女性たちが診断結果を目にした時のインパクト」です。「インパクト」を出すために徹底したことは、穏やかな表現を避けること。あえて辛口で現実を見据えた内容を入れることにより、独身女性の心に響くと考えたからです。これらの内容をどう具体化したのかと言うと、十数人の独身女性(さまざまな職業の友人)と逢い、恋愛トークをし、その中で「辛口具合」「どのくらい現実味のあることを入れるべきか」を判断しました。

前職でファッション誌の編集をしていた頃、必ず原稿を書く前にアイテムの特徴をチェックし、試着をし、プレスの方へ取材をしていました。この経緯を経て原稿内容が明確になるので、今回も同じプロセスを踏めば「インパクト」という曖昧なテーマも具体的になるかもしれないと考え実行しました。結果、ある程度自分の中で基準ができたので、くらたま先生に考えを伝え、原稿のブラッシュアップをして頂きました。

デザインですが、実は100点満点ではないと思っています。何故、未完成だと思っているものを世の中に出したかというと「新しい試みに挑戦するスピード感」「現実的に迫る納期」を優先させたからです。この2点を優先させつつもどうしても譲れなかったのが全体の「色」です。前職時代、色で印象が大きく変わるということを学んできました。当初は、ダークトーンでまとめられ暗い印象でしたが、女性になじみ深く、今年流行しているピンクを盛り込むことにより、明るさを出すようデザイナーへお願いをしました。ベビーピンクとコーラルピンクの2色を使い分けメリハリもつけたのもポイントです。すると「なんか印象が全然違いますね! さっきの色よりもやってみたい気持ちが増しますね」とヒアリングを依頼した女性から評価を頂きました。

以上のことからお分かりの通り、アプリのクリエイティブ知識は0でしたが、なんとか形にすることができました。


リリースまで秘話 その1
「全然面白くない!」とボロクソに言われた部内レビュー会
―エディターP子が語る―


部内のプレゼンテーションは、tantan先輩の担当。「アプリの使い方」と「原稿の内容」をひと通り説明すると、男性ディレクターから「つまらない!」「もっと原稿を過激にしなよ」といったお声が多数挙がりました。先輩方も良いアプリを世の中に送り出してほしいという熱い気持ちを持ってくれていたので、私たちと意見がぶつかり合いました。もちろん、自分よりも経験のある先輩方のアドバイスは大変貴重です。
ただ、今回に限っては女性をターゲットとしていて、しかも恋愛という繊細なテーマを扱っています。部内は、男性が多く「男性目線」であることは間違いありませんでした。それを察知したtantan先輩と私の上司、女性ディレクターのOさんと部長の助けもあり、女性目線を大切にするという結論に至りました。そのため、すぐさま他部署の独身女性にアプリを使ってもらい、ヒアリングをしたところ大変好評だったので、その結果を報告し、リリースをすることになりました。

リリース後、ダメだしをした先輩方は、tantan先輩と私に「すごいな! アプリ好調で! 俺、全然女心をわかっていなかったよ。もっと女心を勉強しないとな 笑」と声をかけてくださいました。このようにお互いを認め合い、意見交換を気軽にできる部内の関係性は、弊社の強みだなと入社数ヶ月で強く感じました。

リリースまで秘話 その2
反省点はスケジュール管理
―Webディレクターtantanが語る―


電話での会話
tantan「P子さん、いまどこにいるの?? コンビニにしては遅くない?」
P子「コンビニじゃないですよ、なんと合コン中です♥」
tantan「ごめん、急に校了しないといけなくなっちゃって。言い忘れてた…。メールで送るから原稿を見てもらってもいい?」
P子「お、原稿きたのですね! では今から会社に戻りますよー!」

というP子さんが合コンを抜け出すエピソードがありました。(あのとき、P子さんと合コンをしていた男性方、すみませんでした。この場をかりて謝罪します)

上記のエピソードが物語る通り、スケジュール管理をしていたものの、正直ドタバタでした。連日のくらたま先生とのやり取りやその他、外部の方々との打ち合わせなど今思い返すと、その場の仕事をこなすのが精一杯でした。
人間、初めてのことに対しパーフェクトにこなせる人はいないと思っています。なので、アプリ進行もここでしっかりと学んだので次回のアプリ制作に生かそうと思っています。

どんなアプリが完成したのか
―Webディレクターtantanが語る―


以上をもってリリースに漕ぎ着けた「だめ彼診断」は、App Storeでの公開からわずか一週間で10万人以上の方に使っていただくことができました。これだけの注目を集められた要因は単純ではないかもしれませんが、やはり話題性のあるテーマに特化したことで、多くのメディア様にニュースとして取り扱っていただけた部分が大きいと考えられます。特に、今回は広告宣伝費ゼロで挑んでいることもあり、ツイッター等を介してのバイラル効果も少なからず寄与していると言えそうです。

さて、事が後先になりましたが、この「だめ彼診断」アプリを簡単にご紹介させていただきます。診断はセルフチェック形式になっていますので、男性女性問わずお一人でも楽しむことができます。

◆やり方はとても簡単。名前を入力し、15の質問に「YES」か「NO」で答えるだけです。


01_診断中画面


◆自分の恋愛タイプはもちろん、陥りやすいダメ男のタイプが一発でわかります。


02_診断結果(女性)


◆男性も診断することができます。「ダメ男度」をチェックしちゃいましょう。


03_診断結果(男性)


◆男女のデータがそろったら、掛け合わせで相性診断も可能です。


04_診断結果(相性診断 結果)



将来につながる恋愛、幸せな結婚をしたいと願う女性に警鐘を鳴らしてくれるこのアプリ。実は、女子会や合コンなどのパーティシーンでも使っていただけているようです。メンバー同士での相性診断もできますので、男女で盛り上がるためのネタとしても申し分ないですよね。この記事を通して興味を持っていただけた方、「なんぼのもんじゃい!」という方(笑)も、ぜひこの機会に「だめ彼診断」をお試しください!

Webディレクターtantan

「ライブドアでは、スマートフォン事業に力を入れています。この新領域へ共に挑戦してみませんか? アプリ開発・サービス企画、挑戦できる環境をご用意していますので、ご応募お待ちしております」

エディターP子

「入社年次関係なく、積極的に働けば、どんどんチャンスを頂ける会社です。私のように入社2日目からチームの一員として温かく迎えてくれるのですから。積極的に仕事に取り組める方のご応募をお待ちしております」

こんにちは。コスプレイヤーのコミュニティサイトCureで制作ディレクションをしている浪越です。
今回はモバイルとスマートフォンへの最適化を通じて感じた、ユーザーと運営側が持っている理想の違いについてお話させて頂きます。

ユーザーの求めるものはコンテンツ側の想像と違うことが多い


以前のCureのモバイルサイトは、青を基調のテキストベースのすごくシンプルなサイトでした。
そこで『もっと見た目をリッチにして、ロゴのカラーになっているピンクを基調にしてユーザー層に合いそうなかわいいデザイン』を作りました。

そこで得た反応は・・・
  • 姫系みたいで、かわいすぎる
  • 男だとサイトを見るのも恥ずかしい
という残念なものでした。
ユーザーの年齢層、性別から好みを想像して作り上げたつもりが、結果的には作り手の意識が強く出過ぎて失敗したいい例となりました。

その後すぐにネットで見つけたユーザの意見から、
  • シンプルなデザイン
  • ユーザーが一番みたい画像を邪魔しない色使い
を考慮して改善版を再度公開することになりました。
現在のモバイルサイトは、ベースカラーに灰色と青緑を使い全体のトーンを落としてあります。これによりユーザーからの見づらいという意見は大幅に減りました。

モバイルの変更前と変更後

cure_img

この前例があったため、8月にリリースしたスマホ版に関してもデザインに対してとても気を使いました。
ベースカラーは青緑、背景には薄いグレーを用いるようにして画像を邪魔しないトーンに抑えました。

モバイルでの反省を生かしてのカラーバランス

sp_cure01 sp_cure02

ロゴとはいっさい違う色のため、一瞬Cureのサイトのイメージとは異なる印象を受けるという意見もありましたが、見やすさを重視した結果このバランスに落ち着きました。

一番大事なのはユーザーにとってのよいサイト


今回のケースでは、運営側の想像するユーザーと実際のユーザーで「デザインに対して求めること」に大きなギャップがありました。

このように、サービスに自信を持つことは大事ですが、その反面、問題点に気付きづらくなることがあります。
その解決方法は色々とあるかと思いますが、具体的には以下のようなことからはじめてみると良いと思います。
  • 初心に返って、ユーザーにとっての価値は何かを考える。

  • 競合サービスと比較し、客観的にコンテンツを見つめる。

  • 問い合わせやソーシャルメディア上での言及などから、ユーザーの生の声に耳を傾ける。
ディレクターとしてはもちろん、サービス運営に関わる人間として『”慣れること”に慣れない』は永遠のテーマだと思っています。なぜなら、大切な物事を見落としてしまうの原因の多くは、その”慣れ”ではないかと思うからです。

これからライブドアに入ってくる新しい人の意見は、ひとつのものを多角面から観察するための大事な目になります。いままでユーザーとして使っていた人のまっすぐな意見が、コンテンツを磨くための大事な意見になると思っています。

もし、ライブドアのコンテンツを運営してみたいと感じた人がいれば、今思うコンテンツへのいい点/悪い点をまとめてエントリーしていただきたいと思います。そして是非、いい所があればもっとのばすために、悪い所があれば改善するためにライブドアに入社してきてください。

自分のコンテンツに愛情を持って、常に自問自答ができるディレクターの応募を待っています!

こんにちは、櫛井です。

陰と陽、正義と悪、肉食と草食、いつの世も相反する要素というのはありますがいずれも表裏一体ともいえます。今回は、ディレクターとして身に付けておきたい「客観的な視点」について書いてみたいと思います。


客観的な視点はなぜ必要?


Webのディレクターをしていくと様々な役割を求められますが、一番大きな役割は「プロジェクトをゴールさせること」ではないでしょうか。企画だけうまくいっても、開発だけうまくいっても、結局は設定したゴールに辿り着かないことには意味がありません。プロジェクトメンバーには様々な考え方の人が集まりますが、その時にチームを引っ張る力とはなんでしょうか。私は客観的な視点から生まれる説得力であると考えます。

また、自分以外の誰かに「なぜこうなのか」を説明する時にも「え、いいと、思ったから…」では説明になりませんね。あらかじめ様々な視点 (とくに自分とは相反する視点) を想定しておくことで理論武装も可能になるというわけです。


相反する視点で考えること




では、具体的にどういった相反する視点で見るのか、5つほど例を挙げてみます。常に自分はしがらみが何もないフラットな状態でありつつ、本気でその考え方になってみるのがコツです。Webサイト制作をしていくうえでありがちな例と、そういった視点で見ることによってどういった効果が期待出来るのかも書いてみます。

1. ポジティブ・ネガティブ


これはとにかく良いところばかりを列挙してみる、逆に悪いところばかりを列挙してみるというものです。例えば、人気のあるサイトを見て良いところ、悪いところを5つずつ具体的にあげてみるとよいでしょう。

→悪いところを理解したうえで良いところをアピール出来るのは大事ですし、最終的に良いところが欠点を補っていたりすればOKではないでしょうか。


2. 最小・最大


いつだって予定通りに物事は進まないものですが、もしも予定している数よりも少なかったら、想定よりも多い数だったら?というのを本気で考えます。「ユーザーが半年間全然増えなかったら?」「1日に300万人が突然きたら?」「入力フォームにツールを使って文字数制限を超えた情報を入れられたら?」色々と考えられることはありそうです。

→具体的に数値に落としこんで考えておくと対処方法にも当事者意識を持てるはず。半年間流行らなかったら判断は早めにしたほうがいいですし、想定外にアクセスが来た時はどういったフローでサーバを追加するのか、入力フォームのデバッグ方法などあらかじめ考えておけそうです。


3. 善意・悪意


残念ながら世の中は善意だけで成り立っているわけではありません。何かを提供する側は性善説ではなく、悪意を持ったユーザーがいた場合にどういった対処が必要かを考える必要があります。「サイト上で収集した情報を表示する範囲をどこまでにするか」などは明確な悪意を持って見てみると、ちょっと考えこんでしまう場合もありますね。

→普通はやらないだろうけど嫌がらせをしようと思って見た場合にどういったリスクがあるか考えてみて、リスクを把握しておく意味でもよいでしょう。


4. 正しいか・正しくないか


なにか新しいことをしようとする場合、今までに無いことをするわけですから判断に悩むことも多いかと思います。ただ、社会通念上その行為が正しいかどうかというのは常に考えておくべきでしょう。

→ディレクターが軽い気持ちでやっていても、会社の看板を背負って仕事としてやる以上は影響力というものが大きくなります。あなただけの責任で終わることではないことに発展しないか、よく考えてみましょう。


5. 論理的・感情的


ここまでは論理的に2つの視点で来ていますが、これはもう人間である以上仕方がないものも認めようという視点です。論理的に考えて結論はわかっている、だけど俺はこうしたい!と感情的になるのも時にはよいでしょう。直感も時には大事ですよね。

→数字だけで割り切れるほど生きて行くことは簡単ではない、ということです。


おわりに


客観的視点というのは「あの人ならどう思うだろう?」「こういう状況のユーザーならどう感じるだろう」ということを想像することでもあります。また、例で出したように真逆の目線で常に同じものを見てみようとする行為は「こういった考え方もありそうだな」と自分の視野も広げてくれるでしょう。

テキストだけで書くとなかなか難しそうに思えますが、トレーニングで身に付くことですので皆さんもちょっと意識してみてください。

ライブドアでは数字と熱意を自在に操ることが出来るディレクターを募集しています。来たれ若人!

こんにちは、「livedoor Blog」を担当している吉沢です。

スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。

livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。

アクセスシェア〜ライブドアの場合


まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。

1年前と比べると、iモードブラウザ2.0が逆転して急激に増えています。また EZweb の KCP が減少し、KCP+以上が増加傾向にありました。Yahoo!ケータイは2年以上機種変更していない人が多いようでした。

gurafu_01gurafu_02
gurafu_03gurafu_04

ケータイCSSやコーディングの今昔話


ケータイの CSS は、機種依存が多く、キャリア別やブラウザバージョン、OS 別で使える style や指定方法が異なります。

外部 CSS 対応有無やフォントサイズ、画像の回り込み、罫線などの指定方法が異なっていたので、それらを補完する仕組みを自社で開発して採用していましたが、2009年夏モデルより登場したiモードブラウザ2.0と KCP+以上の普及により、補完する仕組みがなくても、3キャリアほぼ共通で CSS を書くことが実現できるようになってきました。

◆これまでのケータイCSS特徴


こちらの「【03】コーディングについて」をご覧ください

◆iモードブラウザ2.0の特徴


PCに近い表現をするCSSかつ、EZweb と Yahoo!ケータイで使えていた CSS が、iモードブラウザ2.0で使えるようになっています。
  • MIME タイプの XHTML 設定がなくても CSS を認識して、HTML タグの共存が可能
  • 外部 CSS、head へ style まとめ書きに対応
  • body の background-image の並び方、表示位置の指定が可能
  • box に margin、padding、border、background-image などの指定が可能 (これ一番重要!)
  • list-style-image や line-height の指定が可能
※詳しくは「作ろうiモードコンテンツ」i-CSS2 対応属性一覧をご覧ください。

◆まめ情報


EZweb の KCP の大半は来年の7月で終了するため、うっかり table を入れ子にしても内容が表示されないということがなくなり、フォントサイズがピクセル指定でないと反映されなかったのが、small/medium/large などのキーワード指定も可能になってきました。

3キャリア共通CSSの考え方と事例


livedoor Blog の場合、iモードブラウザ1.0のシェアを対象外にするにはまだ多い数なので、iモードブラウザ1.0とそれ以外 (iモードブラウザ2.0/EZweb/Yahoo!ケータイ:以後リッチブラウザと仮に呼びます) に、ポイントとなる部分だけ表示の切り分けを行います。

非対応の CSS は無視して表示されるクセを利用して、見た目のリッチさや視認性のアップなど見やすくなるためのコーディングをしています。

【1】ホワイトスペースを margin や padding、br、spacer.gif で使い分ける

jirei_01-2

以前は、br だと広すぎるホワイトスペースの代用として、表示スピードの問題からbgcolorと同じhrを使用していましたが、margin や padding に徐々にシフトしてきています。

この場合、すべてのケータイでホワイトスペースがほしいと思ったので、spacer.gif を使用しています。

jirei_01-1

一覧表示のリンクとリンクの間に padding を入れていて、iモードブラウザ1.0は無視して表示されます。

paddingが反映されなくても background-color を交互に指定しているので、iモードブラウザ1.0で読みにくいということは少ないと思いますが、アクセスシェアの多いリッチブラウザに向けて、さらに可読性があがるようにと padding を入れています。

◆すべてのケータイに表示するソース


<div style="margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;"><a href="http://blog.m.livedoor.jp/dqnplus/">痛いニュース(ノ∀`)</a></div>
<div class="padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px;background-color:#efefef;"><a href="http://blog.m.livedoor.jp/news4vip2/">【2ch】ニュー速クオリティ</a></div>


【2】borderを使用した見出しの装飾

jirei_03-2

iモードブラウザ1.0のときだけ spacer.gif に背景色をつけて border の style として代用しています。

すべてのケータイに反映させたいときは、iモードブラウザ1.0のソースを記述してもかまいませんし、border がなくても見出しとして成り立つので、リッチブラウザのソースをiモードブラウザ1.0に記述しても、全体の雰囲気がくずれにくいと考えます。

◆リッチブラウザに表示するソース


<div style="padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px; background-color: #ffef73; color: #ed6f84; font-size: x-small; border-top-style: solid; border-top-color: #ffcc00; border-top-width: 3px; border-bottom-style: solid; border-bottom-color: #ffcc00; border-bottom-width: 1px;"><span style="color: #3cace0;">&gt;</span>&nbsp;マイページ</div>

◆iモードブラウザ1.0に表示するソース


<div style="background-color: #ffef73;">
<img src="/img/spacer.gif" width="1px" height="3px"><br>
</div>
<div style="padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px; background-color: #ffef73; color: #ed6f84; font-size: x-small; border-top-style: solid; border-top-color: #ffcc00; border-top-width: 3px; border-bottom-style: solid; border-bottom-color: #ffcc00; border-bottom-width: 1px;"><span style="color: #3cace0;">&gt;</span>&nbsp;マイページ</div>
<div style="background-color: #ffef73;">
<img src="/img/spacer.gif" width="1px" height="1px"><br>
</div>


【3】boxに背景画像を使用した装飾

jirei_03-3

角丸風の背景画像を使用しているので、box で背景画像を指定して、レイアウトは table で代用しています。
角丸風の背景画像でなければ、table に背景画像を指定してリッチブラウザのみ表示させることも可能です。この場合iモードブラウザ1.0は背景画像が表示されないので、table の bgcolor へ背景画像に近い色を指定する必要があります。

◆リッチブラウザに表示するソース


<div style="background-image:url(frame.gif); background-repeat:no-repeat; background-position:center; padding-top:15px; padding-right:14px; padding-bottom:15px; padding-left:14px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="240">
<tr>
<td width="72" valign="middle">
<img src="thumbnail.jpg" width="72" height="48"  />
</td>
<td valign="middle">
<span style="font-size:x-small;"><a href="url.html">最高に癒される<br>"もふもふ画像"</a></span><br />
</td>
</tr>
<tr>
<td colspan="2" align="right">
<span style="font-size:x-small; color:#999999;">2011-08-19</span>&nbsp;<br />
</td>
</tr>
</table>
</div>

◆iモードブラウザ1.0に表示するソース


<table align="center" border="0" cellpadding="0" cellspacing="3" width="95%" bgcolor="#ffffff">
<tr>
<td valign="middle">
<img style="float:left; vertical-align:top; margin-bottom:0px; margin-left:0px; margin-top:0px; margin-right:0px;" src="thumbnail.jpg" width="72" height="48" /><span style="font-size:x-small;"><a href="url.html">最高に癒される<br>"もふもふ画像"</a></span><br />
<div style="clear:left;"></div>
<span style="font-size:x-small; color:#999999;">2011-08-19</div>
</td>
</tr>
</table>


いかがでしたか?PCサイトをコーディングしている方にはありえない!ややこしい!と思われがちですが、IEや他のブラウザをCSSハックするのと大差ない感じにまでケータイも追いついてきました。

ケータイの margin、padding、border は spacer.gif や table に置き換えることができるので、ひとつのソースですべてのケータイを同じ見た目で表示することも可能ですし、spacer.gif や table の使いどころを工夫すれば、スマートなコーディングも可能になります。

ライブドアでは、スマートフォン・PC・ケータイとデバイスを問わず、全力でUI最適化に取り組めるディレクターを募集しています。

こんにちは。新規開発グループのtakejuneです。

新規開発グループは、その名のとおり新規サービスの開発を担当するグループです。次世代のライブドアを担う「具体的に、人を幸せにするサービス」を生み出すべく日々奮闘しています。
そういうサービスを考えるためのヒントは、古き良きWebサイトの中にも転がっている。今回はそんな話です。

Craiglist』というサービスを知っていますか?

Craiglistは1995年より運営されている、アメリカ最大の"クラシファイド"サービスです。超有名サービスなので、知っている方も多いと思います。

Creiglistは簡単に言うと"地域情報掲示板"のようなサービスです。
このサイトでは、不動産・求人・チケット・家具・洋服・ペット・教育など様々な種類のサービスが募集・応募・売買・交換されており、”売りたい人と買いたい人”のマッチングが膨大なカテゴリで実現されています。

Craiglistから生まれたサービスたち


最近では、craiglistや2ちゃんねるのように膨大なジャンルを網羅する巨大サイトよりも、単一のジャンルに特化したシンプルなWebサービスが増えています。
そして、そのようなサービスの元ネタとして、Craiglistが再度注目を集めています。

この画像を見てください。

tumblr_kwkfi5tqEi1qzqh0wo1_1280


これらのサービスは、Craiglistに存在する膨大なカテゴリの中から、一ジャンルに特化することで生まれたサービスたちです。
Craiglistが如何に多くのWebサービスから参考にされているかわかりますよね。
その中でも特に有名なのは、日本でも話題の『Etsy』と『Airbnb』です。

事例1:ハンドメイド作品の売買サイト『Etsy』


etsy


Etsyはひとことで言うと、ハンドメイド作品の売買サイトです。

Etsyは「手作り」専門のマーケットサイト。個人で物が売れるところはeBayまたはヤフオクに似ていますが、オークションサイトではないので売り手が自分で決めた価格で販売しています。Etsyが公開した「Weather Report」によると今年の2月だけでもサイト内合わせて1,850,525個の品物が売れたそうです。売り上げにするとなんと3440万ドル、1ドル=85円で約29億円ちょっとになります。
(引用元:http://sonosonostudio.blogspot.com/2011/04/etsywhat-is-etsy.html)

ちなみにEtsyと同様のサービスは、今年に入ってから日本でもだいぶ増えてきました。

cooboo


cooboo


creema


creema


DECOLY


decoly


実は同種のサービスは、日本だけではなく世界中に広がっているそうで、
こういったシンプルなサービスが持つ力を強く感じさせられます。

事例2:空き部屋のレンタル仲介サイト『AirBnB』


airbnb


AirBnBはひとことで言うと、宿泊のマッチングサイトです。

AirBnBはeBayのようなマッチングサイトの一種だ。マッチングするのはひと晩単位で部屋を貸したい人と、そうした部屋を借りたい旅行者だ。
空き部屋や空きスペースを貸したい人は、AirBnBに住所や写真、一晩あたりの価格などをアップロードして公開する。これを見て泊まりたいと思った人が予約する。まるで友だちの家にでも泊まるかのように、見知らぬ土地で個人宅などに宿泊することができる。
(引用元:http://www.atmarkit.co.jp/news/200911/02/airbnb.html)

日本では住宅事情もあってか、同種のサービスはあまり流行っていないように思いますが、宿泊予約数100万件突破と1年で10倍ほどの伸びを見せているそうです。

私事ですが、 来月アメリカに行くことになり、Quoraで「この期間にサンフランシスコに滞在するんだけど、いい宿を見つけるベストな方法は?」と聞いてみたところAirBnBを薦められ、その流行っぷりを実感しました。
(結局、ビビってしまい、Hotels.comで普通のホテルを予約してしまいました。)

支持されるサービスの本質は変わらない。


これらのサイトは私自身も大好きなサービスの一つなのですが、
このようなサービスの可能性がcraiglistの一カテゴリに内包されていたことに驚きです。改めて、「売りたい人と買いたい人をマッチングする」というシンプルなサービスの可能性を感じました。

世界中で生まれては消えていくWebサービスですが、時代と共に作法が変われど、支持されるサービスの本質というのは変わらないように思います。
サービスを考える際には、温故知新の意識を忘れずにいたいものです。

<今日のまとめ>

・Craiglistは色々なサービスの基になっている、ヒントの塊。
・支持されるサービスの本質は時代が変わってもあまり変わらない

livedoorでは外国人の家にもビビらずに宿泊できるディレクターを募集しています。



参考記事:Craigslist Has Been Disrupted, It's Just Not Obvious Yet

こんにちは、livedoor ニュースを担当している編成局のモロズミです。
今回は、ニュースサイトの裏側で運用を担当しているスタッフたちがどんな仕事をしているのかをお伝えします。

運用スタッフがやっている作業をごく簡単に説明すると、ニュースを「セレクト」し、「15文字以内の見出しをつける」という2つの作業に集約されると言って良いでしょう。

ライブドアニュースは現在、共同通信、時事通信といった伝統的なニュースメディアに始まり、日刊サイゾー、GIGAZINE、GIZMODOといったネット上で独自の方向性を見出し活動するメディア、さらにTech WaveやMarket Hackのようなライブドアが運営協力しているブログメディアまで、様々なニュースメディアと契約を結び、記事提供を受けています。

また、BLOGOSやSoccer Jounal、Baseball Journalといった、オピニオン系ブログが発信する良記事をアグリゲートしたブログメディアの記事もニュースとして配信しており、そのバラエティの豊かさはポータル系ニュースサイトの中で随一ではないかと、ひそかに自負しています。

ニュース運用スタッフは、上記の各メディアが配信したニュースの中から伝えるべきニュースをセレクトし、見出しを付けてトピックスに掲載します。

スタッフ間のコミュニケーションがPVに直結する


記事セレクトの基準になるのはニュース性とインパクトです。つまり「新しいかどうか」と「世の中的に重要かどうか」が問われます。

しかし、同じスタッフが一日中運用しているわけではありませんので、「新しいかどうか」と「世の中的に重要かどうか」のジャッジが人によって大きく違っていたら、時間帯によってまったく別のサイトになってしまいます。

そういった属人的なブレを排除するため、ライブドアニュースでは現在、その時間帯に運用を担当しているスタッフ4人(PC担当2人、モバイル担当1人、スマートフォン担当1人)によるディスカッションを導入しています。

具体的には、その場にいるスタッフが現在どんなニュースがストックしてあるか「持ち駒の確認」と、それを「どの時間帯に掲載するか」「どのカテゴリーで掲載するか」「どのような見出しをつけて出すか」について意見を出し合います。

どの記事を掲載するか、スタッフ間で意見が割れたときは、コケてもPV的にもっとも影響の少ないスマートフォン・トピックスで試しに掲載し、もっとも伸びた記事を他のデバイスのトピックスに掲載するといったことも行っています。

このスタッフ間のコミュニケーションにより、記事セレクトの属人的なブレが修正され、見出しも一段階こなれたものとなります。

運用にブラックボックスを作らない


ライブドアニュースでは、7月からこのディスカッション制度を導入しましたが、トップページからの見出しクリック数は7月が前月比10%増、8月が前月比12%増PVは7月が前月比24%増、8月が前月比5%増と、着実に上昇しています。

クリック数やPVが増加した要因は様々ありますが、記事のセレクトや見出しのライティングに複数のスタッフが関わることで、担当全員が当事者意識を持って運用するようになったことが大きいと私は考えています。

また、運用中のコミュニケーションが密になったことで、「こんな事件が起こっている」「いま○○が炎上している」といった最新情報の共有も頻繁に行われるようになり、スタッフ個人の情報感度も高まっています。

ディスカッション制を導入する以前は、スタッフ個人の裁量が大きく、センスがあるスタッフにとってはやりやすかった反面、人によって運用レベルにムラが出ていました。他のスタッフが「なぜ、こんなつまらない記事がトピックスに掲載されているのだろう?」と思ったとしても、「それは自分の担当じゃないから」と沈黙していたり、「誰も気付かないだろう」と考え、閲覧数が減っているにもかかわらず、放置されているシーンもありました。しかし、現在はこうした事象がぐっと減っています。

このような「ブラックボックスの排除」は、どんな種類のサイトを運営する上でも重要なことだと思います。

しかし、「ブラックボックスの排除」は、監視社会的な息苦しさと表裏一体で、行き過ぎるとスタッフのモチベーションを下げます。運用スタッフをまとめる立場の私としては、「楽しみながら仕事をする」という部分が失われないよう、アットホームな雰囲気作りに常に気を使っています。

なんだかブラック企業の求人広告みたいになってしまいましたが、ライブドアでは、人と連携しながらPVを伸ばす“チームプレイ”ができるディレクターを募集しています。

出会いと結婚を推進するコミュニティサービスグループのアオキです。
最近、新入社員に対してビジネスマナーや社会人としての基礎知識を教えています。

そんな中、会計の説明をしようと思って「貸借対照表」の話をしていたときに気付きました。
もしかして貸借対照表は、「結婚生活」と同じなのではないか、と。

貸借対照表とは何か


貸借対照表とは、企業が経済活動をするにあたっての、お金の調達先を示すものです。
これを人間に置き換えるてみると、人間が生きていくうえでどんな要素により成立しているかを示すものと言えるでしょう。

例えば考えてみましょう。(便宜上、夫視点で話を進めます。)
A夫婦の貸借対照表は、こんな感じと考えられます。
住宅ローンを支払いながら自宅も購入しているため負債がありますが、夫婦二人という存在自体が純資産です。


【図:A夫婦】
001-A



しかし、一方B夫婦はこんな貸借対照表です。
A夫婦と違う点は、嫁が負債の部にいることです。


【図:B夫婦】
002-B


総資産自体はA夫婦と変わりませんが、嫁の位置が変わってしまいました。これは夫視点から考えて「嫁は負債」の状況なのです。


◆嫁が負債化するとどうなるのか


純資産と負債は、ともに貸借対照表の貸方(右側)にありながら、その性質は大きく異なります。
企業活動の資金調達において、純資産は株式による資金調達だと考えれば良いでしょう。株の発行であるため、業績が良くないときには配当を支払わなくても済みます。しかし株主には株主議決権があるため、何かあったら株主により経営陣が解任されちゃうこともあります。
一方、負債は銀行からの借入だと考えれば良いでしょう。必ず定められた日に利息を支払わなければなりませんが、会社の経営について銀行から途中でとやかく言われる筋合いはありません。

上記を前提にした際、嫁が純資産の部にいる場合と負債の部にいる場合とでは、結婚生活にどんな違いが出てくるのでしょうか?

嫁が純資産の部にいると、夫は嫁からなんでもかんでもケチをつけられる可能性があります。嫁の言うことを聞かないと離婚されてしまうかもしれません。しかし、お財布の中身がさみしくなったときには嫁もその責任を負います。現在の家の状況について、二人で協力しながら課題解決にあたれることでしょう。

一方、嫁が負債の部にいるとどうなるのでしょうか? 嫁には定期的にお金を支払わなければなりません。嫁を使って新たなバリューを生み出せたかどうかは関係なく、定期的にお金を支払う約束なのです。しかし嫁に議決権はないため、夫が嫁から文句を言われても、それに従う必要はありません。夫は嫁を気にせず今後の方針を決定できます。


◆株主資本比率が低下すると悲惨


企業活動では、純資産を厚くするべきか、負債(他人資本)を厚くすべきか、状況によって判断は変わります。ともにメリット・デメリットがあり、一概にどちらが良いとは言い切れません。

結婚生活においても、嫁が純資産の部にいるべきか負債の部にいるべきか、どちらが幸せであるか一概には言えません。

しかし企業活動においては資本政策の立案にあたって、総資産のうちどの程度の純資産を確保するか(株主資本比率を確保するか)などを考えます。
結婚でもそのように先にイメージしておくことは必要ではないでしょうか?
言い換えれば、結婚前から貸借対照表をイメージしながら相手選びをするのが理想だと思います。

計算をせずに漠然と「嫁は純資産だ」と思っていたら、嫁がいつのまにか負債化し、株主資本比率が低下すると悲惨です。逆もまたしかりでしょう。

ライブドアでは、期首純資産や負債の額にかかわらず、純利益をいっぱいたたきだせるディレクターを募集しています。

future


こんにちは。新規開発グループの早岡です。

私が所属している新規開発グループは、その名の通り、「新しい技術」「新しい価値観」を持つ新規サービスを
開発・リリースすることがミッションです。

そのミッション達成のために、普段から色々な調査を行っているのですが、
このエントリでは、最近一番興味のある「未来を共有するサービス」のについて紹介したいと思います。

過去・現在、そして未来へ



情報を共有するにあたって、私たちは「過去」「現在」「未来」という3つの時間軸を使い分けることができます。
過去を共有するサービスの代表はブログ、現在を共有するサービスの代表は Twitter だと思うのですが、
「未来(これからの予定)」を共有するサービスは、まだこれといって決定的なものがありません。

そこで、「Googleカレンダーで予定を共有する」とは違う、もっとソーシャルな未来共有サービスとして、
最近話題になっているサービスをピックアップしてみました。

Ditto


ditto

未来共有型サービスの代表格。
「At home」「Eat out」「Work」「See movie」など、複数のカテゴリから自分の予定(これからなにをするのか?どこに行くのか)を共有できます。

Forecast


forecast

「◯時にこの場所に行くよ」という情報を登録できるサービス。
実際にその場所に行くと Foursquare で Check in できます。

Where To?


whereto

これから自分が行く場所を検索し、その場所をメール、テキストメッセージ、Twitter、Facebookを通じて友人などに共有できます。

Plancast


plancast

イベントを作成して共有が可能。 Facebook や Twitter で「これからこのイベントに参加するよ」と表明できますし、自分の友人が参加予定のイベントも検索することもできます。
シリコンバレーのスタートアップの間ではこのサービスを使って誰がどのイベントに参加するのかチェックするのが流行っているそうです。

Retty


retty

「過去行ったお店」だけでなく、「行きたいお店」の共有も可能な国産ソーシャルグルメサイトです。
(※登録時に自動的にツイート、ウォールに投稿されるので注意しましょう。)

wishry


wishry

映画、ライブ、美術展などのイベントから、自分が参加したい"体験"にチェックインできるサービスです。


「ここに行く予定」「これをする予定」という未来を共有すると、もしかしたら、友人からそれにまつわるお得な情報を教えてもらえるかもしれませんし、一緒に行動してくれる人が見つかるかもしれません。
そんな、ちょっぴりあなたを幸せにするかもしれないサービスが、今後のトレンドになるのかなと思っています。

ライブドアではインターネットの未来を考えて、具体的にサービス開発をすることができるディレクター・デザイナー・エンジニアを募集しています。

ライブドアのUstream/ニコニコ生放送を担当しております、BLOGOS編集部の田野でございます。

BLOGOSでは月に数回、生放送を行っているのですが、このたび、新兵器が登場しました!

kizai001

Rolandさんから発売中の、史上初、インターネット生配信のために開発されたビデオスイッチャー「VR−5」です。これがあれば連邦のMSなど物の数ではありません。

今まで、ネットの配信機材と言えば、TV・イベント用のプロ放送機材と、PC用のオモチャのような配信機材を組み合わせるしかありませんでした。しかし、この「VR−5」は、最初からPCに接続できるように設計されている&配信に必要な機能だけを絞り込んで、オールインワンにしてしまった、かなり画期的な機材です。

キャッチフレーズは「ネットワーク時代のオールインワン・スタジオ」

この名に恥じない性能をご紹介していきましょう。

インターネット番組配信の仕組み


インターネット番組配信がどんな機材の組み合わせで行われているか、配線図をご説明します。

mae

まず、映像です。カメラで撮影された映像をアナログ信号で、スイッチャー(映像切り替え機)「Roland V-4」に取り込み、送出したい画を選びます。(スイッチング)それを映像信号として、送出します。PCの映像を取り込む場合はダウンスキャンコンバーター(映像変換機)を使用し、アナログ映像信号にしてから、スイッチャーに入力します。操作画面を表示する、TVモニターも用意します。
音声は、マイクからの音声信号を音声卓(ミキサー)「YAMAHA MG124CX」に入力。音量を調整した後、RCA(ピン)端子に出力します。

続いて、PC側の機材です。映像はビデオキャプチャーを使用します。(K-DVD MAKER WIN7)USB接続です。スイッチャーからの映像(S端子かコンポジット)を受け取り、PC側へ取り込みます。
音声はミキサーデバイス「Roland UA-4 FX」を使用。ここで音量の最終調整をします。さらに、番組を保存するために、音声、映像をブルーレイレコーダーへ送ります。

これが、先月までの、ライブドアの配信機材です。

kizai002


新兵器「VR−5」


ここへ新兵器の「VR−5」を投入すると、配線図はこうなります。

ato

なんということでしょう!

kizai003

VR−5」は、ビデオスイッチャー、ミキサー、レコーダー、ダウンスキャンコンバーターの機能を内蔵し操作画面も搭載(しかもタッチパネル)。それがUSBケーブル1本で、PCに接続できるのです。

kizai006

つまり、カメラとマイクとVR−5があれば、それだけでプロクオリティの放送が出来てしまうという、新時代の幕開けなのです。長生きはしてみるものです。

・・・「でも、お高いんでしょ?」
という声が聞こえてくるようですが、正直、ビデオミキサーというのは高価で、100万、200万というのがザラでした。
しかし、この「VR−5」、お値段なんと、40万9500円(税込み定価)!!!ネットで安いお店を探せば、37万円台で買えちゃいます。

安い。あまりに安いです。操作も簡単、配線ラクラク。

kizai004

今から本格的なUstreamを始めよう!という方、間違いなくお勧めします。

「VR−5」の注意点


ただし、欠点が一つだけあります。マイク入力が2チャンネルしかありません。なので、出演者が2人を超える場合は、別途ミキサーが必要となります。ライン系統は3入力あるのに、なぜマイクを2入力にしたんだというのがあります。おそらくは、スタジオで配信用に使用、イベント会場で配信用に使用と、あらかじめミキサーがある現場でのニーズに合わせて設計されたのだと推測されます。

kizai005

とはいえ、映像機材に比べてミキサーは安価に購入できますので、必要な方は別途購入でいいと思います。この欠点を持ってしても、「VR−5」の画期的な利便性は群を抜いており、設計したRolandのエンジニアに敬意を表します。ありがとうRoland。

最後に


ライブドアの放送機材一覧をご紹介します。今回、照明・カメラ・ワイコンレンズ・三脚も新しく導入しました。

before


カメラ:DCR-VX2000,HDR-HC9,HDR-HC1(SONY)
マイク:ECM-44B(SONY)
三脚:VCT-50AV(SONY)
スイッチャー:V-4(Roland)
ミキサー:MG124CX(YAMAHA)
ミキサーデバイス:UA-4 FX(Roland)
ビデオキャプチャー:K-DVD MAKER WIN7(KEIAN)
ダウンスキャンコンバーター:TVC-XGA2(IODATA)
モニター:GMC185(MotionTech)
レコーダー:DMR-BR-585(Panasonic)

after


オールインワンスイッチャー:VR-5(Roland)
カメラ:HDR-CX560V×3(SONY)
マイク:ECM-44B(SONY)
三脚;DST-43(DAIWA)
ワイドコンバージョンレンズ:DCR-731(raynox)
照明:直管蛍光灯オスラム社製55w×2

以上で新機材の自慢、いや紹介を終わります。

VR−5」に触って見たい!という貴方。ライブドアでは新し物好きなディレクターを募集しています。

こんにちは!ライブドアデザイナーの杉田です。

前回の『デザイン思考を鍛える"ネタ本"』に引き続き、
今回もディレクターブログにおじゃまして【デザイナーの”ネタ本”】をご紹介したいと思います!

欧文書体―その背景と使い方


欧文書体―その背景と使い方 (新デザインガイド)欧文書体―その背景と使い方 (新デザインガイド)
著者:小林 章
販売元:美術出版社
(2005-06-16)
販売元:Amazon.co.jp
クチコミを見る

◆推薦者: 峰尾 (ANKER、livedoorプロフィール担当)


ずばり、タイトルの通り「欧文書体の正しい使い方」が分かる本です。

デザインをする上で、使うことが多い欧文ですが、書体はどのように選んでいますか?
かっこいいから?なんとなくサイトに合ってるから?

仕事上、英語を使う機会がとても多いのに、欧文書体の使い方、選び方が適当だったりします。
お恥ずかしい話し、自分がそうだったんです。

海外でたまに見かけるおかしな日本語。
同じことをしていたのだと思うと、本当に恥ずかしい限りです。

この本には一般的なフォントの本にあるような、文字組の話しは出てきません。
ですが、デザイナーが知るべき欧文書体の歴史、年代や国柄によって使われるべき書体、引用符の使い方などが書かれた貴重な教科書だと思います。


フォントのふしぎ ブランドのロゴはなぜ高そうに見えるのか? 小林章


フォントのふしぎ  ブランドのロゴはなぜ高そうに見えるのか?フォントのふしぎ ブランドのロゴはなぜ高そうに見えるのか?
著者:小林章
販売元:美術出版社
(2011-01-17)
販売元:Amazon.co.jp
クチコミを見る

◆推薦者: 金地 (デコポスト担当)


著者の小林章は日本における欧文書体設計の第一人者。世界的な書体デザインコンテストで2度グランプリを受賞したのをきっかけに、ライノタイプ社に勤めるタイプ・ディレクターです。

フォントの本、と聞くとなんとなく堅い内容を想像してしまいますが、「フォントのふしぎ」はデザイナーでなくても万人に読みやすく、理解しやすい内容となっています。
著者が実際に街中やパッケージで遭遇したフォントの写真がたくさん載っていてダイレクトにイメージが伝わり、面白くサクッとページを進めることができました。
写真は色鮮やかで、かわいいお菓子や遊園地、美しいイギリスやドイツの街並みに見ているだけでわくわくさせられました。

ブランドやファッション雑誌のロゴは字と字の間隔一つ変えるだけで高級感がグッと引き出せられるという説明は、馴染みのあるLouis Vuittonのロゴで例が出されています。
また、高級ブランドBVLGARIの綴りはなぜ"BULGARI"と、Bの後ろが"U"ではなく"V"なのかは古代ローマの話にまで遡り大変興味深かったです。

この本を読んでから街中や、チラシなどで見るフォントを今まで以上に意識するようになりました。
作り手は何を意図してこのフォントを選んだのか。何を私達に伝えたいのか。
普段生活している中で身近にあるロゴや文字のデザイン。その重要さに改めて気付かされました。

フォントについて知識があまりなく、デザインの中でフォントを選ぶ際によく悩む私にとって、読んで本当に良かったと思える一冊です。

Web制作の現場で使う jQueryデザイン入門


Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)
著者:西畑 一馬
販売元:アスキー・メディアワークス
(2010-02-12)
販売元:Amazon.co.jp
クチコミを見る

◆推薦者: 内田 (JLISTINGデザイナー)


ジェイ・リスティングにはマークアップエンジニアが在籍していないので、デザイナーがデザインからマークアップまでを一貫して担当しています。
エンジニアさんも少ないということもあり、簡単なフロントエンドのJavaScriptなどは最低限デザイナーの方で担当しておきたいところです。

ところが、私はプログラム構築というのが物凄く苦手で、ActionScriptもPHPも挫折したクチ。分厚い専門書を見ると中身よりも先に、その重量が気になって測りだしてしまう始末でした。

こちらの書籍は、そんなデザイナーの為?のデザイナー視点で書かれた一冊。
全ページカラーで、大事なキーワードに色付けされている点も大変親切です。サンプルも実践的ですぐに現場で使えるものばかり。こんな事を言うと、本職のエンジニアさん達に怒られてしまうかもしれませんが、数値やセレクタをいじって思い通りに動くと、プログラミングの喜びの一端に触れる事が出来ちゃいます。

スクリプトアレルギーなデザイナーさんにオススメです。

アニメーターズ・サバイバルキット


増補 アニメーターズサバイバルキット増補 アニメーターズサバイバルキット
著者:リチャード・ウィリアムズ
販売元:グラフィック社
(2011-02-10)
販売元:Amazon.co.jp
クチコミを見る

◆推薦者: 内藤 (ブログ担当)


映画『ロジャー・ラビット』のアニメーション監督がクラシックなアニメ技法を基礎からみっちりと解説する実用書です。

私はFlashウィジェットで簡単なアニメーションを制作する必要に迫られたのがきっかけで購入しました。
人物の歩かせ方、走らせ方、自然な動きを表現するためにイージングがいかに重要か、といったことを沢山の図版つきで丁寧に開設しています。
カートゥーン的なデフォルメ表現の開設も多いので、Flashアニメでキャラクターを動かす必要のある時は参考になると思います。

アニメーターのための本なので、上記のような案件が無ければ直接デザイナーの役に立つわけではないですが、どう表現したら自然な動きに見えるか、という「見せ方」の部分を徹頭徹尾理論的に説明しているので、根本的な部分で得るものは多いと思います。

いい絵を描く上での精神的な心構えにも言及しており、「動画を描く時にヘッドホンをするな」の至言もあります(なかなか守れませんが…)

というわけで、今回はライブドアのデザイナーからのネタ本
第二回をお届けしましたが、いかがでしたでしょうか?
これを機に、皆さんに「デザインって難しくないんだ!」と思ってもらえれば嬉しいです!

ライブドアでは、ディレクターと一心同体で仕事ができるデザイナーを大々々募集しています!

bnr

こんにちは、ティーンズメディアグループ小出です。

ティーンズメディアグループでは、リアルタイムサービス「デコミィ」とスマホ専用デコメサイト「デコポスト」のディレクションや運営を行っています。また、マーケティング活動の一環としてグループインタビュー(以下グルイン)なども行っています。

ライブドアに入社してからも含め、私個人ではこの業界に入ってこれまでに約15回ほどのグルインを行ってきました。その経験で身につけたノウハウを、2011年7月18日に実施したデコポストグルインの様子と共にお伝えします。

事前準備編〜“明確な趣旨”と“想定される回答”の用意


「狙いを明確にする」


まずはチームメンバーで集まって「グルインを行って何を明確にしたいのか?」という狙いを明確にします。「潜在的なニーズを掘り起こしたい」「サイト内UIを改善したい」など媒体によって様々でしょう。

デコポストのグルインでは「スマホ初心者が、デコポストを初めて使ったときにUIで手間取る部分を洗い出す」ことを狙いにしました。デコメをヘヴィに使うガラケーユーザーにとって「スマホとデコメ」の相関性は機種変更の重要なファクターになっている可能性が高く、「スマホデコメ市場の先取り」を意識しているデコポストにとって「スマホ初心者」の使いやすさは重要と判断したためです。

「スケジュールを決める」


次にグルインの実施日を決めます。また、実施したい日付から逆算して事前準備項目もスケジュールに組み込みます。

ティーンズメディアグループでは6月初めにグルインプロジェクトが始動しました。エクセルでガントチャートを作成し、スケジュール通りにチームで動くことができるよう共有しました。ちなみに事前準備項目は以下です。
  • モニター集め及びスケジュール調整
  • 資料×3点準備(後述します)
  • モニター謝礼の社内稟議及び準備
  • 端末準備

※サンプルとして、ガントチャートと資料のExcelファイルを公開します。
http://blog.livedoor.jp/ld_directors/doc/group_interview.xlsx

「モニター集め」


媒体のターゲット層に近いモニターさんを集めます。なお、社内リソースでグルインを実施する上ではこれが一番難しいです!

オーソドックスな手法ではサイト上で募集する方法ですが、媒体規模が小さいとなかなか集まらないと思います。デコポストグルインでは、社内アルバイトさんと、彼女のお友達合計3人に集まってもらうことにしました。

もちろんターゲット層に近い社員やアルバイトさんがいないこともありますが、社内ネットワークを活用して探してみると意外と協力的な方もいると思います。粘り強く探してみてください。

ちなみにモニターの人数は3〜4人が妥当だと思います。経験的に、モニターさんが5人を超えてくると「発言と発言の間のタイムラグ」が大きくなるせいか、グルインの盛り上がりに欠けてきてハンドリングが難しくなります。もちろん司会者のスキルにもよりますが…

また謝礼もお渡しする旨は伝えましょう。デコポストでは3000円分のクオカード+交通費をお渡ししました。事前に社内稟議等が必要な場合は忘れずに。

「資料準備」


グルイン用の資料準備も重要です。デコポストのグルインでは3種類の資料を準備しました。
  • 質問シート
    一番重要なのがこの質問シート。最初に作成します。当初掲げた狙いを明らかにするための質問を準備しましょう。ポイントは「想定される回答」です。質問に対する想定回答があると、実際のヒアリング時との「差異」がそのままグルインの結果となって表れてくるので必須です。

  • 進行表
    グルインが始まってからの進行表です。先程の質問シートを元に時間割、担当者、テーマ、目的、内容、注意点などを記入していきます。予定通りに進まないことも多々あるので、そういった時のリカバリー策も検討しておくと良いでしょう。
    img1

  • ヒアリングシート
    グルイン当日、モニターさんに記入してもらうヒアリングシートです。この内容を元に雑談をして盛り上げたり、後からマーケティングデータになったりと色々使えます。
    img2

開催当日編〜必ずある「つまづき」「不満」を見逃すな!


スタッフはできれば3名準備


グルインのスタッフはできればメイン司会・アシスタント・議事録担当3名は準備したいところです。特にアシスタントの役割は重要で、タイムキーパーや資料配布・回収、端末準備、モニターさんのヘルプなど多くの役割があります。

集合場所・時間・連絡先などはわかりやすく


モニターさんの集合時間や場所などはわかりやすく伝えておきましょう。当日の連絡先なども予め交換しておき、モニターさん遅刻などの状況にも円滑に対応できるようにします。

グルイン中


集合〜導入は雰囲気作り


モニターさんが集まったらいよいよグルイン開始です。最初に写真撮影やボイスレコードの許諾をもらい(どちらも後から役に立ちます)、さっそくヒアリングシートを記入してもらいましょう。開始直後は司会者だけではなくモニターさんも緊張しています。ヒアリングシートの内容を元に、モニターさんに色々と質問を投げかけて話しやすい雰囲気作りをしましょう。

先日のデコポストグルインでは私がメイン司会を担当しました。完全に余談ですが、グルインのとき私は学生時代にやっていた合コンのノリを思い出して盛り上げています。「あのノリ」は意外と使えます。

img3

本題は核心に迫る!


雑談を交えた後はいよいよ本題に入っていきます。潜在ニーズ調査などマーケティング的なグルインでは、モニターさんの「不満点」をあぶり出すような質疑応答をしていくのが良いと思います。UI調査的なグルインでは、司会者が指示する操作に対してモニターさんが「どこでつまずいているか?」を注意深く観察してください。

デコポストグルインでも、かなり多くの「つまずき」を発見することができました。例えばデコポストのフッターは、グルイン前は以下の構成になっていました。

img4

モニターさんに「ページ最上部にいってください」と指示しても、この「ページTOPへ」というボタンに気づかずスクロールで戻るケースが発見されました。後から確認しても「わかりませんでした」との回答があったため、グルインの翌日には以下の形式に変更しました。

img5

このボタンに変更した結果、「ページTOPへ」のクリック数が変更前と比較すると20%ほど上昇しました。

まとめ〜目的意識を強く持つ


いかがでしたでしょうか。このように「つまずき」をいくつ発見できるかが勝負どころです。デコポストグルインでも、重要な「つまずき」を10項目以上発見することができました。そしてライブドアならではの開発スピードを生かして、グルインの結果を順次サイト内の改善につなげています。

繰り返しますが、グルインで重要なことは「事前に趣旨を明確にすること」です。それにより「事前に準備すること」「グルインで見るべきこと(=つまずき)」が明確になり、結果的にサービスやチームへのフィードバックがしやすくなってきます。

また自分たちだけでグルインを行う場合、どうしても「グルインをやっただけで満足」してしまい、サービスの改善にまでつなげられないことが多々あります。僕自身も何度も失敗してきました。いまだにグルインは難しいと感じます。だからこそ「絶対に改善項目を見つける!」「新サービスのヒントを見つける!」という目的意識を強く持たないと何の意味もないものになってしまいます。

ライブドアではグルインを率先して実施できるディレクターを募集しています。

こんにちは、新世紀メディアグループでBLOGOSメルマガを担当している中村と申します。突然ですが皆さんは、メールマガジンを何通くらい購読していますか?

「メールマガジン」と聞くと、「今さら?」と感じる人も少なくないかもしれません。実際に、1990年代の終わりから流行したメルマガは商品、サービス宣伝等のメルマガとスパムメールの増大と共に、2000年代後半には下火になったと言われています。

そんな中、近頃では「メルマガ」を再評価する流れが生じており、そのきっかけを与えたのが著名人・オピニオンによる「有料メールマガジン」です。livedoorが提供するBLOGOS メルマガや、他のメルマガサービスを介し配信されるメルマガは料金も形式もそれぞれ。

一言で「良いメルマガ」「悪いメルマガ」と決められる訳ではありませんが、魅力的なメルマガにはいくつかの共通点があります。今回はその中でも、代表的なものを5つご紹介します。

1. 冒頭に目次がある。


もし雑誌に目次が無かったら、見たい記事をすぐに見つけられなくてとても読みづらいですよね。メーラーという限られたスペースで読むメルマガの場合、さらに可読性を高める為に目次は必ずあったほうが良いでしょう。

2. 内容ごとにコーナーを設け、ポイントを絞って書かれている。


長くダラダラと続けた文章は読みづらく、内容が頭に入ってきません。視覚的に見て、4〜5行で改行されている文章は、ストレスなく読むことができます。

3. 読みやすさの為に、適度な装飾を施している。


基本的な事ではありますが、きちんとラインで区切られ、目次が設けられているメルマガは読みやすいです。過剰な装飾は逆にNG。

4. ある程度のボリュームが用意されている。


必ずしも「読者の満足度=文字数の多さ」ではありませんが、有料コンテンツであるからには、相当の読み応えは必要。最低1万5千字以上の文章量を確保出来る様にしましょう。

例:BLOGOS メルマガの人気メールマガジン「堀江貴文のブログでは言えない話」では、毎号約2万〜2万5千文字のボリュームをキープしています。

5. メルマガ読者に対する“サービス”がある。


課金して購読しているユーザーに対して、何らかの特別なコンテンツが設けられている。これが、有料メールマガジンにおける一番大切なポイントだと考えています。

例えばQ&Aコーナーなど、直接読者と触れ合うコーナーや、感想や意見を送れるメールアドレスを用意し、それがきちんとメルマガに反映されるといったことが行われています。

yamasige


例:俳優・山崎樹範さんのメルマガ「やましげはキミ次第」は、読者にお題やコーナーアイデアを呼びかける、まるごと読者参加型。月額735 円(月4回発行)は、メルマガに対する課金と同時に、彼自身との触れ合いにお金を払っていると考える事も出来ます。

どれも基本的なことですが、人気のメルマガ作家の方はこのような書き方を取りいれています。ユーザーに購読してもらうためのノウハウの一つなので、メルマガを購読する際や、メルマガを書かれる方は参考にしてみてください。

メルマガというクラシックな手段だからこそ出来る情報発信。誰もが自由に閲覧出来るプラットフォームでの発言よりも、自分の意志に賛同・共感し、課金してくれたユーザーに向けて、より本音や思考を発信していこうという人が増えているのも事実です。

有益な情報を有料で、選択した人にだけ送信されるので、“濃い情報”を得る事が出来る有料メールマガジン。この機会にあなたも有料メルマガを購読してみてはいかがでしょうか。

こんにちは、ポータルグループでWeb広告の制作を担当している阿部です。

◆はじめに


先日、個人のブログで「今だから分かる、社会人1年目のころの自分に伝えておきたい、7つの大切な心がけ」というエントリーを書いたところ、何件かリツイートしていただいたり、Facebookの「いいね!」をしていただいたりと、一定の関心をいただきました。

せっかくなのでTipを2つ加え、Webディレクターにフォーカスして追記したものを紹介させていただきます。


1. 無口は"思慮深さ”ではなく、"無能”を演出する


001
先輩、上司はそもそも、新人にグッドアイデアや正論などを期待していません。期待しているのは、新人が何を考えているのか知りたいということと、経験の少なさからくる慣習にとらわれない意見だったりします。そして、会議で熟考していても "思慮深い人” とは受け取ってくれません。"何を考えているのか分からないやつ” あるいは最悪 “無能なやつ” と思われる確率の方が高いでしょう。

→Webディレクターの場合


Webディレクターも定例報告会、企画会議、開発会議、商談などたくさんの会議に参加するため、職域を超えた意識の共有が大切です。

「プログラマーが提言している内容は皆理解できているのか?」
「営業スタッフが懸念しているポイントは伝わっているのか?」
局面は様々ですが、経験豊かなWebディレクターであればMTGのMCとなり、各者の意見を吸い上げドキュメントなどの形に落とし込みます。

新社会人1年目のWebディレクターにこれを任せるのは難しいかも知れませんが、黙っていては上記のとおり “ただそこに居るだけの人” になってしまいます。議題を理解しているのか、していないのかも周囲に伝わっていない状態です。

そんな時は「今のお話は、つまり次の様な理解でよろしいでしょうか?」と、MTGの各センテンスでこれまでの話し合いを要約して発言することで、MTGの輪に加わるという方法もあります。


2. 他人の評価は自己評価よりも正しい


002
「自分はこういうタイプだ」「自分は出来る方だ」「自分には実力が足りない」など自己評価と言われるものは様々ありますが、この場合、合っているか否かなんかは実際どうでも良かったりします。大切なのは他人にどう評価されているかだったりするのです。

→Webディレクターの場合


人は他人を自分のモノサシで測ってしまいがちですが、自分がモノサシ自体を持ちあわせていなかった場合、あえて他人に測ってもらうのも、自分を知る方法のひとつなのではないかと思います。

営業マンからすればWebディレクターの能力を推し量る指標は、売り方やマーケティングを理解しているのか否か、というポイントになるかも知れません。また、プログラマーからすれば、このWebディレクターは果たしてシステムを理解しているのか?という基準で、能力を測ろうとするかも知れません。

Webディレクターのスキルは、そのどちらでもなかったり、あるいはその両方でもあったりと複合的ですので、それが良いか悪いかは一概に言えないでしょう。しかし一方で、異なる職域のメンバーから、自分とは異なるモノサシでの評価を受けることで、良くも悪くも自分では気づいていない長所、短所に気づかされることがあります。新人ディレクターなら、自分の特性を自分で決めてしまわず、様々な業務にチャレンジしてみましょう。

3. 人に信頼されなければ仕事は始まらない


003
大切なのは、先輩や上司 (=仕事を発注する側) の信頼を得るということになります。雑用であっても、先輩や上司は新人 (=仕事を発注される側) が信頼できる人間であるかどうかを見ています。雑用であっても手を抜かずやり遂げることで、先輩や上司 (=仕事を発注する側) からの信頼が生まれ、より難度が高く重要な仕事を与えられるようになるのです。

→Webディレクターの場合


Webディレクター1年目の肩書きは、アシスタントディレクターである場合がほとんどかと思います。アシスタントですので、メインの業務はディレクターのアシストです。つまり、案件に関わるデータ調査や、資料収集、テストや実機検証など、雑務がほとんどでしょう。

しかし資料収集であっても、ただ集めて納得するのか、収集する資料の数や精度をアップさせようという意識で集めるのか、あるいはより見やすいフォーマットに出来ないものかと提出方法に気を配るのか、または提出日を前倒して提出するのか、自分の仕事のスタイル如何で信頼を獲得する方法は様々あります。

目の前の業務をこなすのはもちろん重要ですが、その先にある仕事を見据えて業務に取り組むのも大切ですね。


4. アウトプットは求められる前に出す


004
新人は、自分を売り込むという作業が大切です。人に信頼されなければ仕事は始まらないという考えを書きましたが、新人と先輩が発注者と受注者の立場と考えた場合、仕事を受注したいのであれば売り込みは必要ですよね。

職場で目立て、という言葉に言い換えても良いかもしれません。そして目立つのであれば、アウトプットは求められる前に出す、ということも大切ということです。ものは作業報告や調査報告、会議や商談の議事録でも、先輩に借りた本の感想でも何でも良いと思います。

→Webディレクターの場合


Web業界はアウトプットしやすいネタがそこかしこに転がっているように思います。インターネットの世界では、日々新しいサービスが生まれています。ほんの2、3年前にはFacebook、Twitterがこれほどまで、日本においても一般的に波及すると予測されていなかったように思います。

海外で産声をあげた革新的なサービスをいち早くキャッチアップして、自分のコメントを付けチームや社内で紹介するだけでも、それは立派なアウトプットなのではないかと思います。

私は数年前に営業職から制作職にジョブチェンジしたのですが、当時は自分の勉強も兼ね、その週に見つけたトレンドニュースや、目新しいサービス、広告のネタを社内のメーリングリストで流すというような事をやっていました。自分の興味関心ごとがどこにあるのか周囲に知ってもらうと共に、最新動向が知りたいときはあの新人に聞いてみるか、という空気を社内につくることにも役立ちました。


5. 自分を雇うなら、いくらで雇うのか考える


005
僕が26才くらいの時にマネージメントしていただいた上司に言われた言葉です。
「自分が、自分にこのプロジェクトを任せるとして、いくら払う?あるいは、自分で自分を雇うとしたら、いくらで雇う?」という言葉。これには、ハッとしました。なぜなら、自信をもって、当時の給料分のお金を自分に支払っても良い!と言えなかったからです。

新社会人1年生のころの自分へ向けて言うなら・・・、もらった分の仕事をしているのか常に考えろ、というところでしょうか。経済社会は等価交換で成立しているので、それは自分の給与額とそれに見合った労働成果を考える際にも適応すべきですよね。

→Webディレクターの場合


この部分に関してはWebディレクター (どんな職種) でも同じことが言えると思います。


6. 相手の立場と気持ちになって考える


006
「お客さんが高いと言っているので、安くしてください」とか、「お客さんは赤が良いと言っているので、この特設サイトの背景を赤にしてください」とか時折、あ、このひと考えるのを放棄しているな、と感じるような交渉を持ちかけてくる新人がいますが、泣きたくなりますよね。

この場合は、「なぜ高いと思っているのか?」「なぜ赤が良いと考えているのか?」とリクエストのコアな部分をクリアにしておかないと、話がこじれる場合が往々にしてありますし、相手の立場と気持ちになって考えなければ、本当の意味で相手の満足を得ることは出来ませんよね。

→Webディレクターの場合


以前、実際にあった話です。デザインが完了したページで、マークアップへ進み、本番用のプレーンテキストを流し込んだページをクライアントへ見せたところ、とても不自然な位置で改行を求められました。納得できず、よくよく聞いてみたところ、クライアントはクロスブラウザの概念を知らなかった、というオチでした。

「行頭を揃えたいので、接続詞とかで3文字足してください」というような。5年くらい前の話ですが、紙媒体への出稿経験しかないクライアントの場合は、これと似たようなことが頻発します。無駄な動きをしてしまわないよう、相手のコアなリクエストを汲み取り、気をつけたいですね。


7. いつも なぜ? のフィルターを通して咀嚼する


007
相手のリクエストや質問に対して、それをリクエストする意図はなんなのか?そんな質問をする理由はどこにあるのか?と「なぜ?」のフィルターを通して考えることで、より正確に相手が求める解を返すことができるようになるというものです。

「なぜ?」のフィルターでもって相手の質問を咀嚼し、その質問の意図が分かれば、その後の返答や戦略を上手く構成することができますよね。「もっと安くなりませんか?」や「今、彼女は居るんですか?」というような質問は、何れもその質問の意図が分かれば、こちらが優位に展開することの出来るような返答や戦略を練ることができるんじゃないかと思います。

→Webディレクターの場合


こと受託制作や広告企画系のWebディレクターにとっては、非常に大事なトピックだと思います。トヨタ式「なぜなぜ5回」の改善活動とも近いとこがあるように思いますが、発注者がなにを求めているのか、要求のコアな部分をキャッチアップするために頭に留めておきたいですね。

さらに、開発系のディレクターであっても、今なぜ、あのWebサービスが流行っているのか、どうしてユーザーは利用したくなるのかなど、考えるために欠かせない心がけだと思います。


また、以下2つは本記事のために新たに追記してみました。Webディレクターはもちろん、社会人1年目でも肝に銘じておくべきところだと思います。

8.「忙しくて大変」は「準備不足」と類義語である


008

友人の祖父で、会社を経営されている方から「忙しくて大変だと言っている人は、準備不足で大変だ、と言っているのと同じ」という訓示的な話を聞きました。

仕事は、時にあらぬ方向から “降ってきたり” するので、さすが同義語だとまでは言い切れないと思っていますが、それでも場数を踏むことで「この案件には、あの時のアイデアメモが使えるかも」とか「必要だろうから先回りしてデータ、資料を用意しておこう」という心がけが自分を助けてくれる機会は多々あります。


9. 批判を受け入れる空気をつくる


009

自分を批判する言葉は素直に聞き入れましょう。ごく稀に、妬み嫉みからまったく的外れの批判を受けることもあるかも知れませんが、新人への批判意見の多くは、新人の成長を手助けするための言葉であるか、またはプロジェクトや納品物の精度を上げるための意見ですので、これは素直に聞き入れましょう。

批判的な意見に耳を貸さず、「あの先輩、上司は自分のことを分かっていない」と、そっぽを向くような事があれば、自然と「言っても聞かないヤツ」というイメージができあがります。つまり面倒なヤツというレッテルを貼られる訳です。

面倒なヤツは誰も相手をしたがりませんので、自己満足な仕事をするようになるばかりか、周囲から批判自体を受けなくなります。そして、それが正しいと思い込み、成長は鈍化し、最終的には年齢と共に裸の王様になってしまうことでしょう。新人のころから素直に批判を受け入れる空気をつくることも大切ですね。


ライブドアでは、未熟であったころの自分を忘れることなく、おごらず、仕事に打ち込むことの出来る真摯なディレクターを募集しています。

こんにちは。婚活サイト「youbride(ユーライド)」を担当している小野です。

ちょうど1か月ほど前に、2010年の国勢調査の速報値が発表されました。
今となってはすっかり市民権を得るようになった「婚活」という言葉ですが、この言葉を生んだ「婚活時代」(山田昌弘・白河桃子共著)が出版されたのが、2008年3月。2009年には「草食男子」「歴女」などとともに「婚活」が流行語にノミネートされました。そして一気に広まった婚活ブーム。
youbrideでも婚活ブームが浸透するにつれ、今までネット婚活をやったことがない人にも利用していただけるようになったり、以前よりも広くネットでの結婚紹介サービスが受け入れられるようになった実感は、運営者としてもあります。
婚活ブームがにわかに浸透し始めた2008年以降の結果も盛り込まれた、2010年の国勢調査。
前回の2005年の調査結果と比較して、独身者の結婚動向に変化は起こっているのか、調べてみました。

未婚率の変化


まずは年代別の未婚率から見てみます。グラフでは2000年から3回にわたっての結果をまとめてみました(離別・死別を含みません)。

2000年、2005年、2010年と追うごとに未婚率が上昇しているのが目立ちます。
そんな中注目したいのは、25〜29歳、30〜34歳の男性。2000年から2005年にかけて、上昇していた未婚率が横ばい、または減少しています。前回の調査の時に20代だった男性が早く結婚へ踏み切ったようです。
一方の女性ですが、こちらはすべての世代において未婚率が上昇しています。しかし、こちらも25〜34歳の年代においては、2000年から2005年よりも、2005年から2010年での未婚率の上昇が緩やかになっています(上昇は、25〜29歳で5%→0.9%、30〜24歳で5.4%→1.3%)。

youbrideを運営する中で色々な人たちの話を聞くと、20代男女の結婚願望が高くなっているという意見を耳にすることが多かったのですが、実際の調査結果にも表れていますね。婚活に励む年上世代を教訓に、20代のうちから早めに結婚を決断する人たちが増えたのかもしれません。

次に35歳以上ですが、2005年30〜34歳だった人たちは、2010年に35〜39歳の結果に表れます。男性の未婚率の変化を比較すると、2005年30〜34歳だった男性の未婚率46.5%が、2010年は34.6%と12%ほど減少していますが、ひとつ上の年代である2010年時点で40〜44歳は、2005年35〜39歳の男性未婚率30.0%が2010年は27.9%と2%しか減少していません。これは、2000年から2005年の同年代の変化と比較しても減少率が小さくなっています。女性についてもこの年代は横ばいか減少傾向にあり、未婚のままでいる割合が増えているようです。そして2010年時点で、30代後半の女性の5人に1人は独身であるのが現状となっています。

[図1]
グラフ1

資料:総務省「平成22年国勢調査速報」

生涯未婚率の変化


次に生涯未婚率をみてみます。生涯未婚率とは、50歳になったときの未婚率のことをいいます。50歳の時点で未婚の人はその後も結婚する割合が少ないと考え、生涯独身でいる人がどのくらいいるかを示す統計指標として使われています。

こちらは1920年からの推移を男女別にグラフにしました。
先日youbride会員向けに講演していただいた西口敦さんの著書「普通のダンナがなぜ見つからない?」でも「生涯未婚率20%という、未曾有のおひとりさま時代が、すぐそこまで来ている」とかかれています。グラフを見ると、2010年には男性の生涯未婚率は18.9%になっており、5人に1人は一生結婚できないという将来が現実味を帯びているのがわかります。一方の女性も9.7%と、10人に1人が一生結婚できないというのが、今事実として目の前にあります。

[図2]
グラフ2

資料:総務省「平成22年国勢調査速報」

結婚していない理由は?


このように全体的に上昇している未婚率と生涯未婚率。
独身者の結婚していない理由が、2005年「第13回出生動向基本調査」で発表されています。
こちらは30代に限定してグラフにしてみました。「適当な相手にまだめぐり会わない」というのが、男女ともダントツ1位となっています。「独身の自由や気楽さを失いたくない」という結婚“しない”理由も2番目に上がってきますが、1位との差はかなり大きいです。
youbrideが2009年に会員に実施したアンケートでも「出会いがない」「理想の相手に出会えていない」という理由が1位2位を占めていましたので、結婚“できない”理由として「出会い」というキーワードが、今も変わらずあるようです。

[図3]
グラフ3

資料:国立社会保障・人口問題研究所「第13回出生動向基本調査」

[図4]
図4

資料:2009年実施youbride会員アンケート「結婚していない理由」

まとめ


このように一部の世代に婚活ブームの影響がみて取れる一方で、全体的にみたときの未婚率の上昇や、生涯未婚率の上昇が明らかになっています。そしてその原因の大部分は、結婚したい独身者が「出会い」がないという理由で結婚できていないためです。
この独身者が求める「出会い」というのは、「出会いの数」ではなく「出会いの質」であることは、youbrideを運営する中で強く実感します。ネットを使えば「出会いの数」を増やすのは容易です。それこそ、youbrideのようなネット婚活が利用者に提供できる最大のメリットです。しかし、自己責任になりがちなサービスの特性上、難しいのが「出会いの質」です。今後のネット婚活サービスでは、技術や運営経験からマッチングする相手を紹介するような「質」を重視したサービス提供が、重要になってくると思います。
2015年の国勢調査で、もし未婚率の増加傾向が抑えられている結果が出たなら、すごく嬉しいことだと思います。

ライブドアでは、ネットを通じて人の人生を変えるような幸せを生み出したいディレクターを募集しています。

こんにちは!ライブドアデザイナーの杉田です。

ライブドアのデザイナーは、ポータルサイトをはじめブログやロケタッチなどのwebサービス、デコポスト・デコミィなどのモバイル系サービス、広告案件等、多岐にわたったデザインを担当しています。

今回はそんなデザイナー陣が、ディレクターブログにおじゃまして【デザイナーの”ネタ本”】をご紹介したいと思います!

はじめまして!新規開発グループのNobeです。

オンラインゲームではよく聞くβ版・βテストという言葉。
最近ではWEBサービスにおいても「β版」という言葉がみられるようになりました。本日は、その定義とノウハウをお伝えさせて頂こうと思います!

β(ベータ)版とはそもそもどんな意味なのか。

Wikipediaではこう書かれています。
ベータ版(ベータばん、β版)とは、正式版をリリースする前にユーザーに試用してもらうためのサンプルのソフトウェアである。
ベータバージョン、試用版(しようばん)、あるいは俗語的に人柱版(ひとばしらばん)という場合もある。

人柱(笑)

さらに、オープンベータとクローズドベータというものがあり、
一般向けにオープンに公開するか、ユーザーを限ってクローズド公開するかに分かれます。

ゲームなどでみるベータ運用の一般的に認知されている目的は、
・バグフィックス
・負荷試験
・デザイン・機能などユーザーからの意見の吸い上げ

と捉えられることが多いかと思います。


では、Webでいうβ版って?


Webサービスでいうβ版は、バグフィックス・負荷試験がメインではないように思います。

メディアとして大衆に触れる以上、通常のサービスリリースと同じように、テストケースなどを事前に用意し、しっかりQMテストをしてリリースを行う必要があるからです。

ならばWebサービスでβ版として出す目的ってなんなのさ?
という答えがこちらです。

・ユーザーでも使いやすい形にUIを調整する。
・機能のプライオリティのチェック
 つまり、この機能はあまり使われていないから、外そうなど。
・使われるケースの洗い出し(どんな新しい使われ方をするかなど)
・データの蓄積
 後述します


単に「β」と付いているサイトをちらほら見かけますが、これなんでβなんだろう。
いつまでβ?と思うことが往々にしてあります。

多少の不具合があってもベータ版だから・・というネガティブな考えでは、β版は成功しません。
なかなか難しいところですが「あ。だからβ版なんだな」とユーザーに分かってもらうことも大事なことかと思います。


どんなWEBサービスで「β版」という言葉が有効に作用するか


こんなWEBサービスに有効です。
・全く新しい形のソーシャルメディアまたはプラットフォーム
 つまり、使われ方・使うユーザーが読めないとき
・一定以上データを蓄積することで、
 メディアとしての価値が生まれるサイト
 つまり、CGM(消費者生成メディア)型のサイトで、ある程度データを蓄積したいとき

 (例:MIXI・Facebook・Twitter・ニコニコ動画)


β版成功の秘訣は「試用」ではなく、「拡張前提」という定義で出すことと言えましょうか。
そして、それをユーザーに理解してもらうことも大事です。
例えば、Twitter、Facebookで積極的に「フィードバックのお願いをします」と呟き、
受けたフィードバックをもとにサイトに反映したらサイト上や、ブログTwitterを通して、即座に報告。
このフローを実行するだけでも、ユーザーと開発者が一丸となってサイトを作るというβ版の理想の図が浮かびます。


ユーザーから効果的にフィードバックを吸い上げる



ログやヒューリスティック分析を行って改善するのはもちろんですが、
より短時間で、クリティカルな改善点を見つける為にはユーザーからの意見が必要です。

お問い合わせフォームからの意見投稿という形で、要望受け付けるのはもちろんですが、もっと気軽にフィードバックという形でユーザからの意見を拾うことがβ版成功の鍵と言えます。


フィードバックフォームへの誘導方法で参考になるサイト



まず、設置場所で参考になるサイトを挙げてみます



▼Facebook
http://www.facebook.com/

誘導元
facebook1


投稿画面
facebook2





▼Stoome
http://stoome.com/

誘導元
stoome


投稿画面
stoome2



▼シャウリバ
http://s.hout.jp/effector/

誘導元
shout1


投稿画面
shout2



フォームの形としてはこんな種類が見られます



▼必要事項を必須にするパターン
Apple
http://www.apple.com/jp/contact/feedback.html

▼選択だけのパターン 
Microsoft
http://www.microsoft.com/japan/mac/feedback

▼コミュニティをつくり、他のユーザーに対しても可視化したパターン
Naver
http://uservoices.naver.jp/


さらに設置場所、機能共に参考になるパターンがこちらです


Google+登場あたりからみられるようになった、Googleの意見フォーム

誘導元
google


投稿画面
google2


この先のプレビュー画面から察すると、みていた状態の詳細(ブラウザ環境・そのときのページソース・データ送受信のパフォーマンス・画面キャプチャ)が自動でGoogle側に送られるみたいです。
なんて高機能なんでしょう!


フィードバックは、ユーザーの常に目につきやすい位置に導線を置き、
投稿しやすい(気軽さ)形式であることが良いと思われます。



オープンベータ実施中!


f42de0fd


ライブドアでも先日、新サービス「ANKER(アンカー)」をオープンベータ版として、リリースしました。
ゲーミフィケーションというゲーム要素を盛りこみつつ、
FacebookのIDを使って参加してオープンに発言するという新しいタイプのサービスです。

ANKERにおいてのβ版の目的

・面白いトピックを蓄積する
・どのようなコンテンツが相性が良いのかを知る
・より良いUIを目指す
・機能を拡張する
・ゲーミフィケーションのバランス調整


ANKERでは他のユーザーから「いいね!」を貰うことによりで経験値が入り、称号や段位が上がって行きます。

既にフィードバックを受けて、
バランスの調整を(いいねのしきい値調整)したりしています。
常にフィードバックに目を配り、よりよいサービスに成長させていくよう頑張りますので、
みなさんも是非使ってもらえたら幸いです。


さて!
ディレクターブログのフィードバック、且つβ期間中のANKERをより良く知っていただくために、
TEAM ANKERではこんなトピックを用意しました!
開始から5年目に突入したライブドアディレクターブログでのあなたのベストエントリーを教えてください!
http://anker.to/topic/65/


読者のみなさんの印象に残っているディレクターブログ記事を教えてください!


ライブドアでは、トライアンドエラーに楽しんでチャレンジできるディレクターを募集しております。