Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
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
3k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
VODにおけるUIデザインとトレンド - 後編
VODにおけるUIデザインとトレンド - 後編
Tatsuya Uchida
January 18, 2020
More Decks by Tatsuya Uchida
See All by Tatsuya Uchida
AbemaTVのデザイナーが語るUI実装の舞台裏
ukn530
0
280
デザイナーとエンジニアの境界線
ukn530
5
5.3k
デザイナーによるAtomic Designの実践〜導入編・運用編〜
ukn530
9
3.3k
Other Decks in Design
See All in Design
Rondo 1 Minute Short Storyboard
rezaline
0
120
Kouseki | CREATIVE CLASS成果物
yuri9911
0
260
凡庸を落とすハーネス
hiromimaeo
2
1k
AI-DLC AI駆動開発ライフサイクルとAI-DLC Worlflows V2のご紹介
fatsushi
2
1.3k
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
1.4k
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
1.2k
泥臭く語るUIデザイン会|ホワイトボードチャレンジ【RAMEN TECH 2026】
garyuten
1
230
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.5k
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
340
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.6k
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
kotasaito_cnt
0
1.3k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
660
Featured
See All Featured
First, design no harm
axbom
PRO
2
1.4k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
310
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
How Software Deployment tools have changed in the past 20 years
geshan
2
35k
Technical Leadership for Architectural Decision Making
baasie
3
610
Rails Girls Zürich Keynote
gr2m
96
14k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
550
Writing Fast Ruby
sferik
630
63k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
490
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Between Models and Reality
mayunak
4
510
StorybookのUI Testing Handbookを読んだ
zakiyama
31
7k
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やマネタイズの手段などは、 一度多くのサービスで発散され試行錯誤されたが ここ数年で収束されて似通ってきた 世のトレンドと同様に 発散と収束、変化と回帰を繰り返す?
ありがとうございました