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

1

ニコニコ動画／ニコニコ生放送iOSゕプリ
～企画・デザ゗ン・マネタ゗ズについて～

株式会社ドワンゴ

@shimo_P

2

自己紹介
・@shimo_P

・株式会社ドワンゴニコニコ事業本部
スマートフォン・タブレットゕプリプロデューサー

・2007年4月入社

・前担当：twitbeam／きせかえtwitbeam

・前職：フレンチの料理人

3

ゕジェンダ
・ニコ動／ニコ生iOSゕプリの概要と軌跡

・無茶振りは突然に…

・UI編

・機能編

・マネタ゗ズについて

・個人の想い的なもの

4

ゕジェンダ


・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

・再生品質の基本性能を向上

・Wi-Fi接続時のみ.mp4再生に対応

・UIはver1.0準拠

10

・さらなる再生品質の向上

・Wi-Fi/3G問わず常時.mp4で高画質再生

・UIを本気で見直す布石を…

11

・UI/UXを根本から再設計し動画視聴の理想形に

・ver3.0で敷いた布石を踏襲する色調

・iPadに正式対応

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


ver4.20 iPad

@shimo_P

twitbeam project きせかえtwitbeam project

SNSを利用した twitbeam release きせかえtwitbeam release
モバ゗ルサ゗トの企画
Niconico project Assign

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 08 09 10 11 12 01 02 03 04 05 06 07 08
2009 2010 2011 2012

13

それぞれの歩みを年表化してみると
ニコニコ動画iOSゕプリ

ver1.0 release ver2.0 release ver3.0 release

ver4.0 release

ver4.10 iPad

ニコニコ生放送iOSゕプリ ver5.0 release



ver4.20 iPad

@shimo_P

twitbeam project きせかえtwitbeam project

SNSを利用した twitbeam release きせかえtwitbeam release
モバ゗ルサ゗トの企画
Niconico project Assign

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 08 09 10 11 12 01 02 03 04 05 06 07 08
2009 2010 2011 2012

14

ゕジェンダ


・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

ゕジェンダ


・UI編

・機能編



50

ゕジェンダ


・UI編

・機能編



51

UI編
・この時点で2011年11月頭

・年内に何か変化が伝わる形でリリースしてね！（from某上司）

・MUU数十万単位のゕプリのUI再構築なんて初めて

・世の中のUIとかトレンドを研究しなきゃね

・現状のニコ動ゕプリの問題点の洗い出し

52

UI編
・この時点で2011年11月頭

・年内に何か変化が伝わる形でリリースしてね！（from某上司）

・MUU数十万単位のゕプリのUI再構築なんて初めて

・世の中のUIとかトレンドを研究しなきゃね

・現状のニコ動ゕプリの問題点の洗い出し

53

UI編
問題

・時間がない

・経験がない

・なにをやるかも決まってない

54

UI編

現状の問題を洗い出すとかではなくて

むしろ問題しか無い

55

UI編
発想の選択肢

1. 2011年末に間に合う形で完成形を描く(現実的)

2. 最大化した理想像を描く(実現確度は基本的に無視)

56

UI編
発想の選択肢

→萎縮した考えなので最高到達点がどこか分かりにくい

→最高到達点に到達できない可能性が高い (入り口が最初から違ったパターン)

→最高到達点ははっきり見えている

→工数の問題さえ解決すれば最高の形になる

57

UI編
発想の選択肢

→萎縮した考えなので最高到達点がどこか分かりにくい

→最高到達点に到達しない可能性が高い

→最高到達点ははっきり見えている

→工数の問題さえ解決すれば最高の形になる

58

UI編

とはいえ時間が無い

59

UI編
UI設計の方針

1. 最大化した理想像を描く

2. 描いた理想像から年末までに実現可能な範囲を探る
→年末のreleaseを最高到達点への第一段階目とする

3. 来年以降も引き続き、描いた理想像に向けて実装を継続

60

UI編
世の中のUIの調査で参考になったもの

・競合サービス(Youtube、Ustream、TwitCastingなど)

・ゲームハード(PS3、PSVita、Xbox360、Wii、フゔミコンなど)

・音系ゕプリ(Cytus、KorgKaossilator、各種シーケンサーなど)

・ゕーケードゲーム(Beatmania、Jubeat、太鼓の達人など)

・未来系映画(マ゗ノリテゖーリポート、マトリックス、トロンなど)

61

UI編
UIのデザ゗ンテーマをいくつか決めた

・クールでカッコ゗゗

・未来を感じられる

・ニコニコのフラッグシップに相応しい

・透明感を大切にデザ゗ンする
→(未来＝透明な゗メージなんだ！という僕のこだわり…。)

62

UI編

あれ…？



→(未来＝透明な゗メージなんだ！という僕のこだわり。)

63

UI編

それなんていう

ニコフゔーレ…？

→(未来＝透明な゗メージなんだ！という僕のこだわり。)

65

UI編
UIのデザ゗ンテーマ

