Skip to content

ヤフー天気のウェブ・アプリのデザイン・実装

https://weather.yahoo.co.jp/weather/

ヤフー株式会社

Year

2015

Category

Design/Development

2015年から2017年まで、ヤフー天気のデザイナーとしてアプリとウェブのデザイン・実装を担当。機能改善とグロース施策に取り組み、平均DAUを700万ほどから1,000万超まで向上させることに貢献しました。

Work detail

アプリデザインの工夫

ヤフー天気アプリは毎日1000万人以上のユーザーに利用されています。 毎日、簡単かつ迅速に必要な情報を取得できるように、情報設計と表示の優先順位づけにこだわりました。

  • ファーストビュー: まず必要な情報が完結すること
  • ウィジェット/通知: ユーザーが能動的に開かなくても情報を取りにいけること

また競合サービスと差別化をするため、ユーザー数の多さを強みに、今の天気を投票できる機能も開発しました。

広告運用、ASO

アプリをグロースさせていくために、YDN(Yahoo!ディスプレイアドネットワーク)広告の運用、アプリストアのPDCAも担当していました。 広告は日々の天気や地域特性に合わせて訴求を出し分け、細かな運用を通して顧客獲得効率の向上を図りました。

自社サイト内に掲載するバナーでは、スクロールに応じて訴求が変わるクリエイティブを提案・実装しました。

アクセシビリティの取り組み

ヤフー天気は災害情報等を扱っており、情報へのアクセスのしやすさが人命を左右することもあるサービスです。そのため、アクセシビリティには最大限配慮しており、誰でも認知・理解できる色使いや、読み上げブラウザへの対応などを実施していました。

以下の画像は、読み上げブラウザへの対応の例です。 一般的なユーザーは、黄色で「雷」と書いてあれば、雷注意報が出ていることが理解できます。一方、読み上げブラウザの場合は「雷」と読み上げられるだけでは、注意報であることがわかりません(色の情報が抜け落ちてしまう)。そのため、読み上げ用に「注意報」というテキストを非表示で追加しています。


About me

Yuki Shimizu, UI/UX Designer

2013年に慶應義塾大学を卒業し、ヤフー株式会社に入社。ショッピング、ニュース、天気等のサービスのデザインや実装を担当。
2021年からスタンバイ株式会社に出向し、デザイナー兼PMとしてサービスの改善に従事。
2023年にSales Marker株式会社に転職し、1人目のデザイナーとして組織作りをしながら、プロダクトデザイン、ブランディング、マーケティング等を推進。現在はブランディングデザイン部の部長として幅広い業務を担当。

Figma / Illustrator / Photoshop / STUDIO / WordPress / Astro / React / Vue / TypeScript

保有資格:宅地建物取引士、応用情報技術者、TOEIC940点