Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VODにおけるUIデザインとトレンド - 後編
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Tatsuya Uchida
January 18, 2020
Design
0
2.9k
VODにおけるUIデザインとトレンド - 後編
VODにおけるUIデザインとトレンド - 後編
Tatsuya Uchida
January 18, 2020
Tweet
Share
More Decks by Tatsuya Uchida
See All by Tatsuya Uchida
AbemaTVのデザイナーが語るUI実装の舞台裏
ukn530
0
260
デザイナーとエンジニアの境界線
ukn530
5
5.2k
デザイナーによるAtomic Designの実践〜導入編・運用編〜
ukn530
9
3.3k
Other Decks in Design
See All in Design
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
2
280
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
350
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
1.1k
文化のデザイン - Soft Impact of Design
atsushihomma
0
160
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
220
TUNAG BOOK 2024
stmn
PRO
0
1.5k
第18回サイゼミ
lw
1
3.5k
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
3
1.5k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
250
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
740
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
120
Featured
See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.7k
Everyday Curiosity
cassininazir
0
160
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
160
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
110
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.3k
A Tale of Four Properties
chriscoyier
163
24k
How to build a perfect <img>
jonoalderson
1
5.3k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
120
Paper Plane (Part 1)
katiecoart
PRO
0
5.6k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.7k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
100
Transcript
None
VODに見せない リニアのサービスとは?
ここで言うリニアとは? テレビ放送のように、止めたり巻き戻しできない動画のこと
AbemaTVを作る時、 リニアサービスはあまりなかった 苦労話
普通に作るとVODっぽく見える
リニアなので 停止もスキップもできない
「テレビ」だということを伝える 起動後すぐに再生 テレビ欄と同じ番組表
縦型動画やストーリーUI について
Snapchat 2012- 2012年12月 動画を送信する機能が追加
2014年6月にはメッセージよ り使われる主要機能に Snapchat Stories 2013-
Instagram Stories 2016-
Meerkat, Periscope, 17... 2015-
TikTok 2016-
UIの話
片手で使えるか 主要ボタンは画面下部に スワイプなどで動かせるように
人間の目は横に付いてるから 動画は横の方が見やすい Someone says...
投げ銭機能について
1. アイテム購入型 スタンプなどを購入して送る 配信者が「ありがとうー❤」という リアクションをくれる 17, SHOWROOM, LINE LIVE
2. スーパーチャット型 自分のコメントをピン留めできる ピン留される時間は値段によって変わる YouTube, AbemaTV
https://blog.streamlabs.com/live-streaming-q418-report-fortnite-sees- first-decline-in-mau-mobile-users-up-266-mixer-94f281e5b31f
None
ライブ動画の場合、ユーザーは「動画」を見ている感覚はない。 I think...
消えたサービスと 生き残ったサービス
Vine インスタ風動画SNS 6秒以内の短い動画を投稿できた UIと言うよりはビジネス的な問題で クローズ?
• 振りが用意され投稿ハードルがさらに低下 • 一瞬で人気者になれるアルゴリズム • 膨大な広告で「流行ってる感」 • 全画面動画 TikTok
VODサービスでなくても 動画を有効活用している
マッチング 人の雰囲気をより具体的に伝える ストーリー機能を持たせたアプリも増加 Hatch, Tinder, match.com, bumble
レシピ Facebook, Instagram, YouTube等 自社メディア以外にも動画を配信 Delish Kitchen, クラシル, クックパッド
ニュース 災害等あらゆる情報が動画で分かりやすい NewsPicksの場合は時事ネタを扱うメディア NewsPicks, LINE NEWS, SmartNews
エンタメ等 動画再生機能がなかったアプリにも 追加されつつある Pinterest, Shazam, Reddit and more!
EC? アメリカではECサイトに動画を積極的に活用 「ライブコマース」の行方は?
メディアは「文字→画像→音声→動画」と進化する I think...
最後に
最後に VODサービスのUIやマネタイズの手段などは、 一度多くのサービスで発散され試行錯誤されたが ここ数年で収束されて似通ってきた 世のトレンドと同様に 発散と収束、変化と回帰を繰り返す?
ありがとうございました