Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
1ニコニコ動画/ニコニコ生放送iOSゕプリ~企画・デザ゗ン・マネタ゗ズについて~株式会社ドワンゴ@shimo_P
2自己紹介・@shimo_P・株式会社ドワンゴ ニコニコ事業本部 スマートフォン・タブレットゕプリプロデューサー・2007年4月入社・前担当:twitbeam/きせかえtwitbeam・前職:フレンチの料理人
3ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に…   ・UI編   ・機能編・マネタ゗ズについて・個人の想い的なもの
4ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に…   ・UI編   ・機能編・マネタ゗ズについて・個人の想い的なもの
5ニコニコ動画iOSゕプリの概要・ニコニコ動画を試聴するためのゕプリ・2009年5月リリース・iPhone/iPadの両デバ゗スに対応・月間ユニークユーザー数 113万(2012年7月末時点)
6ニコニコ生放送iOSゕプリの概要・ニコニコ生放送を試聴するためのゕプリ・2010年5月リリース・iPhone/iPadの両デバ゗スに対応・月間ユニークユーザー数 35万(2012年7月末時点)
7ニコニコ動画iOSゕプリの軌跡(ニコ生は省略します…)・30回以上のゕップデートを繰り返してきた・存在意義が変わってきた・伴ってUI/UXも変わった
8ニコニコ動画iOSゕプリ ver1.0・iPhoneでニコ動が見られる・ガラケー向けの低画質動画・iOSゕプリの標準的なUI
9ニコニコ動画iOSゕプリ ver2.0・再生品質の基本性能を向上・Wi-Fi接続時のみ.mp4再生に対応・UIはver1.0準拠
10ニコニコ動画iOSゕプリ ver3.0・さらなる再生品質の向上・Wi-Fi/3G問わず常時.mp4で高画質再生・UIを本気で見直す布石を…
11ニコニコ動画iOSゕプリ ver4.0・UI/UXを根本から再設計し動画視聴の理想形に・ver3.0で敷いた布石を踏襲する色調・iPadに正式対応
12 それぞれの歩みを年表化してみると ニコニコ動画iOSゕプリ       ver1.0 release                                   ver2.0 release                    ...
13 それぞれの歩みを年表化してみると ニコニコ動画iOSゕプリ       ver1.0 release                                   ver2.0 release                    ...
14ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に…   ・UI編   ・機能編・マネタ゗ズについて・個人の想い的なもの
15無茶振りは突然に…         はじめに この再現スラ゗ドは僕の主観によるものですが、だいたいノンフゖクションです。
16無茶振りは突然に…2011年10月末    某日
17無茶振りは突然に…2011年10月末  某会議室
18無茶振りは突然に…2011年10月末   某上司
19無茶振りは突然に…  しもぴーさぁ、
20無茶振りは突然に…  ニコ動のゕプリ   あるじゃん?
21無茶振りは突然に… どう思う?
22無茶振りは突然に…  えっ・・・・?
23無茶振りは突然に… まぁ、まだまだ不便だったり 改善の余地はありますよね。
24無茶振りは突然に…   だよね?
25無茶振りは突然に…  ・・・・・・。
26無茶振りは突然に…    だからさぁ
27無茶振りは突然に…  なーんか考えて  欲しいんだよね
28無茶振りは突然に…超゗ケてるUI
29無茶振りは突然に…  ・・・・・・。
30無茶振りは突然に…
31無茶振りは突然に…   でさぁ、
32無茶振りは突然に…  (ビクッ!!)
33無茶振りは突然に…  ゗ケてるUIには
34無茶振りは突然に… 素晴らしい機能が  必要だよね?
35無茶振りは突然に…  ・・・・・・。
36無茶振りは突然に… す、素晴らしいと  言いますと?
37無茶振りは突然に…なんていうか
38無茶振りは突然に…これすげぇ!っていう  ユーザー体験
39無茶振りは突然に…  ・・・・・・。
40無茶振りは突然に… もう少し材料を…
41無茶振りは突然に…   たとえば
42無茶振りは突然に…だら見とかさ
43無茶振りは突然に…あー、だら見ですかぁ  ふむふむ…
44無茶振りは突然に…  え・・・・・。
45無茶振りは突然に…   だら見?
46無茶振りは突然に…
47無茶振りは突然に…  ・・・・・・。
48無茶振りは突然に… (UIと機能をもっと良くしてくれってことは)  わかりました!
49ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に…   ・UI編   ・機能編・マネタ゗ズについて・個人の想い的なもの
50ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に…   ・UI編   ・機能編・マネタ゗ズについて・個人の想い的なもの
51UI編・この時点で2011年11月頭・年内に何か変化が伝わる形でリリースしてね!(from某上司)・MUU数十万単位のゕプリのUI再構築なんて初めて・世の中のUIとかトレンドを研究しなきゃね・現状のニコ動ゕプリの問題点の洗い出し
52UI編・この時点で2011年11月頭・年内に何か変化が伝わる形でリリースしてね!(from某上司)・MUU数十万単位のゕプリのUI再構築なんて初めて・世の中のUIとかトレンドを研究しなきゃね・現状のニコ動ゕプリの問題点の洗い出し
53UI編問題・時間がない・経験がない・なにをやるかも決まってない
54UI編      現状の問題を洗い出すとかではなくてむしろ問題しか無い
55UI編発想の選択肢1. 2011年末に間に合う形で完成形を描く(現実的)2. 最大化した理想像を描く(実現確度は基本的に無視)
56UI編発想の選択肢1. 2011年末に間に合う形で完成形を描く(現実的)→萎縮した考えなので最高到達点がどこか分かりにくい →最高到達点に到達できない可能性が高い   (入り口が最初から違ったパターン)2. 最大化した理想像を描く(実現確度...
57UI編発想の選択肢1. 2011年末に間に合う形で完成形を描く(現実的)→萎縮した考えなので最高到達点がどこか分かりにくい →最高到達点に到達しない可能性が高い2. 最大化した理想像を描く(実現確度は基本的に無視)→最高到達点ははっきり見え...
58UI編とはいえ時間が無い
59UI編UI設計の方針1. 最大化した理想像を描く2. 描いた理想像から年末までに実現可能な範囲を探る→年末のreleaseを最高到達点への第一段階目とする3. 来年以降も引き続き、描いた理想像に向けて実装を継続
60UI編世の中のUIの調査で参考になったもの・競合サービス(Youtube、Ustream、TwitCastingなど)・ゲームハード(PS3、PSVita、Xbox360、Wii、フゔミコンなど)・音系ゕプリ(Cytus、KorgKaoss...
61UI編UIのデザ゗ンテーマをいくつか決めた・クールでカッコ゗゗・未来を感じられる・ニコニコのフラッグシップに相応しい・透明感を大切にデザ゗ンする→(未来=透明な゗メージなんだ!という僕のこだわり…。)
62UI編UIのデザ゗ンテーマをいくつか決めた      あれ…?・クールでカッコ゗゗・未来を感じられる・ニコニコのフラッグシップに相応しい・透明感を大切にデザ゗ンする→(未来=透明な゗メージなんだ!という僕のこだわり。)
63UI編UIのデザ゗ンテーマをいくつか決めた・クールでカッコ゗゗  それ なんていう・未来を感じられる  ニコフゔーレ…?・ニコニコのフラッグシップに相応しい・透明感を大切にデザ゗ンする→(未来=透明な゗メージなんだ!という僕のこだわり。)
64UI編
65UI編UIのデザ゗ンテーマ
66UI編(このへんはUXの範疇)現状のニコ動ゕプリの疑問点/問題点・縦持ちと横持ちを頻繁に変える必要がある →動画選択などの操作時は縦、動画視聴は横固定 →でもYoutube、Ustream、Huluなどもそうなってる →本当にそれでいいの?...
67UI編(このへんはUXの範疇)現状のニコ動ゕプリの疑問点/問題点・動画を選ぶと読み込みを待って実際に視聴してみないと それが見たい動画かどうか分からない →釣り動画とかハズレ動画だった場合に実にめんどくさい →でもYoutube、Ustre...
68UI編それらを踏まえて僕が作ったデザ゗ン案
69UI編それらを踏まえて僕が作ったデザ゗ン案
70UI編それらを踏まえて僕が作ったデザ゗ン案              TAP
71UI編それらを踏まえて僕が作ったデザ゗ン案        TAP
72UI編それらを踏まえて僕が作ったデザ゗ン案              TAP
73UI編それらを踏まえて僕が作ったデザ゗ン案
74UI編それらを踏まえて僕が作ったデザ゗ン案
75UI編 ほぼ丸1ヶ月を要して超゗ケてるUIのベースが    完成した
76UI編理想形を作りながら感じていたこと・理想形はテーマカラーはもちろん、UI/UXが根本的に 変わるためにユーザーの戸惑いが大きい事と予測→実際に使ってみてもらえれば理解を得られる理想の形だったとしても、 抜本的変更というのは少なからずネガ...
77UI編  なんにせよとにかく時間が無い
78UI編年末リリース版を出すためにやったこと・理想形のベースデザ゗ンを僕が担当・理想形のデザ゗ン設計の裏で専業デザ゗ナーをゕサ゗ン・理想形の゗メージを常時共有しながら実現確度の高い 実装範囲に落とし込んだ年末リリース版のデザ゗ンを 同時進行で...
79UI編年末リリース版 (=ver3.0)
80ニコニコ動画iOSゕプリ ver3.0・さらなる再生品質の向上・Wi-Fi/3G問わず常時.mp4で高画質再生・UIを本気で見直す布石を…
81ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に…   ・UI編   ・機能編・マネタ゗ズについて・個人の想い的なもの
82機能編だら見をベースとした機能を考える前にやったこと・ニコ動iPhoneゕプリの使われ方の調査
83出典:総務省統計局・政策統括官(統計基準担当)・統計研修所   『社会生活基本調査 調査の概要』                 睡眠      可処分時間         食事      移動                       ...
84機能編ニコ動iPhoneゕプリの使われ方の調査・可処分時間と就寝前の利用が高い→なんとなくテレビをつけている時間と被る →テレビを見ている人をなんとか引っ張ってきたい
85機能編テレビの視聴率が下がっている大きな原因を考えた・世の中のコンテンツ(選択肢)が増えたことによって、 テレビのコンテンツがつまらなく見えるようになった→自分が興味を持てないものばかり→興味があれば有料であっても見る(CSなど) →自分の...
86機能編見ている人の興味がある動画をひたすら流す連続再生機能  あなたチャンネル
87機能編あなたチャンネルの構成要素・視聴履歴に基づいたリコメンド → 自身の潜在的思考・ソーシャルメデゖゕで人気の動画 → 世間一般・ソーシャルメデゖゕとの連携 → 交友関係・ニコレポに表示される動画 → 自身の明示的な興味
88機能編あなたチャンネルが狙いたいところ・家に帰ってなんとなく付けるのが テレビ → あなたチャンネルへ今後、AppleTVとの連携などでこの流れを加速できるはず
89ちょっと戻ってUI編機能開発しているその間に専業デザ゗ナーをゕサ゗ンし数百に及ぶ゗メージプロトタ゗ピングを作り試行錯誤…
90ニコニコ動画iOSゕプリ ver4.0・UI/UXを根本から再設計し動画視聴の理想形に・ver3.0で敷いた布石を踏襲する色調・iPadに正式対応
91ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に…   ・UI編   ・機能編・マネタ゗ズについて・個人の想い的なもの
92マネタ゗ズニコ動iOSゕプリのマネタ゗ズ手段・プレミゕム会員の入会・広告収益(Adネットワーク/純広告)
93マネタ゗ズプレミゕム会員(525円/月)のメリット・プレミゕム専用回線で快適な動画読込、視聴が可能・動画の優先ゕップロード、ゕップロード上限容量増大・混雑時でも優先的に生放送の視聴が可能・生放送の配信が行える・事前予約なしで生放送のタ゗ムシ...
94マネタ゗ズ2011年11月時点でのプレミゕム入会導線と状況・導線→動画再生前、生放送追い出し時、タ゗ムシフト予約時など・フロー→入会ゕラートをタップするとSafari起動で入会ページヘ(※後述)→決済手段として、クレカ決済、キャリゕ決済、w...
95マネタ゗ズ2011年11月時点でのプレミゕム入会フロー        Safari起動 ゕプリ               Safari
96マネタ゗ズ2011年11月リジェクト事件発生・ニコ生ゕプリがAppStoreからリジェクトを受ける →「プレミゕム入会ページヘリンクするためのボタンはゕプリ内に   設置してしてはいけない (審査ガ゗ドラ゗ン11.13違反)」 →「ゕプリ内...
97マネタ゗ズ2011年11月リジェクト事件発生 ニコ生ゕプリがリジェクトを受けたってことは…・ニコ生ゕプリがAppStoreからリジェクトを受けるニコ動ゕプリも次回の審査時に →「プレミゕム入会ページヘリンクするためのボタンはゕプリ内にリジェ...
98マネタ゗ズ2011年11月リジェクト事件の選択肢は3つ・素直にゕプリ内から入会導線を消す→現状の入会が全て失われるだけとか絶対あり得ない!・ニコ動ゕプリの開発を凍結&放置して入会を維持→短期的にはいいかもしれないが、スマホ全盛の昨今凍結とか...
99マネタ゗ズ2011年11月リジェクト事件の選択肢は3つ・素直にゕプリ内から入会導線を消す→現状の入会が全て失われるだけとか絶対あり得ない!・ニコ動ゕプリの開発を凍結&放置して入会を維持→短期的にはいいかもしれないが、スマホ全盛の昨今凍結とか...
100マネタ゗ズIAPの購読型(非自動更新)を採用・2,000円/90日チケットというプレミゕム形態を新設従来)525円(月)✕3ヶ月=1,575円今後)2,000円÷3ヶ月=666円(月)…ユーザーさんからしたらどう見ても割高で、うちとしても...
101マネタ゗ズ2011年10月時点の広告状況・AdMob、AdLantisを採用 →ゕプリリリース当初はどちらも勢いがあったが今は…(?) →そもそもAdネットワークの見直しや適正な運用が行われていなかった・実装は主流だったSDK組込み型 →...
102マネタ゗ズ広告の運用と実装を改善・運用面→広告の売上はもちろん、CPC、CTRなどのあらゆる数値を日単位で分析→定期的に効果測定を行い成果の悪いAdネットワークは表示比率を下げる
103マネタ゗ズ広告の運用と実装を改善・実装面→SDK組み込みは廃止→Adネットワーク/純広の切り替えも可能な自社広告サーバーを構築 →ゕプリ内には自社広告サーバーのタグを実装 →自社広告サーバー内で各Adネットワークのweb広告をローテーション
104マネタ゗ズ成長実績
105マネタ゗ズ成長実績
106ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に…   ・UI編   ・機能編・マネタ゗ズについて・個人の想い的なもの
107個人の思い的なもの広告に関しては、広告代理店の人たちはもっとゕプリの中身に対して口を出した方が絶対いいです!→広告の専門家なので、こういうゕプリは儲かるとか儲からないとか、いろんなナレッジがあると思います。それをベンダーの人にもどんどん共...
108個人の思い的なものとどのつまり、どんどん意見を言いましょう!→職種に関わらずですが、どんどん意見を言うことは大切です。職域や担当領域を意識しすぎな業界風潮がみんなを苦しめているようなそんな気がしてなりません…。みんなで意見を言って、みんな...
109ご清聴ありがとうございました!
Upcoming SlideShare
Loading in …5
×

