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