データの説得力 ポータルサイトのトップページは、複数存在する自社サービスの担当部署や広告主との関係を保ちつつ、主役である利用者と良い関係を築かなくてはいけません。利用者とひとことで言ってもリテラシーは幅広く、運営側が良いと判断して導入した機能やサービスが、利用者にとって「使い難い」という結果になる...
データの説得力
ポータルサイトのトップページは、複数存在する自社サービスの担当部署や広告主との関係を保ちつつ、主役である利用者と良い関係を築かなくてはいけません。利用者とひとことで言ってもリテラシーは幅広く、運営側が良いと判断して導入した機能やサービスが、利用者にとって「使い難い」という結果になることさえあります。
つまり、ひとつの情報を動かしたり調整をするだけでも、大変なプロセスになることがあるのです。特に今回のリニューアルのように大幅な変化を伴う場合、海外版の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が考える「公共スペース」が今後どのようなかたちで実装されていくのか、今から楽しみです。

最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- 激怒?わな?日本渡航自粛 中国の論法、総領事投稿「なかったこと」:朝日新聞on 2025年11月15日 at AM 4:10
台湾問題をめぐる日中関係の緊張は、14日夜に中国側が日本への渡航自粛を国内に呼びかける措置に踏み切った。ビジネスや観光の往来を妨げ、両国関係に実質的な障害が生じる段階へと入った。 直接の引き金となっ…
- 「なみえ焼そば」ロイヤリティ徴収を撤回、謝罪…しかし杉乃家は今後も「なみえ焼そば」名称は使用しないとのこと「ブランド名を傷つけただけで終わったな」on 2025年11月15日 at AM 3:49
なみえ焼そばの名称使用料徴収が撤回され、飲食店での提供物には商標権が及ばないと判断されたため謝罪があった。申請時に第43類「飲食物の提供」が審査で削除されており、メニュー表記としての使用にはロイヤリティ不要と判断された。一方、道の駅などの物販は現行の商標登録で権利が及ぶため支払いを求める可能性が残...
- クマに顔引き裂かれ、神経・筋肉失い手術5回…後遺症に苦しむ男性「駆除しないと」「かわいそうとは思わないよ」 on 2025年11月15日 at AM 3:16
【読売新聞】 2年前、クマに顔を切り裂かれて重傷を負った富山市の農業岡上隆さん(74)は、傷の後遺症に今も苦しんでいる。手術を繰り返し、今月上旬にも退院したばかりだ。左目は使えなくなった。「クマの動きは素早く、とても対抗できなかった
- 中国外交部、国防省が高市首相の「台湾有事」を巡る発言に日本語で異例の警告文を発するが「中国外交部ジェネレーター」を作られXで大喜利のネタにされてしまうon 2025年11月15日 at AM 3:10
リンク FNNプライムオンライン 中国国防省が「武力介入するなら代償を払うことになる」と警告 高市首相「台湾有事」めぐる発言に|FNNプライムオンライン 中国国防省は14日行われた会見で高市総理大臣の「台湾有事」をめぐる発言について「武力介入するなら惨憺たる代償を払うことになる」と警告しました。中国国防省の...
- トランプ氏、食料品220品目超の相互関税撤廃 価格高騰に対処 - 日本経済新聞on 2025年11月15日 at AM 3:09
【ワシントン=八十島綾平】トランプ米大統領は14日、220品目を超す食料品を対象に相互関税を撤廃するための大統領令に署名した。原産国を問わずコーヒーや牛肉、バナナなど多くの食料品に相互関税がかからないようにして、価格高騰に対処する。米東部時間13日午前0時1分(日本時間同日午後2時1分)以降の輸入品に遡って...
- 中国外交部ジェネレーターon 2025年11月15日 at AM 2:56
任意のテキストを入力すると、右側に赤い背景の引用画像としてプレビューされます。 長文でも自動で文字サイズを調整して、枠内に収まるようにしています。 本文 “日本は再び軍国主義の過ちを 繰り返すつもりなのか 再び中国人民とアジア人民を 敵に回すつもりなのか 戦後の国際秩序を 覆そうとしているのか” 改行位置は...
- Building serverless applications with Rust on AWS Lambda | Amazon Web Serviceson 2025年11月15日 at AM 2:46
AWS Compute Blog Building serverless applications with Rust on AWS Lambda Today, AWS Lambda is promoting Rust support from Experimental to Generally Available. This means you can now use Rust to build business-critical serverless applications, backed by AWS Support and the Lambda availability SLA...
- 香川県でさぬきうどんを食べ歩く2泊3日14杯の旅on 2025年11月15日 at AM 2:04
2杯目、谷川米穀店は臨時休業だった 続いては三嶋製麺所よりもさらに山側にある『谷川米穀店』。米穀店という名前なのにとても有名なうどん屋らしく、すごく楽しみにしていた店なのだが、なんと臨時休業だった。 でもこういう休みは個人経営の店ならあって当然。店のブログを確認したら、ちゃんと休業のお知らせが書かれ...
