SlideShare a Scribd company logo
Yahoo!Japanの杉浦です。
Y!MAPリニューアルのルートナビ、UIUXを担当しました
地図アプリ改善調査
月平均世代x性別利用比率
• 2015年12月の利用平均
• 利用者全体のユーザの性別x年代別の割合を100とした場合の、それぞれの機能の割合変化
10代男性の地図アプリ利用が1.11%で、
10代男性のルート利用が3.33%の場合、利用比率は300となります
10代女性40代男性の
約3倍
ユーザー層が顕著に変わるのは
ニーズに違いが有るからではないか
推測
ナビは道案内の最後の砦ではないか…
方向音痴向けのナビを作ろう!
方向音痴の人の特徴を調査
1.
視認できるものを目印にする
コンビニや銀行の看板は目印になりますが
道路の形、道路名、交差点名は目印にあまりしません
2.
地図を見ているエリアが狭い
ルートライン、現在地アイコン周辺を注視します
意識の外の目印
3.
地図の切り替わりに弱い
ナイトモード
明るい地図と印象が違う、方向が分からなくなります
3Dモード
見つけた目印が消える、現在地が分からなくなります
東西南北指示は混乱を生む
進行方向を上にするため
地図を回す
4.
5.
方向音痴にも
色々な原因がある
もっと簡単に
理解できるナビ
コンビニや銀行など
すぐに見つかる目印を優先度高く表示します
視認できる目印が
すぐ見つかる地図にする
視認できる目印がすぐ分かります
目印を起点に道案内する
目印となる店舗や施設を
起点にふきだしで方向や行動を指示します
方向や行動も目印を起点にするので迷いません
店舗、階段、歩道橋、横断歩道、地下通路
進行方向が
画面上になるよう表示する
現在地がルートの上に乗った時
ある程度の長さの道は進行方向が上になるよう
地図を回転します
進む方向を上にするため地図を回転させる必要がないです
他にも色々工夫がありますが
以上が方向音痴の方向けのナビデザインです
まとめ
ユーザーへの理解が
欲しいと思えるサービスを生む
ターゲットユーザーを
知ることの大切さ
ご静聴
ありがとうございました

More Related Content

Featured

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago
 

Featured (20)

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 

方向音痴向けのナビ

Editor's Notes

  1. Yahoo!Japanの杉浦です。 Y!MAPリニューアルのルートナビ、UIUXを担当しました。 よろしくお願いします。
  2. Y!MAPリニューアルの前に地図アプリ改善調査をしました
  3. 月平均世代性別利用比率で ルートの機能で10代女性が40代男性の約3倍もありました。
  4. ユーザー層が顕著に変わるのは ニーズに違いが有るからではないか ナビは道案内の最後の砦ではないか…と推測しました
  5. そこで方向音痴向けのナビを作ろう!と思いました
  6. 次に方向音痴の人の特徴を調査しました この中で方向音痴の方はいますか?手を挙げて頂けると、恥ずかしがらずに、、、 もしご自分に当て嵌る特徴があれば心の中でうんうんと頷いてくだされば、はい。 それでは方向音痴の方の特徴です。
  7. 1. 視認できるものを目印にする
  8. コンビニや銀行の看板は目印になりますが 道路の形、道路名、交差点名は目印にあまりしません。
  9. こういう風景がありましたら、方向音痴の方にはどれを目印にしているかというと、、
  10. こんな感じです。コンビニ、銀行、飲食店の看板ですね。
  11. 2. 地図を見ているエリアが狭い
  12. これはGooglemapのルートなのですが どのエリアをみているかというと
  13. ルートライン、現在地アイコン周辺を注視します 意識外の目印は目印の役割を果たしません
  14. 3. 地図の切り替わりに弱い
  15. これはGooglemapのナビのナイトモードです 明るい地図と印象が違うので、方向が分からなくなります
  16. これはアップルマップの3Dモードで建物を伸ばしたものです。 見つけた目印が消えるので、自分がどこにいるのか分からなくなります。
  17. 4.東西南北指示は混乱させてしまいます 5.進行方向を上にするため地図を回して、それが迷う原因になったりします。
  18. 方向音痴にも 色々な原因があり複合的に組み合わさっています どうでしょう、先ほど手を挙げた皆様。。当てはまりますか・・
  19. なのでもっと簡単に 理解できるナビを作ろうと思いました。 次から今回リニューアルしたナビの紹介です。
  20. 視認できる目印が すぐ見つかる地図にする コンビニや銀行など すぐに見つかる目印を優先度高く表示します
  21. 目印がすぐ分かる地図と
  22. 見つからない地図です
  23. 目印を起点に道案内する 目印となる店舗や施設を 起点にふきだしで方向や行動を指示します
  24. こちらはエネオスを起点に道案内しています。 エネオスの先の横断歩道をわたるとありますね
  25. こちら階段を起点に指示してます 店舗、階段、歩道橋、横断歩道、地下通路も表示されます
  26. 進行方向が画面上になるよう表示する 現在地がルートの上に乗った時 ある程度の長さの道は進行方向が上になるよう 地図を回転します
  27. この地図の曲がり角、ひだりにまがるとありますが、 ここに来ると
  28. このように地図が回転して進行方向が上になります 地図を回転させなくて良い
  29. 他にも色々工夫がありますが 方向音痴の方向けのナビデザイン紹介でした
  30. まとめ 今回のナビのリニューアルでやはり基本ですが ターゲットユーザーを知ることの大切さと ユーザーへの理解が欲しいと思えるサービスを生むということを再確認しました
  31. ご静聴 ありがとうございました