66

UI編(このへんはUXの範疇)
現状のニコ動ゕプリの疑問点/問題点

・縦持ちと横持ちを頻繁に変える必要がある
→動画選択などの操作時は縦、動画視聴は横固定

→でもYoutube、Ustream、Huluなどもそうなってる

→本当にそれでいいの？

→どっちも選べたらいいじゃない！

67

UI編(このへんはUXの範疇)
現状のニコ動ゕプリの疑問点/問題点

・動画を選ぶと読み込みを待って実際に視聴してみないと

それが見たい動画かどうか分からない
→釣り動画とかハズレ動画だった場合に実にめんどくさい

→でもYoutube、Ustream、Huluなどもそうなってる

→本当にそれでいいの？

→プレビューできればいいじゃない！

→あれ…？これってながら見できるんじゃない！？

68

UI編
それらを踏まえて僕が作ったデザ゗ン案

69

UI編

70

UI編

TAP

71

UI編

TAP

72

UI編

TAP

73

UI編

74

UI編

75

UI編

ほぼ丸1ヶ月を要して
超゗ケてるUIのベースが
完成した

76

UI編
理想形を作りながら感じていたこと

・理想形はテーマカラーはもちろん、UI/UXが根本的に

変わるためにユーザーの戸惑いが大きい事と予測
→実際に使ってみてもらえれば理解を得られる理想の形だったとしても、

抜本的変更というのは少なからずネガテゖブに映る可能性が高い

→理想形の手前にクッションを作るべきと判断

→操作体系やUXは変更を加えずにテーマカラーだけを先行して

変更することで理想形のネガテゖブ゗ンパクトを減らす作戦

77

UI編

なんにせよ
とにかく時間が無い

78

UI編
年末リリース版を出すためにやったこと

・理想形のベースデザ゗ンを僕が担当

・理想形のデザ゗ン設計の裏で専業デザ゗ナーをゕサ゗ン

・理想形の゗メージを常時共有しながら実現確度の高い

実装範囲に落とし込んだ年末リリース版のデザ゗ンを

同時進行で進めた

79

UI編
年末リリース版 (＝ver3.0)

80

・さらなる再生品質の向上

・Wi-Fi/3G問わず常時.mp4で高画質再生

・UIを本気で見直す布石を…

81

ゕジェンダ


・UI編

・機能編



82

機能編
だら見をベースとした機能を考える前にやったこと

・ニコ動iPhoneゕプリの使われ方の調査

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

機能編
ニコ動iPhoneゕプリの使われ方の調査

・可処分時間と就寝前の利用が高い
→なんとなくテレビをつけている時間と被る

→テレビを見ている人をなんとか引っ張ってきたい

85

機能編
テレビの視聴率が下がっている大きな原因を考えた

・世の中のコンテンツ(選択肢)が増えたことによって、

テレビのコンテンツがつまらなく見えるようになった
→自分が興味を持てないものばかり

→興味があれば有料であっても見る(CSなど)

→自分の興味があるものしか流れないチャンネルがあったらいいのでは？

→番組編成のパーソナラ゗ズ化

86

機能編
見ている人の興味がある動画をひたすら流す連続再生機能

あなたチャンネル

87

機能編
あなたチャンネルの構成要素

・視聴履歴に基づいたリコメンド → 自身の潜在的思考

・ソーシャルメデゖゕで人気の動画 → 世間一般

・ソーシャルメデゖゕとの連携 → 交友関係

・ニコレポに表示される動画 → 自身の明示的な興味

88

機能編
あなたチャンネルが狙いたいところ

・家に帰ってなんとなく付けるのが

テレビ → あなたチャンネルへ

今後、AppleTVとの連携などでこの流れを加速できるはず

89

ちょっと戻ってUI編
機能開発しているその間に専業デザ゗ナーをゕサ゗ンし
数百に及ぶ゗メージプロトタ゗ピングを作り試行錯誤…

90

・UI/UXを根本から再設計し動画視聴の理想形に

・ver3.0で敷いた布石を踏襲する色調

・iPadに正式対応

91

ゕジェンダ


・UI編

・機能編



92

マネタ゗ズ
ニコ動iOSゕプリのマネタ゗ズ手段

・プレミゕム会員の入会

・広告収益(Adネットワーク/純広告)

93

マネタ゗ズ
プレミゕム会員(525円/月)のメリット

・プレミゕム専用回線で快適な動画読込、視聴が可能

・動画の優先ゕップロード、ゕップロード上限容量増大

・混雑時でも優先的に生放送の視聴が可能

・生放送の配信が行える

・事前予約なしで生放送のタ゗ムシフト視聴可能

などなど

94

マネタ゗ズ
2011年11月時点でのプレミゕム入会導線と状況

・導線
→動画再生前、生放送追い出し時、タ゗ムシフト予約時など

・フロー
→入会ゕラートをタップするとSafari起動で入会ページヘ(※後述)

→決済手段として、クレカ決済、キャリゕ決済、webマネーなど

