スマホの地図に足りないものとは? アナログ体験をヒントに改善するUXデザイン - デザインってオモシロイ -MdN Design Interactive-
デザインってオモシロイ MdN Design Interactive

スマホの地図に足りないものとは? アナログ体験をヒントに改善するUXデザイン

  • 新規会員登録
  • ログイン管理
  • Twitter
  • facebook
  • はてなブックマーク
  • RSS

2026.5.7 THU

  • TOP
  • 特集
  • 連載
    • ALL
    • デザイン・アート
    • テクノロジー
    • コラム
    • インタビュー
    • レポート
    • インサイト
  • Tech
    • ALL
    • プログラミング
    • UI/UX
    • フレームワーク
    • Webアプリ
    • Webサービス
    • その他
  • ニュース
    • ALL
    • ニュース
    • 新製品
    • テクノロジー
    • アートイベント
    • モバイル
    • ネットで話題
新規会員登録
ログイン管理
  • プレスリリース
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 広告掲載について
  • インプレスグループ
閉じる
  • TOP
  • ニュース - テクノロジー
  • スマホの地図に足りないものとは? アナログ体験をヒントに改善するUXデザイン
【サイトリニューアル!】新サイトはこちら/MdNについて
  • ALL
  • ニュース
  • 新製品
  • テクノロジー
  • アートイベント
  • モバイル
  • ネットで話題

テクノロジー

2016.11.2 WED

【短期集中連載】一読でワカル、おもしろUXデザイン

スマホの地図に足りないものとは? アナログ体験をヒントに改善するUXデザイン

2016年11月2日
TEXT:保坂 浩紀(LEOMO, Inc.)
みなさんはスマホの地図アプリを使っていますか。GoogleマップやAppleのマップ、Yahoo地図といった地図アプリは、知らない土地でも目的地までナビゲートしてくれる、とても便利な存在ですよね。一方で、例えば観光地に行った時などは、そこでもらえるパンフレット兼紙の地図を見ながら色々な施設を回ることもよくあるかと思います。

今回の記事では、地図アプリの話題を通して、アナログ体験とデジタル体験それぞれの良さに触れ、アナログ体験をヒントにデジタル体験を向上できるかを探っていきます。
1. スマホの地図に足りないもの
もはや手放せないスマホの地図アプリですが、いくつか弱点もあると感じています。

その1つが「一覧性」です。

画面サイズという制約から、スマホで見る地図はどうしても一覧性には欠けてしまいます。地図全体を見ようとしてズームアウトすると、詳細情報が見えなくなり、詳細情報を見ようとすると、全体像が見られなくなります。

その点、紙の地図はその大きさと精細な印刷のおかげで、全体像と詳細を兼ね備えています。

例えば、旅行を計画する際、旅行サイトやGoogleマップを使えばとても簡単に行き先を探すことができます。ただ、複数人と集まって計画する場合は紙の地図を広げながら話した方がはかどったりします。明確な目的地が決まっていない時は、全体像と詳細を兼ね備えた紙の地図の方が行き先を探しやすいのです。

他にも、アナログ地図の方が優れている点はいくつかあるでしょう。

スマホの地図(デジタル)と紙の地図(アナログ)それぞれのメリット・デメリットを以下にまとめてみました。
   メリット デメリット
スマホの地図
(デジタル)
・ズームイン、アウトがラク
・自分がどこにいるかすぐに判る
・目的地にナビゲートしてくれる
・世界中どこでも調べられる
・最新情報が得られる
・画面サイズという制約
・一覧性に欠ける
・デザインの自由度が低い

紙の地図
(アナログ)
・サイズの制約が(ほぼ)ない
・一覧性がある
・情報量が多い
・デザインの自由度が高い
・簡単に人に渡せる(共有可能)
・ページをまたぐ行為が面倒
・かさばる
・自分がどこにいるか判り難い
・情報がアップデートされない


このように、デジタルの体験は便利になった分、アナログ体験の良さが失われています。

2. アナログ体験をヒントに、デジタル体験を改善する

続いて、コーポレートサイトの会社情報に住所と地図を載せるケースを考えてみます。単にGoogleマップを貼り付けるだけでなく、もう少しユーザー体験を向上させるとしたらどうすれば良いでしょうか。

まずは、なぜ会社情報に地図を載せる必要があるのかを改めて考えてみます。

最も考えられる目的は、その会社を訪れる人への案内です。クライアントかもしれませんし、会社を訪れる就活生・転職活動者かもしれません。利用シーンは、自宅(PC)はもちろん、外出先(スマホ)で見ることもよくあるでしょう。そのようなシーンを想定すれば、地図アプリの起動リンクがあると便利です。

次に、地図アプリだけでは伝わらない要素を考えてみます。

もし多くの支店がある場合、俯瞰した地図で各支店の位置を示し、詳細地図で各支店へのアクセス方法を載せれば、一覧性を担保しつつ詳細を説明できます。

詳細情報についても、「◯番出口から徒歩◯分」といった情報は地図アプリからはなかなか読み取れないため、併載するとより親切になるでしょう。

さらに、自社のロゴを地図に載せて、自社のカラースキームを地図に反映すれば、よく見るGoogleマップからは一線を画し、CI(コーポレートアイデンティティ)をよりアピールできます(このあたりのGoogleマップカスタマイズについては、こちらの記事が詳しいです)。

また、デジタル地図で伝わらない複雑な場所にある場合は、案内に必要なエッセンスを抜き出して自作した地図を併載するのも手です。もちろん、手間はかかりますが(例えばこちらの地図では、複数の似たビルがある中の1つを明示しています)。

