Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-im...

CyberAgent
October 29, 2024

ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve

ABEMAでは配信するコンテンツのジャンルや作品数が多く、複雑化した概念モデルとUIを改善するためにコンテンツモデルに焦点を当てました。
コンテンツをどのように構造化し、モデリングするかは、UIの表現や使いやすさに大きな影響を与えます。
CAのような、優れたUIデザイナーがそれぞれ在籍しているプロダクトにおける「使いにくいUI」は、UIデザインにだけ原因があることは意外と少なく、大体が概念モデルの設計、そもそもの要件、ひいてはビジネスモデルに課題があるはずです。
そこをUIデザイナーが正していくのが一番効率的であり、一般的に「UIデザイン」で想像する業務から少しはみ出た仕事の面白さをお伝えします。

https://cadc.cyberagent.co.jp/2024/sessions/abema-ui-improve/

CyberAgent

October 29, 2024
Tweet

More Decks by CyberAgent

Other Decks in Design

Transcript

  1. こうなっていた オオカミには騙されない Season11 オオカミには騙されない Season12 本編 エピソード エピソード エピソー プレミアム

    限定 PR オオカミには騙されない Season13 本編 エピソード エピソード エピソード プレミアム 限定 PR それぞれが独立した作品に... 1
  2. 2 シリーズ 優先 アニメやドラマ のような作品の 時系列がハッキ リしていて連続 的な視聴が求め られる作品 シーズン

    優先 恋愛番組やオー ディション番組 で特定シーズン にのみ興味関心 がある可能性が 高い作品 検索結果やランキングにも シーズン単位で露出される エピソード 優先 バラエティ番組 のように特定エ ピソードに興味 関心があり、時 系列の連続的な 視聴が求められ ない作品 映画・特番 シーズン概念が なく、1シリーズ に対して本編が1 つしかない作品 競技・大会・ イベント スポーツ、格闘、 麻雀、将棋のよ うにリーグや大 会の概念がある 作品 シリーズ 優先 アニメやドラマ のような作品の 時系列がハッキ リしていて連続 的な視聴が求め られる作品 シーズン 優先 恋愛番組やオー ディション番組 で特定シーズン にのみ興味関心 がある可能性が 高い作品 検索結果やランキングにも シーズン単位で露出される エピソード 優先 バラエティ番組 のように特定エ ピソードに興味 関心があり、時 系列の連続的な 視聴が求められ ない作品 映画・特番 シーズン概念が なく、1シリーズ に対して本編が1 つしかない作品 競技・大会・ イベント スポーツ、格闘、 麻雀、将棋のよ うにリーグや大 会の概念がある 作品 5種類の作品パターン
  3. 2 シリーズ 優先 アニメやドラマのような 作品の時系列がハッキリ していて連続的な視聴が 求められる作品 シリーズ シーズン エピソードグループ

    エピソード エピソード エピソード シーズン シーズン エピソードグループ エピソードグループ シリーズ優先
  4. 2 シーズン 優先 恋愛番組やオーディショ ン番組で特定シーズンに のみ興味関心がある可能 性が高い作品 検索結果やランキングにもシーズン単 位で露出される シリーズ

    シーズン エピソードグループ エピソード エピソード エピソード シーズン シーズン エピソードグループ エピソードグループ シーズン優先
  5. 2 エピソード 優先 バラエティ番組のように 特定エピソードに興味関 心があり、時系列の連続 的な視聴が求められない 作品 シリーズ エピソードグループ

    エピソード エピソード エピソード シーズン ーー エピソードグループ エピソードグループ エピソード優先
  6. 3 オオカミには騙されない 花束とオオカミ ちゃんには騙 オオカミちゃん とオオカミ%( 彼とオオカミ ちゃんには5( 虹とオオカミに は騙されない

    本編 特別映像 #1:バラ一輪の 花言葉を君に 54分 362 „( 無料 オオカミには騙されない 花束とオオカミちゃ んには騙されない オオカミちゃんと オオカミくん( 彼とオオカミちゃ んには騙されない 虹とオオカミには 騙されない 本編 特別映像 #1:バラ一輪の花言葉 を君に 54分 362 万視聴 無料 オオカミには騙されない 花束とオオカミちゃん には騙されない オオカミちゃんとオ オカミくんには5( 彼とオオカミちゃん には騙されない 虹とオオカミには騙 されない 本編 特別映像 #1:バラ一輪の花言葉を君に 54分 362 万視聴 無料 どんな端末でも一定の見切れ方をさせるために 画面幅に対して3.3個の計算でレイアウト (アクティブアイテムは1.1倍のスケール) シーズンタブUIのデザイン w340 w375 w430
  7. 開発チーム 30名 4 関係者の多さ コンテンツデータを入稿、設定する運用部 10名 クリエイティブを制作するチーム 4名 データサイエンティスト 4名

    広告配信チーム 4名 コンテンツの契約や管理を行うチーム 3名 プロジェクトコアメンバー 6名 私 各番組の制作、運用、編成担当 60名
  8. 4 プロセス STEP1 番組担当にヒアリング 統合すべき作品はあるか? タイトルがわかりづらくな いか?エピソードの分類は どうすべきか? STEP3 モデル移行

    開発、運用、編成、広告、 経営管理で実施日時を合わ せて対応 STEP2 メタデータの再設計 全シリーズ、全エピソード のメタデータを書き直す
  9. 4 プロセス STEP1 番組担当にヒアリング 統合すべき作品はあるか? タイトルがわかりづらくな いか?エピソードの分類は どうすべきか? STEP3 モデル移行

    開発、運用、編成、広告、 経営管理で実施日時を合わ せて対応 STEP2 メタデータの再設計 全シリーズ、全エピソード のメタデータを書き直す
  10. 4 メタデータの再設計 シリーズid シリーズタイトル シーズンid シーズン番号 シーズンタイトル エピソードグループ名 エピソード番号 123-45

    素晴らしき科学の世界シーズン2 123-45_xxx 1 本編 - 1 123-99 に統合 素晴らしき科学の世界 123-45_xxx 2 シーズン2 本編 1