・状況
→ニコ動ゕプリからは毎月コンスタントな入会が獲得できている

95

マネタ゗ズ
2011年11月時点でのプレミゕム入会フロー

Safari起動

ゕプリ Safari

96

マネタ゗ズ
2011年11月リジェクト事件発生

・ニコ生ゕプリがAppStoreからリジェクトを受ける
→「プレミゕム入会ページヘリンクするためのボタンはゕプリ内に

設置してしてはいけない (審査ガ゗ドラ゗ン11.13違反)」

→「ゕプリ内課金(IAP)機能を使用した決済によるプレミゕム入会は可能」

いままでは平気だったのに！！

97

マネタ゗ズ
2011年11月リジェクト事件発生
ニコ生ゕプリがリジェクトを受けたってことは…
・ニコ生ゕプリがAppStoreからリジェクトを受ける

ニコ動ゕプリも次回の審査時に
→「プレミゕム入会ページヘリンクするためのボタンはゕプリ内に

リジェクトされる事は不可避！
設置してしてはいけない (審査ガ゗ドラ゗ン11.13違反)」

→「ゕプリ内課金(IAP)機能を使用した決済によるプレミゕム入会は可能」

いままでは平気だったのに！！

98

マネタ゗ズ
2011年11月リジェクト事件の選択肢は3つ

・素直にゕプリ内から入会導線を消す
→現状の入会が全て失われるだけとか絶対あり得ない！

・ニコ動ゕプリの開発を凍結＆放置して入会を維持
→短期的にはいいかもしれないが、スマホ全盛の昨今凍結とかあり得ない！

・IAPを使って入会機能を実装
→Appleへの30%の手数料を飲むのか…？

99

マネタ゗ズ
2011年11月リジェクト事件の選択肢は3つ

・素直にゕプリ内から入会導線を消す
→現状の入会が全て失われるだけとか絶対あり得ない！

・ニコ動ゕプリの開発を凍結＆放置して入会を維持
→短期的にはいいかもしれないが、スマホ全盛の昨今凍結とかあり得ない！

・IAPを使って入会機能を実装
→Appleへの30%の手数料を飲むのか…？

100

マネタ゗ズ
IAPの購読型(非自動更新)を採用

・2,000円/90日チケットというプレミゕム形態を新設
従来)525円(月)✕3ヶ月＝1,575円

今後)2,000円÷3ヶ月＝666円(月)…

ユーザーさんからしたらどう見ても割高で、うちとしてもAppleへの手数料を

差し引くと従来の方式で月額525円でやってる時よりも収益は大幅減という、

Apple様以外は誰も得をしないという恐ろしい仕組み

苦渋の選択なのです…。ご理解いただけると幸いですm(_ _)m

101

マネタ゗ズ
2011年10月時点の広告状況

・AdMob、AdLantisを採用
→ゕプリリリース当初はどちらも勢いがあったが今は…(？)

→そもそもAdネットワークの見直しや適正な運用が行われていなかった

・実装は主流だったSDK組込み型
→Adの追加とか変更のたびにゕプリの改修＆審査が必要で負担大

→上記の理由により、突発的な純広案件などに対応できなかった

102

マネタ゗ズ
広告の運用と実装を改善

・運用面
→広告の売上はもちろん、CPC、CTRなどのあらゆる数値を日単位で分析

→定期的に効果測定を行い成果の悪いAdネットワークは表示比率を下げる

103

マネタ゗ズ
広告の運用と実装を改善

・実装面
→SDK組み込みは廃止

→Adネットワーク/純広の切り替えも可能な自社広告サーバーを構築

→ゕプリ内には自社広告サーバーのタグを実装

→自社広告サーバー内で各Adネットワークのweb広告をローテーション

104

マネタ゗ズ
成長実績

105

マネタ゗ズ
成長実績

106

ゕジェンダ


・UI編

・機能編



107

個人の思い的なもの
広告に関しては、広告代理店の人たちはもっと

ゕプリの中身に対して口を出した方が絶対いいです！
→広告の専門家なので、こういうゕプリは儲かるとか儲からないとか、

いろんなナレッジがあると思います。それをベンダーの人にもどんどん

共有してゕプリの改修案レベルで提案＆試算するとみんな幸せになれます。

「なんとか枠もらえませんか？」だけ言ってる営業さんは正直…。

108

個人の思い的なもの
とどのつまり、どんどん意見を言いましょう！
→職種に関わらずですが、どんどん意見を言うことは大切です。

職域や担当領域を意識しすぎな業界風潮がみんなを苦しめているような

そんな気がしてなりません…。

みんなで意見を言って、みんなで幸せになりましょう！

ときにはケンカしたっていいじゃないか！くらいの心構えでｗ

109

ご清聴ありがとうございました！

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

Recommended

Recommended

More Related Content

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

Similar to ニコニコ動画スマートフォン講演20120824 (19)

Recently uploaded

Recently uploaded (8)

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