見出し画像

hulu トレースしてみました。

最初はNetflixとhuluのヘッダーをスクショして比較してみようと思ってたんですが、なぜかいつの間にかhuluのトレースにw
なので、ヘッダー部分だけはスクショのままです。1366pxでのトレースです。

全体の一番外の余白は4%と、パーセント指定でした。
(これはNetflixも同じく4%でした)
あとは1つ1つの動画の幅も20%と、ここもNetflixと同じでしたね。

画像2

huluのcomponents

画像3

ダークモードverなので、グレーのバリエーションが豊富ですね。
トップだけのトレースなのであまり部品がありませんでしたが、逆にいうとすごくシンプルな少ないパーツだけでトップページが構成されていることがわかりました。

Netflix vs hulu ヘッダー比較

画像3

肝心のヘッダーの比較ですが、Netflixの方が比較的シンプルな構成に対して、huluの方がメニューが豊富なのでなんとなく観たいものをぽちぽち探しやすい構成になってそうです。

特徴的だったのは検索部分で、NETFLIXは一旦検索バーでキーワードを入れてからジャンルが絞り込まれるのに対し、
(だから何を入れていいか迷う人もいそう)
huluはプルダウンで検索バーとカテゴリ、ジャンルなどを絞り込めるメニューを用意していました。

個人的には、英語のリスニングもかねて海外ドラマをよく見るので、huluの制作国や字幕、英語字幕なんかが選べるのが何かと親切なのかなという感じでした。

この記事が気に入ったらサポートをしてみませんか?