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

Other Decks in Design

See All in Design
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
12k
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
500
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
780
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
540
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
0
130
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
210
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.6k
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
130
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.5k
数理的アプローチで挑むスマホ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
1
900
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
1
25k
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
170

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
960
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
24
1.5k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k

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