Yahoo!カーナビ

Role
APO / UI Design
Date
2025
Platform
iOS / Android
Co.
LINEヤフー株式会社
Yahoo!カーナビ hero image

概要

約 1 年間、Yahoo!カーナビ の 10 周年リニューアル と、CarPlay / Android Auto の 改善に携わりました。

リニューアルでは 10 人弱のチームのデザインリードとして、コンセプト策定から体験設計UI 方針決定、デザインレビューまで担当。CarPlay / Android Auto では 4 人チームの APO 務め、ナビ利用者数半期前年比約 150% 伸ばしました。

10 周年向けたデザインリニューアル

若年層利用率中年層より低いこと課題とし、既存ユーザーへの配慮前提に、将来コアユーザーとなる若年層獲得目的としてデザインリニューアル行いました。

コンセプト

最初の 3 ヶ月は、PO や企画、デザイナー、開発メンバー巻き込みながらサービスコンセプト検討しました。

策定したコンセプト企画・デザイン・開発共通する判断基準として共有し、チーム全体同じ方向向いて進められる状態つくりました。現在も、コンセプトを軸に一貫したプロダクト改善続いています。

Yahoo!カーナビ リニューアルコンセプト

トップ・運転中マップ画面

各機能利用データと、「地図を広く見たい」というユーザー要望もとに、トップ画面刷新しました。

各機能利用データ分析・可視化し、実際の利用状況もとにトップ画面再設計しました。利用頻度高い機能に絞って地図表示領域を拡大し、ヒアリングを通じて情報の見つけやすさ操作性検証しながら改善しました。

Yahoo!カーナビ リニューアルトップ画面
Yahoo!カーナビ リニューアルドライブモード

ルート選択画面

ルート候補比較しやすい情報設計操作性、地図表示領域、さらに事業上重要なマイカー登録Yahoo!カーナビプラスへの導線両立できるよう、表示情報優先順位設計しました。

Yahoo!カーナビ リニューアルルート選択画面

ナビ画面

距離案内だけでは曲がる交差点判断しづらいという課題に対し、地図上対象となる交差点吹き出し表示し、運転中でも直感的認識できるよう改善しました。

また、信号密集するエリアでは運転中地図拡大する操作必要になる課題があったため、次の案内地点までの距離に応じて地図縮尺自動変化する仕様導入しました。

Yahoo!カーナビ リニューアルナビ画面

地図スタイル

Mapbox の 3D 地図表現対応し、周辺環境現在位置把握しやすいリアルな地図表現目指しました。

この変更により、見ているだけでワクワクするような体験提供できました。

Yahoo!カーナビ リニューアル地図スタイル

CarPlay / Android Auto 改善

機能の企画、優先順位付け、要件整理担当し、デザイナー開発メンバー連携しながら改善進めました。複数施策実施した結果、CarPlay/Android Auto でナビする利用者数は、半期で前年比約 150%なりました。

CarPlay - ナビ案内中、iPhone 側に道路情報を表示

CarPlay でナビを使用している際に、iPhone 側で確認できる道路情報拡充しました。

運転中でも短時間理解できることを重視し、渋滞情報加えて、高速道路走行時にはサービスエリア施設情報到着予想時刻表示しました。

Yahoo!カーナビ CarPlay ナビ案内中の iPhone 道路情報
Yahoo!カーナビ CarPlay ナビ案内中の iPhone 道路情報 2

Android Auto - 検索メニュー

目的地すばやく設定できるよう、自宅、職場、登録施設など、利用頻度高い候補から選択できる検索メニュー設計しました。

Yahoo!カーナビ Android Auto 検索メニュー
Yahoo!カーナビ Android Auto 検索メニュー 2