$30 off During Our Annual Pro Sale. View Details »

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

Other Decks in Design

See All in Design
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
260
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
180
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
2
970
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
1k
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
0
130
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
2.8k
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
1k
身の丈に合うところから始めるデザインシステム
Avatar for Tommy tommytommy30
1
120
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
790
mount_company_profile
Avatar for mount inc. mount_inc
0
3.6k
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
130
Liquid GlassとApp Intents
Avatar for touyou touyou
0
530

Featured

See All Featured
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
8
1.2k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.4k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
60
9.6k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k

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