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
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
accessinnovations
0
200
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
610
Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する
layerx
PRO
6
7.1k
東京都市大学 都市生活学部×一般社団法人オープン企画イベント 「誰もがデザイナーである」とはどういうことか? 【エツィオ・マンズィーニ氏 特別来日・基調講演】
a2k
1
140
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
280
Basket_of_love.pdf
terencebasart
0
340
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
360
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
muture
PRO
0
230
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
260
Luna's Light
shemeetscity
0
160
RawrXD: The Sword
seanvraj_arts
0
150
Kouseki | CREATIVE CLASS成果物
yuri9911
0
240
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
699
190k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
520
Mind Mapping
helmedeiros
1
390
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
3k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
4k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
3.2k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
69
66k
Utilizing Notion as your number one productivity tool
mfonobong
4
610
Optimising Largest Contentful Paint
csswizardry
37
4k
Optimizing for Happiness
mojombo
378
71k
Designing for Performance
lara
611
70k
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やマネタイズの手段などは、 一度多くのサービスで発散され試行錯誤されたが ここ数年で収束されて似通ってきた 世のトレンドと同様に 発散と収束、変化と回帰を繰り返す?
ありがとうございました