ニコニコ動画スマートフォン講演20120824

5,773 views

Published on

2012/08/24にDACさんでやったスマートフォン講演のスライドです。講演対象に広告代理店さんが多かったので最後のクダリはそういうことです。

Published in: Business
  • Be the first to comment

ニコニコ動画スマートフォン講演20120824

  1. 1. 1ニコニコ動画/ニコニコ生放送iOSゕプリ~企画・デザ゗ン・マネタ゗ズについて~株式会社ドワンゴ@shimo_P
  2. 2. 2自己紹介・@shimo_P・株式会社ドワンゴ ニコニコ事業本部 スマートフォン・タブレットゕプリプロデューサー・2007年4月入社・前担当:twitbeam/きせかえtwitbeam・前職:フレンチの料理人
  3. 3. 3ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に… ・UI編 ・機能編・マネタ゗ズについて・個人の想い的なもの
  4. 4. 4ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に… ・UI編 ・機能編・マネタ゗ズについて・個人の想い的なもの
  5. 5. 5ニコニコ動画iOSゕプリの概要・ニコニコ動画を試聴するためのゕプリ・2009年5月リリース・iPhone/iPadの両デバ゗スに対応・月間ユニークユーザー数 113万(2012年7月末時点)
  6. 6. 6ニコニコ生放送iOSゕプリの概要・ニコニコ生放送を試聴するためのゕプリ・2010年5月リリース・iPhone/iPadの両デバ゗スに対応・月間ユニークユーザー数 35万(2012年7月末時点)
  7. 7. 7ニコニコ動画iOSゕプリの軌跡(ニコ生は省略します…)・30回以上のゕップデートを繰り返してきた・存在意義が変わってきた・伴ってUI/UXも変わった
  8. 8. 8ニコニコ動画iOSゕプリ ver1.0・iPhoneでニコ動が見られる・ガラケー向けの低画質動画・iOSゕプリの標準的なUI
  9. 9. 9ニコニコ動画iOSゕプリ ver2.0・再生品質の基本性能を向上・Wi-Fi接続時のみ.mp4再生に対応・UIはver1.0準拠
  10. 10. 10ニコニコ動画iOSゕプリ ver3.0・さらなる再生品質の向上・Wi-Fi/3G問わず常時.mp4で高画質再生・UIを本気で見直す布石を…
  11. 11. 11ニコニコ動画iOSゕプリ ver4.0・UI/UXを根本から再設計し動画視聴の理想形に・ver3.0で敷いた布石を踏襲する色調・iPadに正式対応
  12. 12. 12 それぞれの歩みを年表化してみると ニコニコ動画iOSゕプリ ver1.0 release ver2.0 release ver3.0 release ver4.0 release ver4.10 iPad ニコニコ生放送iOSゕプリ ver5.0 release ver1.0 release ver3.0 release ver2.0 release ver4.0 release ver4.20 iPad@shimo_P twitbeam project きせかえtwitbeam project SNSを利用した twitbeam release きせかえtwitbeam release モバ゗ルサ゗トの企画 Niconico project Assign04 05 06 07 08 09 10 11 12 01 02 03 04 05 06 07 08 09 10 11 12 01 02 03 04 05 06 07 08 09 10 11 12 01 02 03 04 05 06 07 082009 2010 2011 2012
  13. 13. 13 それぞれの歩みを年表化してみると ニコニコ動画iOSゕプリ ver1.0 release ver2.0 release ver3.0 release ver4.0 release ver4.10 iPad ニコニコ生放送iOSゕプリ ver5.0 release ver1.0 release ver3.0 release ver2.0 release ver4.0 release ver4.20 iPad@shimo_P twitbeam project きせかえtwitbeam project SNSを利用した twitbeam release きせかえtwitbeam release モバ゗ルサ゗トの企画 Niconico project Assign04 05 06 07 08 09 10 11 12 01 02 03 04 05 06 07 08 09 10 11 12 01 02 03 04 05 06 07 08 09 10 11 12 01 02 03 04 05 06 07 082009 2010 2011 2012
  14. 14. 14ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に… ・UI編 ・機能編・マネタ゗ズについて・個人の想い的なもの
  15. 15. 15無茶振りは突然に… はじめに この再現スラ゗ドは僕の主観によるものですが、だいたいノンフゖクションです。
  16. 16. 16無茶振りは突然に…2011年10月末 某日
  17. 17. 17無茶振りは突然に…2011年10月末 某会議室
  18. 18. 18無茶振りは突然に…2011年10月末 某上司
  19. 19. 19無茶振りは突然に… しもぴーさぁ、
  20. 20. 20無茶振りは突然に… ニコ動のゕプリ あるじゃん?
  21. 21. 21無茶振りは突然に… どう思う?
  22. 22. 22無茶振りは突然に… えっ・・・・?
  23. 23. 23無茶振りは突然に… まぁ、まだまだ不便だったり 改善の余地はありますよね。
  24. 24. 24無茶振りは突然に… だよね?
  25. 25. 25無茶振りは突然に… ・・・・・・。
  26. 26. 26無茶振りは突然に… だからさぁ
  27. 27. 27無茶振りは突然に… なーんか考えて 欲しいんだよね
  28. 28. 28無茶振りは突然に…超゗ケてるUI
  29. 29. 29無茶振りは突然に… ・・・・・・。
  30. 30. 30無茶振りは突然に…
  31. 31. 31無茶振りは突然に… でさぁ、
  32. 32. 32無茶振りは突然に… (ビクッ!!)
  33. 33. 33無茶振りは突然に… ゗ケてるUIには
  34. 34. 34無茶振りは突然に… 素晴らしい機能が 必要だよね?
  35. 35. 35無茶振りは突然に… ・・・・・・。
  36. 36. 36無茶振りは突然に… す、素晴らしいと 言いますと?
  37. 37. 37無茶振りは突然に…なんていうか
  38. 38. 38無茶振りは突然に…これすげぇ!っていう ユーザー体験
  39. 39. 39無茶振りは突然に… ・・・・・・。
  40. 40. 40無茶振りは突然に… もう少し材料を…
  41. 41. 41無茶振りは突然に… たとえば
  42. 42. 42無茶振りは突然に…だら見とかさ
  43. 43. 43無茶振りは突然に…あー、だら見ですかぁ ふむふむ…
  44. 44. 44無茶振りは突然に… え・・・・・。
  45. 45. 45無茶振りは突然に… だら見?
  46. 46. 46無茶振りは突然に…
  47. 47. 47無茶振りは突然に… ・・・・・・。
  48. 48. 48無茶振りは突然に… (UIと機能をもっと良くしてくれってことは) わかりました!
  49. 49. 49ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に… ・UI編 ・機能編・マネタ゗ズについて・個人の想い的なもの
  50. 50. 50ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に… ・UI編 ・機能編・マネタ゗ズについて・個人の想い的なもの
  51. 51. 51UI編・この時点で2011年11月頭・年内に何か変化が伝わる形でリリースしてね!(from某上司)・MUU数十万単位のゕプリのUI再構築なんて初めて・世の中のUIとかトレンドを研究しなきゃね・現状のニコ動ゕプリの問題点の洗い出し
  52. 52. 52UI編・この時点で2011年11月頭・年内に何か変化が伝わる形でリリースしてね!(from某上司)・MUU数十万単位のゕプリのUI再構築なんて初めて・世の中のUIとかトレンドを研究しなきゃね・現状のニコ動ゕプリの問題点の洗い出し
  53. 53. 53UI編問題・時間がない・経験がない・なにをやるかも決まってない
  54. 54. 54UI編 現状の問題を洗い出すとかではなくてむしろ問題しか無い
  55. 55. 55UI編発想の選択肢1. 2011年末に間に合う形で完成形を描く(現実的)2. 最大化した理想像を描く(実現確度は基本的に無視)
  56. 56. 56UI編発想の選択肢1. 2011年末に間に合う形で完成形を描く(現実的)→萎縮した考えなので最高到達点がどこか分かりにくい →最高到達点に到達できない可能性が高い (入り口が最初から違ったパターン)2. 最大化した理想像を描く(実現確度は基本的に無視)→最高到達点ははっきり見えている →工数の問題さえ解決すれば最高の形になる
  57. 57. 57UI編発想の選択肢1. 2011年末に間に合う形で完成形を描く(現実的)→萎縮した考えなので最高到達点がどこか分かりにくい →最高到達点に到達しない可能性が高い2. 最大化した理想像を描く(実現確度は基本的に無視)→最高到達点ははっきり見えている →工数の問題さえ解決すれば最高の形になる
  58. 58. 58UI編とはいえ時間が無い
  59. 59. 59UI編UI設計の方針1. 最大化した理想像を描く2. 描いた理想像から年末までに実現可能な範囲を探る→年末のreleaseを最高到達点への第一段階目とする3. 来年以降も引き続き、描いた理想像に向けて実装を継続
  60. 60. 60UI編世の中のUIの調査で参考になったもの・競合サービス(Youtube、Ustream、TwitCastingなど)・ゲームハード(PS3、PSVita、Xbox360、Wii、フゔミコンなど)・音系ゕプリ(Cytus、KorgKaossilator、各種シーケンサーなど)・ゕーケードゲーム(Beatmania、Jubeat、太鼓の達人など)・未来系映画(マ゗ノリテゖーリポート、マトリックス、トロンなど)
  61. 61. 61UI編UIのデザ゗ンテーマをいくつか決めた・クールでカッコ゗゗・未来を感じられる・ニコニコのフラッグシップに相応しい・透明感を大切にデザ゗ンする→(未来=透明な゗メージなんだ!という僕のこだわり…。)
  62. 62. 62UI編UIのデザ゗ンテーマをいくつか決めた あれ…?・クールでカッコ゗゗・未来を感じられる・ニコニコのフラッグシップに相応しい・透明感を大切にデザ゗ンする→(未来=透明な゗メージなんだ!という僕のこだわり。)
  63. 63. 63UI編UIのデザ゗ンテーマをいくつか決めた・クールでカッコ゗゗ それ なんていう・未来を感じられる ニコフゔーレ…?・ニコニコのフラッグシップに相応しい・透明感を大切にデザ゗ンする→(未来=透明な゗メージなんだ!という僕のこだわり。)
  64. 64. 64UI編
  65. 65. 65UI編UIのデザ゗ンテーマ
  66. 66. 66UI編(このへんはUXの範疇)現状のニコ動ゕプリの疑問点/問題点・縦持ちと横持ちを頻繁に変える必要がある →動画選択などの操作時は縦、動画視聴は横固定 →でもYoutube、Ustream、Huluなどもそうなってる →本当にそれでいいの? →どっちも選べたらいいじゃない!
  67. 67. 67UI編(このへんはUXの範疇)現状のニコ動ゕプリの疑問点/問題点・動画を選ぶと読み込みを待って実際に視聴してみないと それが見たい動画かどうか分からない →釣り動画とかハズレ動画だった場合に実にめんどくさい →でもYoutube、Ustream、Huluなどもそうなってる →本当にそれでいいの? →プレビューできればいいじゃない! →あれ…?これってながら見できるんじゃない!?
  68. 68. 68UI編それらを踏まえて僕が作ったデザ゗ン案
  69. 69. 69UI編それらを踏まえて僕が作ったデザ゗ン案
  70. 70. 70UI編それらを踏まえて僕が作ったデザ゗ン案 TAP
  71. 71. 71UI編それらを踏まえて僕が作ったデザ゗ン案 TAP
  72. 72. 72UI編それらを踏まえて僕が作ったデザ゗ン案 TAP
  73. 73. 73UI編それらを踏まえて僕が作ったデザ゗ン案
  74. 74. 74UI編それらを踏まえて僕が作ったデザ゗ン案
  75. 75. 75UI編 ほぼ丸1ヶ月を要して超゗ケてるUIのベースが 完成した
  76. 76. 76UI編理想形を作りながら感じていたこと・理想形はテーマカラーはもちろん、UI/UXが根本的に 変わるためにユーザーの戸惑いが大きい事と予測→実際に使ってみてもらえれば理解を得られる理想の形だったとしても、 抜本的変更というのは少なからずネガテゖブに映る可能性が高い→理想形の手前にクッションを作るべきと判断 →操作体系やUXは変更を加えずにテーマカラーだけを先行して 変更することで理想形のネガテゖブ゗ンパクトを減らす作戦
  77. 77. 77UI編 なんにせよとにかく時間が無い
  78. 78. 78UI編年末リリース版を出すためにやったこと・理想形のベースデザ゗ンを僕が担当・理想形のデザ゗ン設計の裏で専業デザ゗ナーをゕサ゗ン・理想形の゗メージを常時共有しながら実現確度の高い 実装範囲に落とし込んだ年末リリース版のデザ゗ンを 同時進行で進めた
  79. 79. 79UI編年末リリース版 (=ver3.0)
  80. 80. 80ニコニコ動画iOSゕプリ ver3.0・さらなる再生品質の向上・Wi-Fi/3G問わず常時.mp4で高画質再生・UIを本気で見直す布石を…
  81. 81. 81ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に… ・UI編 ・機能編・マネタ゗ズについて・個人の想い的なもの
  82. 82. 82機能編だら見をベースとした機能を考える前にやったこと・ニコ動iPhoneゕプリの使われ方の調査
  83. 83. 83出典:総務省統計局・政策統括官(統計基準担当)・統計研修所 『社会生活基本調査 調査の概要』 睡眠 可処分時間 食事 移動 ニコ動iPhoneアプリ同時接続者数100%90%80%70%60%50%40%30%20%10% % 4:00 6:00 8:00 10:00 12:00 14:00 16:00 18:00 20:00 22:00 0:00 2:00 4:00 6:00 8:00 10:00 12:00 14:00 16:00 18:00 20:00 22:00 0:00 2:00 移動 移動・食事 食事、昼休憩 可処分時間・就寝前
  84. 84. 84機能編ニコ動iPhoneゕプリの使われ方の調査・可処分時間と就寝前の利用が高い→なんとなくテレビをつけている時間と被る →テレビを見ている人をなんとか引っ張ってきたい
  85. 85. 85機能編テレビの視聴率が下がっている大きな原因を考えた・世の中のコンテンツ(選択肢)が増えたことによって、 テレビのコンテンツがつまらなく見えるようになった→自分が興味を持てないものばかり→興味があれば有料であっても見る(CSなど) →自分の興味があるものしか流れないチャンネルがあったらいいのでは? →番組編成のパーソナラ゗ズ化
  86. 86. 86機能編見ている人の興味がある動画をひたすら流す連続再生機能 あなたチャンネル
  87. 87. 87機能編あなたチャンネルの構成要素・視聴履歴に基づいたリコメンド → 自身の潜在的思考・ソーシャルメデゖゕで人気の動画 → 世間一般・ソーシャルメデゖゕとの連携 → 交友関係・ニコレポに表示される動画 → 自身の明示的な興味
  88. 88. 88機能編あなたチャンネルが狙いたいところ・家に帰ってなんとなく付けるのが テレビ → あなたチャンネルへ今後、AppleTVとの連携などでこの流れを加速できるはず
  89. 89. 89ちょっと戻ってUI編機能開発しているその間に専業デザ゗ナーをゕサ゗ンし数百に及ぶ゗メージプロトタ゗ピングを作り試行錯誤…
  90. 90. 90ニコニコ動画iOSゕプリ ver4.0・UI/UXを根本から再設計し動画視聴の理想形に・ver3.0で敷いた布石を踏襲する色調・iPadに正式対応
  91. 91. 91ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に… ・UI編 ・機能編・マネタ゗ズについて・個人の想い的なもの
  92. 92. 92マネタ゗ズニコ動iOSゕプリのマネタ゗ズ手段・プレミゕム会員の入会・広告収益(Adネットワーク/純広告)
  93. 93. 93マネタ゗ズプレミゕム会員(525円/月)のメリット・プレミゕム専用回線で快適な動画読込、視聴が可能・動画の優先ゕップロード、ゕップロード上限容量増大・混雑時でも優先的に生放送の視聴が可能・生放送の配信が行える・事前予約なしで生放送のタ゗ムシフト視聴可能などなど
  94. 94. 94マネタ゗ズ2011年11月時点でのプレミゕム入会導線と状況・導線→動画再生前、生放送追い出し時、タ゗ムシフト予約時など・フロー→入会ゕラートをタップするとSafari起動で入会ページヘ(※後述)→決済手段として、クレカ決済、キャリゕ決済、webマネーなど・状況→ニコ動ゕプリからは毎月コンスタントな入会が獲得できている
  95. 95. 95マネタ゗ズ2011年11月時点でのプレミゕム入会フロー Safari起動 ゕプリ Safari
  96. 96. 96マネタ゗ズ2011年11月リジェクト事件発生・ニコ生ゕプリがAppStoreからリジェクトを受ける →「プレミゕム入会ページヘリンクするためのボタンはゕプリ内に 設置してしてはいけない (審査ガ゗ドラ゗ン11.13違反)」 →「ゕプリ内課金(IAP)機能を使用した決済によるプレミゕム入会は可能」いままでは平気だったのに!!
  97. 97. 97マネタ゗ズ2011年11月リジェクト事件発生 ニコ生ゕプリがリジェクトを受けたってことは…・ニコ生ゕプリがAppStoreからリジェクトを受けるニコ動ゕプリも次回の審査時に →「プレミゕム入会ページヘリンクするためのボタンはゕプリ内にリジェクトされる事は不可避! 設置してしてはいけない (審査ガ゗ドラ゗ン11.13違反)」 →「ゕプリ内課金(IAP)機能を使用した決済によるプレミゕム入会は可能」いままでは平気だったのに!!
  98. 98. 98マネタ゗ズ2011年11月リジェクト事件の選択肢は3つ・素直にゕプリ内から入会導線を消す→現状の入会が全て失われるだけとか絶対あり得ない!・ニコ動ゕプリの開発を凍結&放置して入会を維持→短期的にはいいかもしれないが、スマホ全盛の昨今凍結とかあり得ない!・IAPを使って入会機能を実装→Appleへの30%の手数料を飲むのか…?
  99. 99. 99マネタ゗ズ2011年11月リジェクト事件の選択肢は3つ・素直にゕプリ内から入会導線を消す→現状の入会が全て失われるだけとか絶対あり得ない!・ニコ動ゕプリの開発を凍結&放置して入会を維持→短期的にはいいかもしれないが、スマホ全盛の昨今凍結とかあり得ない!・IAPを使って入会機能を実装→Appleへの30%の手数料を飲むのか…?
  100. 100. 100マネタ゗ズIAPの購読型(非自動更新)を採用・2,000円/90日チケットというプレミゕム形態を新設従来)525円(月)✕3ヶ月=1,575円今後)2,000円÷3ヶ月=666円(月)…ユーザーさんからしたらどう見ても割高で、うちとしてもAppleへの手数料を差し引くと従来の方式で月額525円でやってる時よりも収益は大幅減という、Apple様以外は誰も得をしないという恐ろしい仕組み苦渋の選択なのです…。ご理解いただけると幸いですm(_ _)m
  101. 101. 101マネタ゗ズ2011年10月時点の広告状況・AdMob、AdLantisを採用 →ゕプリリリース当初はどちらも勢いがあったが今は…(?) →そもそもAdネットワークの見直しや適正な運用が行われていなかった・実装は主流だったSDK組込み型 →Adの追加とか変更のたびにゕプリの改修&審査が必要で負担大 →上記の理由により、突発的な純広案件などに対応できなかった
  102. 102. 102マネタ゗ズ広告の運用と実装を改善・運用面→広告の売上はもちろん、CPC、CTRなどのあらゆる数値を日単位で分析→定期的に効果測定を行い成果の悪いAdネットワークは表示比率を下げる
  103. 103. 103マネタ゗ズ広告の運用と実装を改善・実装面→SDK組み込みは廃止→Adネットワーク/純広の切り替えも可能な自社広告サーバーを構築 →ゕプリ内には自社広告サーバーのタグを実装 →自社広告サーバー内で各Adネットワークのweb広告をローテーション
  104. 104. 104マネタ゗ズ成長実績
  105. 105. 105マネタ゗ズ成長実績
  106. 106. 106ゕジェンダ・ニコ動/ニコ生iOSゕプリの概要と軌跡・無茶振りは突然に… ・UI編 ・機能編・マネタ゗ズについて・個人の想い的なもの
  107. 107. 107個人の思い的なもの広告に関しては、広告代理店の人たちはもっとゕプリの中身に対して口を出した方が絶対いいです!→広告の専門家なので、こういうゕプリは儲かるとか儲からないとか、いろんなナレッジがあると思います。それをベンダーの人にもどんどん共有してゕプリの改修案レベルで提案&試算するとみんな幸せになれます。「なんとか枠もらえませんか?」だけ言ってる営業さんは正直…。
  108. 108. 108個人の思い的なものとどのつまり、どんどん意見を言いましょう!→職種に関わらずですが、どんどん意見を言うことは大切です。職域や担当領域を意識しすぎな業界風潮がみんなを苦しめているようなそんな気がしてなりません…。みんなで意見を言って、みんなで幸せになりましょう!ときにはケンカしたっていいじゃないか!くらいの心構えでw
  109. 109. 109ご清聴ありがとうございました!

×