新生「Yahoo! JAPAN」アプリが目指した、快適な“スタートポイント”(1/2 ページ)

» 2013年03月08日 14時00分 公開
[園部修,ITmedia]

 ヤフーは、2月25日にリリースした「Yahoo! JAPAN」アプリの最新バージョンで、これまでのアプリとはユーザーインタフェースをがらりと変え、スマートフォンの中で中心的に利用してもらうための機能を備えたアプリへの進化を図った。これまで積み重ねてきた歴史やユーザー体験を一度リセットして、ユーザーの利便性を考慮した、まったく新しいユーザーインタフェースを採用する大幅なリニューアルを行ったのだ。以前からYahoo! JAPANアプリを愛用していた人の中には、アップデート後に起動して驚いた人もいたかもしれない。

Photo ヤフー メディアサービスカンパニー 開発本部 Y!トップアプリ サービスマネージャーの岡昌樹氏と、ヤフー メディアサービスカンパニー 開発本部 制作1部 制作2の会田智史氏

 そんな今回のリニューアルの裏には、ヤフージャパンの大きな決意があった。それは「Yahoo! JAPAN」アプリがスマートフォン上での“インターネットのスタートポイント”になること。PCの世界で、不動のポータルサイトとしての地位を築いた同社は、スマートフォンの普及が始まった今、スマートフォン向けアプリやスマートフォン向けサービスの分野でも、ユーザーの行動の起点であり続けるべく、取り組みを強化している。

 ヤフーはなぜ「Yahoo! JAPAN」の名を冠した、いわばヤフーの“顔”とも言えるアプリをリニューアルしたのか。その狙いをヤフー メディアサービスカンパニー 開発本部 Y!トップアプリ サービスマネージャーの岡昌樹氏と、ヤフー メディアサービスカンパニー 開発本部 制作1部 制作2の会田智史氏に聞いた。

Button
Button


UIを挑戦的に変更 「少ない画面遷移で多くの情報を見せる」

 ヤフーはもともと、iOS向けYahoo! JAPANアプリを2008年から、Android向けYahoo! JAPANアプリは2011年から提供しており、それぞれのプラットフォームが本格普及を迎える前から、Yahoo! JAPANのサービスが利用しやすいアプリを積極的に提供してきた。それは、やはりスマートフォンでも快適にYahoo! JAPANを使ってほしいという思いがあったからだ。

 ただ、その頃はスマートフォンのWebブラウザからアクセスするサイトと、スマートフォン向けアプリで、それぞれ使用感が異なっていた。「Webサイトだからこうしよう、アプリだからこうしようと、それぞれ差別化することを前提に考えていたんです」と岡氏はいう。そのため当初のYahoo! JAPANアプリは、スマートフォンのホーム画面のようなユーザーインタフェース(UI)にしていた。画面は横方向のフリックで切り替え、大きめなアイコンをタップして操作するという、いかにもスマートフォンぽい操作体系だった。

 一方新しいYahoo! JAPANアプリでは、片手で持って操作できることを重視してUIを刷新した。画面遷移が少なく、一覧性が高いのが特長で、「電車の中でご覧いただく方も多いですから、片手で快適に使えることを目指しました。迷わずにすべての情報が見られるのが特長です」と会田氏は胸を張る。Yahoo! JAPANの強みである「検索」「サービス」「トピックス」の3つの要素を中心に据えた構成を採用し、ユーザーがYahoo! JAPANアプリに求めている“動き”とはどいういうものかを模索しながら作り込んだ。

