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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tatsuya Uchida Tatsuya Uchida
January 18, 2020
Design
0
2.9k

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

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

Avatar for Tatsuya Uchida

Tatsuya Uchida

January 18, 2020
Tweet

More Decks by Tatsuya Uchida

See All by Tatsuya Uchida
AbemaTVのデザイナーが語るUI実装の舞台裏
Avatar for Tatsuya Uchida ukn530
0
260
デザイナーとエンジニアの境界線
Avatar for Tatsuya Uchida ukn530
5
5.2k
デザイナーによるAtomic Designの実践〜導入編・運用編〜
Avatar for Tatsuya Uchida ukn530
9
3.3k

Other Decks in Design

See All in Design
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
210
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
170
Treasure_Hunting
Avatar for Sol Metts solmetts
0
310
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
320
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
810
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
830
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
710
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
280
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
6
8.8k
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
3.8k
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
1.1k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
680

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
270
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.7k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
140

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. ありがとうございました