おはようございます。
先日、Google先生に「Inbox」の招待を送ったのですが、未だ使えていないAKECHI(@akechi_life)です。
「Inbox」アプリはもうインストールしてるんだけどな…
Google先生、待ってます…
そんなGoogle先生が今後はGoogleマップをアップデートしてきました。
言うまでもなく、マテリアルデザインです。
以前、Google先生がGoogleカレンダーのアップデートを行った際にマテリアルデザインに触れました。(記事はこちら)
さて、早速マテリアルデザインを採用したGoogleマップをアップデート。
アイコンはこんな感じに変わりました。(アップデート前のアイコン撮り忘れた…)
では、実際にアプリを使ってみました。
テストとして、目的地を「三宮駅」にセット。
すると、こんな感じで表示されます。
マップ自体のデザインは変わっていませんが、いろいろとアイコンなり何なりと変更がある様子。
試しに、右下の青いボタン(徒歩アイコン)をタップしてみると…
ほぼアイコンで情報を伝えていますね。
アイコンを使って情報を伝えることによって、テキストが部分にスペースを作ることができ、結果文字が読みやすくなりました。
そして、「5分」という文字と「450m」という文字。
なぜ、5分という文字だけ太文字なのか。
それは、ユーザーさんが距離よりも時間のほうがプライオリティが高いから。
ぶっちゃけ、
「ここから何mのところにあるよ」
よりも
「ここから何分のところにあるよ」
と言われたほうが、距離のイメージがしやすいですよね。
というわけで、太字を採用しているのかと。
他にはどんな機能があるのかなと探してみましょう。
マップ画面の赤丸部分をタップしてみると…
見やすい。
各ナビゲーション間のスペースが広いため、テキスト、アイコンが見やすいですね。
今回のGoogleマップを使ってみたのですが、やはり、アイコンとテキストのバランスが重要のような気がしました。
SNSがゲームなどアプリをよく使うユーザーにとってはアイコンのみで伝わることがあっても、慣れない人にとっては分かりづらい部分もあります。
Googleマップは、アプリをよく使うヘビーユーザーだけでなく、アプリに慣れないライトユーザーも利用するアプリ。
そうしたユーザーに対してアイコンだけでなく、テキストを添えることで伝わりやすくなります。
こうしたアイコンとテキストのバランスというのは、実際に利用するユーザーの声が大切であり、その声をもとに改変していく。
どれほど利用者の操作性を考えたとしても、実際使ってみると、いろんな発見があります。
こうした発見を都度修正することで、洗練されたUIの構築が行われるかもしれません。
UIデザインって難しいね、ホント。
いい勉強になりました、Google先生。
というわけで、最後まで閲覧いただきありがとうございました(*^^*)/