PhotoPhotoPhotoPhoto Yahoo! JAPANの強みである検索、サービス、トピックスが見やすいのはもちろん、Webページの閲覧やネットサービスの利用まで、幅広いスマホ活用の起点となることを目指して開発された
Photo 「最初にユーザーに提供したアプリから、UIを大きく変えることにはリスクも感じていて、これまでなかなか踏み切れなかった」と岡氏

 「Yahoo! JAPANアプリは、最初に提供したUIやユーザー体験を崩さないようにこれまでバージョンアップしてきましたが、ヘビーユーザーからライトユーザーまでをカバーできる、より便利なものに作り替えるべく、『ホーム改善プロジェクト』を立ち上げて新アプリの企画をスタートしました。PC向けのサイトで得られるユーザー体験を踏襲しながら、Yahoo! JAPANのスマートフォンアプリで提供できる動きとはどういうものであるべきかを考え、実装しています」(岡氏)

 「奇をてらうのではなく、ユーザーが使いやすい動きを考え、指が届きやすく、なるべく画面を切り替えずに情報を見られるものを目指しました」(会田氏)

 最初にユーザーに提供したアプリから、大きくUIを変えることにはリスクも感じていたそうで、「なかなか踏み切れなかった」と岡氏も話していたが、今回のリニューアルはヤフーでも「スマホファースト」の視点から考えに考え抜いた結果だったようだ。

世の中の「今」がすぐ分かる配置

 Yahoo! JAPANアプリが目指した、“画面遷移を少なくしつつ、情報をたくさん見せる”という目標。これは、両立させるのはなかなか難しく思えるが、タブや部分スクロールなどをうまく組み合わせて実現した。例えば検索窓の下にはタブで切り替えられる3つのメニューを用意し、すぐにアクセスできる情報を「サービス」「よく見る」「アプリ」の3つに分類。「サービス」を選択すれば横スクロールでサービスが選べ、利用頻度や人気の高いものから順に並んでいる。新たに用意したリアルタイム検索機能「話題なう」も20のワードを左右にスクロールしながら確認する仕組みだ。

 一方トピックスは、1カテゴリーあたり8本の記事が一覧表示できるよう、タイトルとカテゴリータブの配置にこだわった。トピックスの記事が必ずファーストビュー(起動時の最初の画面)に入っていることも重視したという。「新しい情報がすぐ目に飛び込んでくることを重視しました。タブの位置は上にしたり横にしたりと、いろいろな場所に配置してみて、ユースケースの検証をやりました。その結果、右側に縦に並べる現在の仕様に決まりました。また、前回終了時に選んでいたタブを覚えていて、次回起動したときはそのタブが開くのもポイントです」(岡氏)

       1|2 次のページへ

Copyright © ITmedia, Inc. All Rights Reserved.

アクセストップ10

2026年02月10日 更新
  1. 「iPhoneの調子が悪いです」の文言、なぜアイホンのFAQに? 実はAppleと深く関係 (2026年02月08日)
  2. 総務省有識者会議が「手のひら返し」な我が国への示唆――日本を国際標準から遅れさせたのは自らの愚策のせい (2026年02月08日)
  3. 「東京アプリ」で1.1万円分をゲット、お得な交換先はどこ? dポイント10%増量+楽天ペイ抽選が狙い目か (2026年02月05日)
  4. KDDI、楽天モバイルとの「ローミング重複エリア」を順次終了 松田社長が言及 (2026年02月06日)
  5. 楽天モバイル、1000万回線突破も残る「通信品質」の課題 5G SAの早期導入とKDDIローミング再延長が焦点に (2026年02月07日)
  6. 東京アプリ、PayPayがポイント交換先に追加される可能性は? 広報に確認した (2026年02月05日)
  7. Googleが台湾のPixel開発拠点を公開 「10 Pro Fold」ヒンジ開発の裏側、“7年サポート”を支える耐久テスト (2026年02月09日)
  8. 【ニトリ】1990円の「スマホに付けるカードケース」 マグネット対応でスタンドとしても使える (2026年02月07日)
  9. 「小型iPhone SEを復活させて」──手放せない理由SNSで話題 どこが“ちょうどいい”と評価されるのか (2025年11月29日)
  10. あらゆるアプリ操作を任せられる“真のAIスマホ”「M153」が中国で売れまくっている TikTok運営元ByteDanceのエージェントAI「Doubao」を搭載 (2026年02月08日)
最新トピックスPR

過去記事カレンダー

2026年