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

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

Avatar for Tatsuya Uchida Tatsuya Uchida
January 18, 2020
Design
0
2.8k

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
5k
デザイナーによるAtomic Designの実践〜導入編・運用編〜
Avatar for Tatsuya Uchida ukn530
9
3.2k

Other Decks in Design

See All in Design
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
Avatar for マズロー安達 maslow_akkun
0
300
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
270
ビジネス成果を最大限に発揮するPORTFOLIO
Avatar for Arai ataxi1003
0
530
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
670
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
730
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
1.4k
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
590
Light My Fire/ハートに火をつけるコミュニティ
Avatar for kgsi kgsi
1
150
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
120
株式会社Muture_ソーシャル推進事業
Avatar for Muture muture
PRO
0
140
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
330
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
800

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
840
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k
The Language of Interfaces
Avatar for Des Traynor destraynor
161
25k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k

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