ブランドのメインカラーをあえて使わない理由とは?「Hulu Live」から学ぶ、次世代のUI/UX
アメリカ版Huluが、ライブ配信を行う新しいプラットフォームとして「Hulu Live」をリリースしました。
「Hulu Live」にはメインカラーだったライムグリーンが一切使われておらず、デザイン面で大幅な刷新をしています。
この新しいUI/UXが斬新だと海外で話題になっています。
Hulu Liveの登場により、ケーブルテレビのユーザーはインターネットに流れ込むと言われています。
視聴者はパソコンや家のテレビはもちろん、モバイル端末でライブ動画配信を見ることもでき、購読者には後で録画したものを再生して見ることができる機能も提供しています。
それでは、Hulu Liveがどんな機能を提供しており、どんなUI/UXになっているのでしょうか。
今回は、Hulu Liveの機能やUI/UX上のポイントをご紹介します。
Hulu Liveとは?
「Hulu Live」は、Huluが新しくリリースしたライブ動画配信を行うプラットフォームです。
YouTubeなどのようにユーザーがコンテンツをアップするのではなく、野球やバスケットボールをはじめとした実況中継など、従来ケーブルテレビが放送していたような番組を配信します。
10年前にHuluがローンチしたときは、ほどんど独占状態だったマーケットも、今では競争が激化しています。
AmazonやNetflix、YouTubeといった企業が注目を集める中、独自番組を制作することなく、多かれ少なかれ似たような番組が目立ちます。
では、Hulu Liveが他のサービスと差別化しようとしている部分はどこにあるのでしょうか。
それは*UX(ユーザーエクスペリエンス)*です。
HuluのUX&デザインチームのサブリーダーであるジョン・コーチはCo.designのインタビューの中で、次のように語っています。
我々が大きな競争の中にいるのだとしたら、「自分たち」をどのように差別化できるか、常に考えていました。
そして明らかに、「体験」こそがそれを成し遂げる手段でした。
人々がテレビを見続けるのをやめてインターネットにシフトさせるというHuluの構想は、2016年1月に始まりました。
当時、このチームにはスタッフとしてたった6人のデザイナーしかいませんでした。
現在は40人以上のチームにまで拡大し、UXデザインのコンサルティングを行うデザインエージェンシーHugeとともにプロダクトデザインを行なっています。
Hulu Liveが変えたUX〜機械学習とオンボーディング
ケーブルテレビでもストリーミングサービスでも、番組を見るときに最も頭を悩ませるのは、見たい番組を探すことです。
選択肢の数は、テレビ番組の数と同じなので、新着番組を紹介しつつもユーザーが求めている番組を提供することが重要になります。
ストリーミングサービスにログインすると、さまざまな映画やお笑い番組、アニメなどが流れてきます。
ユーザーが最初にやるのは、昔で言えば雑誌形式のTVガイドをめくることで、少し前で言えばデジタルのテレビ番組ガイドを操作することです。
このUXは初期のHuluも同じだったと言えます。
たくさんの選択肢があれば、それだけユーザーのためになる、ということを前提にデザインされていました。
しかし、Huluは今回のプロダクトでホーム画面のグリッドシステムを撤廃しました。
その代わりに、ユーザーの好みを機械学習で学ぶアルゴリズムに変え、個人の好みに合いそうなものを提案する形に変えたのです。
Hulu Liveにアクセスすると、まずプロフィールをセットアップする操作に入ります。
この一連の質問に答えていくことで、そのユーザーがどのような番組が好きかをある程度把握できます。
リストの中から、犯罪ドラマなのか、イギリスのコメディなのか、アニメなのか、好きなジャンルを選んでいきます。
好きなジャンルを選んだあとは、好きな番組やネットワークをプロフィールに加えていきます。
最初にオンボーディング(サービスの流れに乗せること)を経験したユーザーには、カスタムのホームページが用意されます。
個人用ホームページには2つの別れたセクション(チャンネルと番組)が用意されており、ニュースやスポーツのようなアルゴリズムが選んでくれたテーマも表示されます。
ユーザーは1つの画面で1つのカテゴリーを閲覧することができ、右にスクロール(モバイルデバイスではスワイプ)を行うことで他のカテゴリーに切り替えることができます。
Hulu Liveで番組を観れば観るほど、機械学習のアルゴリズムによって観たい番組が次々に提案されていきます。
認知負荷(コグニティブオーバーロード)が軽減されれば、ユーザーのHuluに対するエンゲージメントもますます上がっていきます。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- インターネット
- インターネットとは、通信プロトコル(規約、手順)TCP/IPを用いて、全世界のネットワークを相互につなぎ、世界中の無数のコンピュータが接続した巨大なコンピュータネットワークです。インターネットの起源は、米国防総省が始めた分散型コンピュータネットワークの研究プロジェクトARPAnetです。現在、インターネット上で様々なサービスが利用できます。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- インターネット
- インターネットとは、通信プロトコル(規約、手順)TCP/IPを用いて、全世界のネットワークを相互につなぎ、世界中の無数のコンピュータが接続した巨大なコンピュータネットワークです。インターネットの起源は、米国防総省が始めた分散型コンピュータネットワークの研究プロジェクトARPAnetです。現在、インターネット上で様々なサービスが利用できます。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- コンサルティング
- ビジネスはより高度化し専門的になっています。そこで、事業者のみならず専門家を呼び、彼らからアドバイスを受けながら、日々の活動を確認したり、長期の戦略を考えたりします。その諸々のアドバイスをする行為自体をコンサルティングといい、それを行う人をコンサルタントと言います。特別な資格は必要ありませんが、実績が問われる業種です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- デバイス
- デバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。
- エンゲージメント
- エンゲージメントとは、企業や商品、ブランドなどに対してユーザーが「愛着を持っている」状態を指します。わかりやすく言えば、企業とユーザーの「つながりの強さ」を表す用語です。 以前は、人事や組織開発の分野で用いられることが多くありましたが、現在ではソーシャルメディアなどにおける「交流度を図る指標」として改めて注目されています。
おすすめ記事
関連ツール・サービス
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング