データの説得力 ポータルサイトのトップページは、複数存在する自社サービスの担当部署や広告主との関係を保ちつつ、主役である利用者と良い関係を築かなくてはいけません。利用者とひとことで言ってもリテラシーは幅広く、運営側が良いと判断して導入した機能やサービスが、利用者にとって「使い難い」という結果になる...
データの説得力
ポータルサイトのトップページは、複数存在する自社サービスの担当部署や広告主との関係を保ちつつ、主役である利用者と良い関係を築かなくてはいけません。利用者とひとことで言ってもリテラシーは幅広く、運営側が良いと判断して導入した機能やサービスが、利用者にとって「使い難い」という結果になることさえあります。
つまり、ひとつの情報を動かしたり調整をするだけでも、大変なプロセスになることがあるのです。特に今回のリニューアルのように大幅な変化を伴う場合、海外版のYahoo!の見た目を継承するだけでは解決しない課題がいくつか出てきます。
何をするにもまず、可能な限りデータを収集して分析することが必須であると、Yahoo!トップページ企画に所属する西田修一氏は話しています。20〜30ほどアイデアが挙がったトップページの中から、8つのデザイン案をユーザーテストにかけ、アイトラッキングやインタビューを通じて得た情報を元にして、何が必要なのか、そして何が改善要素なのかをじっくり検討したそうです。
こうして集められたデータはトップページを形成していくために重要な資料になると同時に、他サービスの担当者への説得材料としても不可欠な存在です。
例えばページ左にあるサービス一覧は、海外ではアルファベット順ですが、日本版ではデータを元に利用者がよく使うサービスを順に表示しています。
リニューアル前に表示されていたサービスがリニューアル後には下に移動していたり、表示されていないものも出てきます。また、日本では海外のYahoo!よりも多くのサービスを展開しているので、すべてを平等に上に表示させるのは不可能です。
こうした変化は利用者だけでなくサービス担当者からも不満の声が挙がる可能性があるわけですが、ユーザーテストやアクセス解析から出たデータが意志決定する上で強い味方になります。
ワンクリック先には「いつものYahoo!」
海外版にはない「お気に入り」機能も実装しました。これにより、自分がよく使うサービスを登録してすぐにアクセスできるだけでなく、矢印ボタンでお気に入りエリアをサービス一覧の上に移動することも可能にしています。データでサポートしきれない部分は、独自の機能を実装して利用者を補助しているのです。
また、利用者だけでなく、表示されていない他サービスへの補助も同時になされています。海外版では「More Yahoo! Service」というボタンをクリックすると、Yahoo!が運営する他サービスの一覧ページへ移動しますが、日本版ではリニューアル前からある「買う」「知る」といった目的別にカテゴライズされたサービス一覧が、ページ移動することなくその場で見れるようになっています。
サービスの見せ方が大幅に変わったYahoo!トップページですが、ワンクリック先には利用者に馴染み深い従来の見せ方がきちんと用意されているわけです。
「最高の妥協点」というバランス感覚
ページ右側の情報のアプローチも、海外版と日本版では異なるやり方をとっています。
海外版ではメールや天気といったパーソナライズ機能の下に広告があるのに対し、日本では広告とパーソナライズの順が逆になっています。また、パーソナライズ機能の見せ方も、海外版ではマウスオーバーで詳細がみえる形式をとって場所を節約しているのに対し、日本では何もアクションを起こさなくても一望できるようになっています。
海外版のパーソナライズ機能はコンパクトに収まっているので、ファーストインプレッションでその下にある広告も見えるというメリットはありますが、毎回マウスオーバーしないと詳細を把握できないため、使いやすいかどうか意見が別れるところです。また、海外版の広告スペースは自社サービスへの誘導がほとんど。様々な広告が掲載される日本版とは重要度が異なります。
日本版ではCMをはじめとした他の媒体の広告を流用できるように、以前にはない大きさの広告スペースを用意し、場所も海外版より目立つ場所に配置して広告主への配慮がなされています。
要望があるからといってすべての声を反映させては、トップページのコンセプトが明確にならないばかりか、情報過多で使い難いページになってしまいます。そのため、西田氏が言う「最高の妥協点を見つける」ことが実装を決定する上で重要になってきますし、それを見つけるためにユーザーテストは欠かせない存在だといえます。
「最高の妥協点」を模索したエンジニア
最高の妥協点を見つけるというバランス感覚は、技術的な側面からもみることができます。
JavaScriptやPHPの開発を担当した堀邦明氏によると、リニューアルの際に米国のYahoo! Developer Networkのスタッフから現行サイトのフィードバックを得て、現在、そして将来の日本に必要だと考えられるテクノロジーを実装したそうです。マークアップ、ユーザビリティ、そして広告の三点のバランス感覚が、トップページの形成において最高のパフォーマンスを発揮させるエンジンになったといえます。
こうした実装のバランス感覚は、ページに表示されるコンテンツをサポートするためといっても過言ではありません。トップページ企画に携わるメンバーが「Yahoo! JAPANは公共スペースである」ということを強く意識しているからこそ、バランス感覚をもつことが重要ですし、それが実装面だけでなくコンテンツ開発でも見ることができるのです。
人と人が出会う場所としての「Yahoo! Japan」
Yahoo!のトップページをブラウザのホームに設定していると、意識しなくてもそこにYahoo!があるという状態が多くなります。こうした、なんとなく訪れている方や暇つぶしでアクセスする方が、Yahoo! Japanには少なくありません。そんな時間の隙間を埋めるために、Yahoo!はなにを補助できるのか。海外版と比べるとその違いがよく分かります。
海外版では最新ニュースが表示されるエリアが2段用意されているのに対し、日本版では上部は同様にニュースですが、下部では「今、旬のネタ」(西田氏)が用意されています。
毎日、数回更新されるこのエリアは自動生成ではなく、担当スタッフによる手作りコンテンツだそうです。ニュースのヘッドラインとはまた別の、友達や同僚との会話のネタになるものや、時事に関連した情報をタイムリーに用意して、何度も訪れてもらうだけでなく、トップページから次へ繋がるような導線にもなっています。
日本のインターネット利用者に向けて様々なチューンナップがされている今回のリニューアルですが、西田氏にとってこれはまだ通過点でしかないそうです。
なんとなく訪れるという意味での公共スペースは今回のリニューアルで実現されましたが、人と人の接点としての公共スペースという意味では、まだ改善の余地があると言います。
Yahoo! Japanのトップページは「社会の縮図」
最後に、西田氏にとってYahoo! JAPANのトップページとはどういった存在ですか?とたずねたところ、「社会の縮図である」と言っていたのが印象的でした。
様々な情報を一度に手に入れることができるという意味でも縮図といえますが、それだけではありません。情報配置を決めるにしても、数多くのユーザーテスト経てかたちになっているわけですから、日本の利用者の使い方がかたちになっているという意味でも縮図といえるのではないでしょうか。
海外のYahoo!より遅れてのリニューアルではありましたが、その分、日本の今を吟味して独自のアプローチを実装することができたといえます。日本のトップを走り続けるYahoo! Japanが考える「公共スペース」が今後どのようなかたちで実装されていくのか、今から楽しみです。

最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- 元GitHub CEOのドムケ氏、AI時代の開発プラットフォーム「Entire CLI」をオープンソースで公開。すべてのコンテキストをGitに保存on 2026年2月11日 at PM 1:22
元GitHub CEOのドムケ氏、AI時代の開発プラットフォーム「Entire CLI」をオープンソースで公開。すべてのコンテキストをGitに保存 昨年(2025年)8月にGitHub CEOを退任したトーマス・ドムケ氏は、新会社Entierの立ち上げと、AI時代の開発プラットフォームとして新たに開発した「Entier CLI」をオープンソースとして公開...
- ニュースレターを5年間配信して学んだことをまとめてみた。 - 世界のねじを巻くブログon 2026年2月11日 at PM 12:09
Substackの振り返り サブスタックでニュースレターの配信を始めて5年以上経ち、 6年目に突入した「ねじまき通信」。 nejimaki.substack.com せっかくなので、最近流行り(?)のニュースレターを配信してよかったことや、 どうやって書いているのかなどをシェアしていきたいなと。 メリット・よかったこと ニュースレターの...
- 空きっ腹だし450gのカレー入るだろと思って大盛り注文したらお通しでジャガイモ3個出て来てガチで終わった「お通しで出していい量ではないw」on 2026年2月11日 at PM 12:07
神保町のカレー店ボンディで大盛り450gを頼んだら、お通しにジャガイモ3個が出て満腹になった。味は非常に美味しく、行列ができる人気店。お通しの量が尋常でなく驚いたが、ほくほくで満足感が高かった。店による文化差があるらしい。
- 『きのこの山』『たけのこの里』AI味覚センサーで解析した結果「甘みが上回ってる時点できのこの勝ち」「お子ちゃま舌で草草の草」on 2026年2月11日 at AM 10:09
ライブドアニュース @livedoornews 【数値データ】「きのこの山」「たけのこの里」をAI味覚センサーで解析した結果 news.livedoor.com/article/detail… 甘味、塩味、酸味、苦味、旨味、コクを確認。甘味はきのこの山が圧倒的で、それ以外の数値はたけのこの里が上回っている。またコクの数値もたけのこの里がきのこの山...
- 「成仏してクレメンス」Xに新たな「グエー死んだンゴ」ニキ現る...膵臓がん研究の発展を望んでいた故人の想いに寄付が集まり出すon 2026年2月11日 at AM 9:43
柏木@SDT-WORKSの中の人 ※病気から回復中 @SDTworks ぐえー、死んだんゴ(´;ω;`) 予約投稿とか出来なくて、嫁さんに投稿お願いしました😂 予後不良の膵臓がん研究に、お力添えを頂けたら幸いです。 2026-02-11 09:37:07 柏木@SDT-WORKSの中の人 ※病気から回復中 @SDTworks 柏木こと真坂の身内の者です。以下、本人よ...
- 民主党政権の事業仕分けで麻生内閣の花粉症対策が廃止したという話について - 電脳塵芥on 2026年2月11日 at AM 9:34
https://x.com/toronei/status/2021213014167326819 麻生内閣が無花粉杉/小花粉杉への全面植え替えの予算を確保したのに、民主党政権が事業仕分けでそれを廃止したという話が拡散していた。この話のTwitter上での拡散元は2011年2月下旬ごろに行われた自民党の岩屋毅による投稿がキッカケだろう。今現在、この岩屋のアカ...
- ママ友が作ってくれた舞茸入りポテサラがおいしかった…これを超える作り方があったら教えて!→調味料や具材など、みんなのこだわりポテサラレシピまとめon 2026年2月11日 at AM 8:55
ママ友の舞茸入りポテサラが絶品。オリーブオイルでにんにく炒め舞茸を加え、ふかしたじゃがいもとツナを混ぜ塩で調整。ほかの案:きゅうり・ハム・ゆで卵にレンチンおからと牛乳でしっとり、塩昆布+薄切り玉ねぎ、カリカリベーコンと刻みいぶりがっこ、タクアン+白だしなど。試して好みを見つけて。
- 炊飯器を5千円のものから3万円のものに買い替えた結果、今まで食べていた米は何だったのかと…象印、本当にありがとう…米って本当に輝くんだ…on 2026年2月11日 at AM 8:35
黒井しば🐕🐾 @BlackShiba_chan 炊飯器を買い替えたんです。5000円のものから3万円のものに… 本当に…今まで食べていた米はなんだったのかと… 象印、ありがとう…本当にありがとう…米って本当に輝くんだ… 2026-02-11 14:31:04 黒井しば🐕🐾 @BlackShiba_chan 今までの米って、お椀に盛って「ぼくごはんです」って顔をして...
