2016年12月9日金曜日

製作事例紹介:U-NEXT

THE GUILDの仕事として、ここ2年ほど動画ストリーミングサービス「U-NEXT」のUX/UIに纏わるお手伝いをさせていただいており、手掛けたデザインや取り組みについてご紹介します。



U-NEXTについて

Netflixが昨年末、日本に上陸した事は記憶に新しいですが2015年は「動画元年」と呼ばれ、動画ストリーミング市場は活況を呈しています。

競合ひしめく動画ストリーミング市場にあって、U-NEXTは2007年より同市場で9年間に渡って提供しており、コンテンツ数、会員数共に日本で最大規模の動画ストリーミングサービスです。

2015年10月にU-NEXTはサービスの完全リニューアルを行い、その中でiOS、Android、Android TV、Amazon FireTV、U-NEXTオリジナルセットトップボックスと多種多様なデバイスのUIデザインと開発をTHE GUILDで担当させていただきました。







UIの全面リニューアル

U-NEXTがサポートするデバイスは数多くあるのですが、大きく分類するとモバイルデバイスとTVの2つに分類されます。

マルチスクリーンが当たり前になりつつある現在のインターネットサービスにおいて、いかにモバイルでもTVでも迷わずに均質でクオリティの高い体験を提供する事が出来るか、リニューアルにおける大きな課題でした。

UIデザインは私とTHE GUILDの@chiiiiiharu、iOSアプリはStaccal時代から私の相棒の@Jacminik、AndroidアプリはTHE GUILDのAlphaVersionチーム、AndroidTVやFireTV等のTV向けアプリはAndroid界で有名なウフィカさん、という構成でU-NEXT社内のエンジニアの方々と共同で開発を行いました。





Direction / UI Design: Go Ando (THE GUILD, Mobile and Designgoando)
UI Design: Chiharu Kodama (THE GUILD, Chocolu.net)
iOS Development / Motion Design: Masahiro Katsumata (+Beans)
Android Development: Masato Yamaguchi (THE GUILD, Alpha Version Inc.)
Android Development: Naomoto Niwayama (THE GUILD, Alpha Version Inc.)
Android Development: Kenji Wada (THE GUILD, Alpha Version Inc.)
TV App Development: Yuki Anzai (uPhyca, uPhyca Inc.)
TV App Development: Yui Matsuura (uPhyca, uPhyca Inc.)



U-NEXTのリニューアルの詳しい経緯とUIデザインについて、U-NEXTの「inside U-NEXT」に記事を寄稿しましたので、ぜひご覧ください。


約1年間の期間に渡るサービスのフルリニューアルを経て、更に継続的なサービスの改善に関わらせていただいています。大変光栄な事に、先日U-NEXTの技術顧問就任のプレスリリースを出していただきました。

> デジタルコンテンツ配信サービス「U-NEXT」の技術顧問に安藤剛氏、あんざいゆき氏、久保雅彦氏、クリスチャン・モエン氏が就任

引き続き更なるサービスの改善のために、THE GUILDでお手伝いをさせていただいております。






inside U-NEXTについて

上記の「inside U-NEXT」ですが、メディアテクノロジー関連の技術をテーマにしたブログの他、U-NEXTの社内エンジニアや私の様な立場で外部から協力させていただいているパートナーのインタビュー記事等を掲載し、U-NEXTを支える技術や取り組みを世の中に発信する事を目的として、今週(2016年12月現在)公開しました。

こちらもTHE GUILDが製作を担当させていただきました。リニューアルに引き続き@chiiiiiharuが全体デザインとディレクションを、@cocoponが実装で私は写真とビデオ製作、というチームで参加しました。


Direction / Design: Chiharu Kodama (THE GUILD, Chocolu.net)
Development: Hiroki Kokubun (THE GUILD, cocopon.me)
Photo / Video Shoot: Go Ando (THE GUILD, Mobile and Designgoando)



U-NEXTのサービスは実に多様な技術によって支えられていますが、主要な技術として以下の分野が挙げられます。
  • 趣味嗜好が全く異なる利用者たちが、ストレスなく自分好みの作品を見つけ出し、視聴できる仕組み(パーソナライズ・レコメンデーション・EC・検索)
  • プレミアム動画(プロフェッショナルなスタジオ・制作会社によって産み出される高品質な映画・ドラマ・アニメ・etc.)を一瞬で、Blu-rayより高画質で、バッファリングなく再生する環境(ネットワーク・メディアテクノロジー・CDN・再生プレーヤー)
  • 数多ある映像・書籍の元素材をデジタイズ・ノーマライズし、素早く正確に配信可能な状態に整理・運用する仕組み(トランスコーディング・コンテンツインジェッション)
  • 大切な作品の権利を海賊行為から守るためのセキュリティ(著作権保護機構・DRM)
  • 作品の配信権利を持つ方々の意向に応じた配信条件制御(コンテンツマネジメントシステム・CMS)
  • サービス全体・個別のプロダクト・各アプリがビジネス・運用それぞれうまく行っているのかを監視・評価する仕組み(データサイエンス・ビッグデータ・機械学習・Deep Learning・BI)
  • これらを実現するための複雑なビジネスロジックを可用性と拡張性を維持しながら実現するアーキテクチャ
inside U-NEXT: 「inside U-NEXTはじめました」より抜粋

これだけでも非常に先端で進化の早い分野の技術ばかりですが、U-NEXTの専門性が高く、出身国が約10カ国にも上るグローバルなエンジニアチームも見所があり、今後のインタビューのコンテンツが楽しみです。

エンジニアの採用も積極的に行っており、様々なカテゴリの技術に触れられると思いますので、メディア・テクノロジー、エンターテイメントの分野にご興味のある方は是非一度inside U-NEXTをご覧下さい。






デザインコンセプトムービー

最後に、リニューアルしたU-NEXTのモバイル・TVのUIのデザインコンセプトのムービーを@Jacminikと一緒に製作しました。モバイルとTVというタッチI/FとリモコンI/Fの違いをどの様にデザインに落とし込んだかを表現したものです。ぜひご覧ください。



Concept / UI Design and Direction: Go Ando (THE GUILD, Mobile and Designgoando)
Design / Animation: Masahiro Katsumata (+Beans)


本当に良いサービスなので、ぜひ一度アプリもお試し下さい。