では、これをまとめると以下のようになります。

・第一段階:地図アプリの起動リンクを入れる
・第二段階:デジタル地図では欠けてしまう情報を入れる
     (「最寄り駅◯◯」「◯番出口から徒歩◯分」など)
・第三段階:自社ロゴやカラースキームを地図に取り入れる
・第四段階:(どうしても複雑な場合)必要な情報だけを抜き出して自作する

ここまで出来れば、確実に良いユーザー体験を提供できるでしょう。

3. 応用事例
今度は、アナログ体験をヒントにデジタル体験を改善する方法について、他への応用例も考えてみます。

例えば、LINEのようなメッセージングツールは、スタンプを使って手軽にコミュニケーションが可能ですが、スタンプにさらに手書き文字を加えることができるようになれば、特別なメッセージを送りたいときに役立つかもしれません(アナログ体験のヒント=手書きの良さ)。

電子書籍についても、改善の余地がまだまだあると思っています。実際の本であれば、よく開くページは「折グセ」がついて、パラパラっと捲るだけですぐに読みたいページにたどり着けたりします。電子書籍でも、ページを行き来するUIでお気に入りページのところに「ひっかかり」をつくることで似たような体験を提供できるかもしれません(アナログ体験のヒント=紙の折グセ)。

このように、アナログ体験にはデジタル体験を改善する多くのヒントが隠されていることが判ります。
まとめ
今回の記事では、地図アプリの話題を通して、アナログ体験とデジタル体験それぞれの良さに触れ、「アナログ体験をヒントにデジタル体験を向上する」アプローチを示してみました。UXはデジタルな体験だけにとどまりません。アナログな体験にも目を向けてみましょう。アナログ体験の要素をデジタルに咀嚼して適用することで、提供するデジタルUXを一歩前へ進めることができます。


●その他の記事
「一読でワカル、おもしろUXデザイン」の目次はこちら
 

[筆者プロフィール]
保坂 浩紀(ほさか ひろき) | UXデザイナー
千葉大学工学部デザイン工学科意匠系卒業。光学機器メーカーのデザイン部を経て、IoTベンチャーにてUXデザインに従事。デバイス、モバイルアプリ、WebサービスのUX設計から仕様策定、ビジュアルデザインまで幅広く携わっている。『UXデザインのやさしい教本』を監修。
●Twitter: @h0sa ●Blog: UX INSPIRATION!

【BOOKS紹介】
UXデザインに興味がある人や学びたい人のために、 UXデザインの概要から具体的な仕事の流れ、UXデザインに必要なスキルと学習方法などについて、わかりやすく解説したやさしい教科書です。UXデザイナーとして就職する方法なども紹介しています。







●書籍ページ:http://www.mdn.co.jp/di/book/3216203001/
●Amazon:http://www.amazon.co.jp/dp/4844365932

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちら/MdNについて

前の記事を読む

カイジの鉄骨渡りシーンをVRで体験できる!PS VR向けゲームが今冬に発売

カイジの鉄骨渡りシーンをVRで体験できる!PS VR向けゲームが今冬に発売

2016.10.24 MON

テクノロジー

次の記事を読む

太陽光発電×電気自動車で「電気代0円」を実現する完全自立型住宅「ArchLoop(アーキループ)」

太陽光発電×電気自動車で「電気代0円」を実現する完全自立型住宅「ArchLoop(アーキループ)」

2019.2.12 TUE

テクノロジー

アクセスランキング

8.30-9.5

  • 携帯大手3社、メッセージアプリ「+メッセージ」を各社全ブランドとMVNOに拡大
  • テレビの音声をワイヤレス化して飛ばせる「トランスミッター」発売、サンワサプライから
  • iPhone 12/iPhone 12 Proに音の不具合、対象モデルは無償修理へ
  • ビクトリノックス、30色バリエーションのマルチツール「クラシック カラーズ」を発売
  • 今月発表のiPhone13、低軌道衛星通信を使い“圏外”でもテキスト送信などが可能か
MdN BOOKS|デザインの本

Pick upコンテンツ

現在

  • 【文房具連載】第19回 五十嵐製紙「Food Paper」/物語のある、ニューフェイスな文房具・雑貨
  • 見た目のかわいさだけじゃない、犬の形をした実用性の高いウェブカメラ
  • この秋に発表予定のiPhone 13(仮称)はどのような変貌を遂げるのか?
  • 植物性由来100%、合成香料不使用など、エコな洗濯洗剤5選/ライフスタイル連載・こんげつのきぶん
  • 【DESIGN DIGEST】書籍カバー『顔のない花嫁/K.R.アレグザンダー』、商品パッケージ『秋の限定商品/アフタヌーンティー・ティールーム』

MdN公式Instagram

Instagramでは、デザイン関連本や本に関連した参加型コンテストについて発信しています。

page top
MdN
impress
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 会社概要
  • インプレスグループ
  • 広告掲載について
  • MdN デザインの本
  • MdN新書 新ジャーナリズム宣言。
  • “静寂”文具サイト
  • MdN DESIGNFONT STORE

Copyright © MdN Corporation,
an Impress Group company. All rights reserved.

page top
MdN
impress
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 会社概要
  • 広告掲載について
  • インプレスグループ
  • MdN デザインの本
  • MdN新書 新ジャーナリズム宣言。
  • “静寂”文具サイト
  • MdN DESIGNFONT STORE

Copyright © MdN Corporation,
an Impress Group company. All rights reserved.