最新の値上げをチェックして賢くお買い物!値上げニュース
Web, Webクリップ

Yahoo! Japanは大きめのサービスアイコンをロゴの両脇に置く従来のイメージを継承しつつ、海外のYahoo!のデザインを組み合わせた印象。右側に大きく配置された広告も海外版と異なる点のひとつ

データの説得力

ポータルサイトのトップページは、複数存在する自社サービスの担当部署や広告主との関係を保ちつつ、主役である利用者と良い関係を築かなくてはいけません。利用者とひとことで言ってもリテラシーは幅広く、運営側が良いと判断して導入した機能やサービスが、利用者にとって「使い難い」という結果になることさえあります。

つまり、ひとつの情報を動かしたり調整をするだけでも、大変なプロセスになることがあるのです。特に今回のリニューアルのように大幅な変化を伴う場合、海外版の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が考える「公共スペース」が今後どのようなかたちで実装されていくのか、今から楽しみです。

最新ニュース

  • [第6話]ガチャンキイ - 下元朗 | 少年ジャンプ+
    2025年12月15日 に PM 3:11 に

    ガチャンキイ 下元朗 <毎週火曜更新>「偏差値9」十戒学園。そこは全国から不良が集まり、毎週のように転校生が来る学校だった。主人公・佐護丈は、喧嘩が弱く、蔑まれる日々を過ごしていたが、ある日喧嘩最強の「瞳呉空」が転校してきて…? [JC1巻2/4発売予定]

  • [第64話]限界OL霧切ギリ子 - ミートスパ土本 | 少年ジャンプ+
    2025年12月15日 に PM 3:08 に

    限界OL霧切ギリ子 ミートスパ土本 <毎週火曜更新>限界生まれ限界育ち、癖の強い奴はだいたい知り合い…。霧切ギリ子が贈る、今日をなんとか生きるライフハック――!? 読めば新たな知見を得る限界群像劇。 [JC発売中]

  • [39話]MAD - 大鳥雄介 | 少年ジャンプ+
    2025年12月15日 に PM 3:07 に

    MAD 大鳥雄介 <隔週火曜更新>謎の生物エイリアンの襲来で、人類のほとんどが滅んだ惑星。青年ジョンと妹は、僅かな生き残りと共に新天地を求めて移動する日々。そんな中、突如エイリアンの攻撃を受けてしまい…。 [JC6巻1/5発売]

  • [第1話].A-ドットアリス- - 西尾拓也 | 少年ジャンプ+
    2025年12月15日 に PM 3:04 に

    .A-ドットアリス- 西尾拓也 <毎週火曜更新>高校2年生の和泉のまわりには、ちょっと変わった女の子がいっぱい。お嬢様で高飛車な東雲や、ゲーム好きな後輩の明石。幼馴染も転校生も、気づいたら和泉の側にいて――時代は平成。"あの頃"をくすぐる、温かく切ない恋物語開幕!

  • [第220話]ダンダダン - 龍幸伸 | 少年ジャンプ+
    2025年12月15日 に PM 3:00 に

    ダンダダン 龍幸伸 <毎週火曜更新!最新2話無料>TVアニメ第3期 制作決定! 幽霊を信じないオカルトマニアの少年・高倉と、宇宙人を信じない少女・綾瀬は、互いの理解を超越した圧倒的怪奇に出会う――…!オカルティック青春物語!! [JC22巻1/5発売予定]

  • 日本人プログラマ向け、プログラミングに適した「フォント」まとめ。2025年版
    2025年12月15日 に PM 2:16 に

    プログラミングでは、1文字でも打ち間違いがあればエラーの原因になってしまいます。 そこで似たような文字、例えば数字の「1」(いち)とアルファベットの「l」(エル)、数字の「0」(ゼロ)とアルファベットの「O」(オー)などを容易に見分けられるようなフォントを使うことが、ミスを防ぐことにつながります。 コー...

  • ラーメンのノリっていつどうやって食べるのがベストなの
    2025年12月15日 に PM 1:52 に

    最初に手を付けないとすぐシナシナになるからノリだけ食べみたり、麺に巻いてみたり、未だにあのノリの存在が分からない。

  • 名古屋の一大プロジェクトだった「名鉄名古屋駅」の再開発が資材高騰で頓挫…名鉄百貨店の閉店は決まってるし、あのエリアが来春から廃墟化するのは大丈夫か?
    2025年12月15日 に PM 1:49 に

    日本経済新聞 電子版(日経電子版) @nikkei 名鉄名古屋駅の再開発が暗礁に 建設工事費が倍増 nikkei.com/article/DGXZQO… 「無念の思いでいっぱいだ」。12月12日の記者会見で名鉄の高崎裕樹社長は涙ぐみながら語りました。 pic.x.com/uMNJ6KImZg 2025-12-13 11:46:35 日本経済新聞 名古屋編集部 @nikkeinagoya 突如発...



出典:公式総合情報データベースサイト「coron」 執筆者 : .

管理人のアンテナlive!


coronでは、サイトの利用状態の記録解析やパーソナライズ機能を利用するために、Cookieなどを使用してアクセスデータを取得・利用しています。
利用を続ける場合、これらの情報の取得・利用及びウェブサイト利用規約に同意したものとみなします。以下から詳細及びオプトアウトについてご確認ください。

ウェブサイト利用規約    
掲載されている広告について    
推奨環境