Upgrade to Pro — share decks privately, control downloads, hide ads and more …

VODにおけるUIデザインとトレンド - 後編

Avatar for Shunsuke Shunsuke
January 18, 2020
Design
0
73

VODにおけるUIデザインとトレンド - 後編

Avatar for Shunsuke

Shunsuke

January 18, 2020
Tweet

More Decks by Shunsuke

See All by Shunsuke
VODにおけるUIデザインとトレンド - 前編
Avatar for Shunsuke skskeeee
0
4.7k

Other Decks in Design

See All in Design
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
230
CIRCULAR ECONOMY + SERVICES
Avatar for John Manoochehri jmanooch
0
110
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
2.9k
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
860k
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
130
Flow, Not Stock 知識触媒としてのIA
Avatar for Takehisa Gokaichi 5kaichi
1
290
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
Avatar for Aki spring_aki
4
290
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
7
5.7k
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.5k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
0
1.2k
sachi_y_portfolio
Avatar for Sachi sachi337
0
260
portfolio_YumiYasuda
Avatar for yumi yasuda yum0418
0
290

Featured

See All Featured
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
390
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
53k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
82
9.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k

Transcript

  1. None

  2. VODに見せない リニアのサービスとは？

  3. ここで言うリニアとは? テレビ放送のように、止めたり巻き戻しできない動画のこと

  4. AbemaTVを作る時、 リニアサービスはあまりなかった 苦労話

  5. 普通に作るとVODっぽく見える

  6. リニアなので 停止もスキップもできない

  7. 「テレビ」だということを伝える 起動後すぐに再生 テレビ欄と同じ番組表

  8. 縦型動画やストーリーUI について

  9. Snapchat 2012- 2012年12月 動画を送信する機能が追加

  10. 2014年6月にはメッセージよ り使われる主要機能に Snapchat Stories 2013-

  11. Instagram Stories 2016-

  12. Meerkat, Periscope, 17... 2015-

  13. TikTok 2016-

  14. UIの話

  15. 片手で使えるか 主要ボタンは画面下部に スワイプなどで動かせるように

  16. 人間の目は横に付いてるから 動画は横の方が見やすい Someone says...

  17. 投げ銭機能について

  18. 1. アイテム購入型 スタンプなどを購入して送る 配信者が「ありがとうー❤」という リアクションをくれる 17, SHOWROOM, LINE LIVE

  19. 2. スーパーチャット型 自分のコメントをピン留めできる ピン留される時間は値段によって変わる YouTube, AbemaTV

  20. https://blog.streamlabs.com/live-streaming-q418-report-fortnite-sees- first-decline-in-mau-mobile-users-up-266-mixer-94f281e5b31f

  21. None

  22. ライブ動画の場合、ユーザーは「動画」を見ている感覚はない。 I think...

  23. 消えたサービスと 生き残ったサービス

  24. Vine インスタ風動画SNS 6秒以内の短い動画を投稿できた UIと言うよりはビジネス的な問題で クローズ？

  25. • 振りが用意され投稿ハードルがさらに低下 • 一瞬で人気者になれるアルゴリズム • 膨大な広告で「流行ってる感」 • 全画面動画 TikTok

  26. VODサービスでなくても 動画を有効活用している

  27. マッチング 人の雰囲気をより具体的に伝える ストーリー機能を持たせたアプリも増加 Hatch, Tinder, match.com, bumble

  28. レシピ Facebook, Instagram, YouTube等 自社メディア以外にも動画を配信 Delish Kitchen, クラシル, クックパッド

  29. ニュース 災害等あらゆる情報が動画で分かりやすい NewsPicksの場合は時事ネタを扱うメディア NewsPicks, LINE NEWS, SmartNews

  30. エンタメ等 動画再生機能がなかったアプリにも 追加されつつある Pinterest, Shazam, Reddit and more!

  31. EC? アメリカではECサイトに動画を積極的に活用 「ライブコマース」の行方は？

  32. メディアは「文字→画像→音声→動画」と進化する I think...

  33. 最後に

  34. 最後に VODサービスのUIやマネタイズの手段などは、 一度多くのサービスで発散され試行錯誤されたが ここ数年で収束されて似通ってきた 世のトレンドと同様に 発散と収束、変化と回帰を繰り返す？

  35. ありがとうございました