Website Usability Info



Googleマップを自分のサイトに

お店などのWebサイト(ホームページ)を運営していて、お客様に来店していただきたいと考えているウェブマスターさんにとって、地図を載せることは必須要件ですよね。その際、通常でしたらWebデザイナー(制作会社)にお願いして、画像ソフト(Illustratorなど)を使って奇麗に地図を作ってもらうことが多いと思います。もちろん、それも悪くないですが、いっそのことGoogleマップを使ってしまう、という手もあります。

Googleマップとは、検索エンジンGoogleが提供する地図表示サービスです(詳しくは、本サイトのコラム記事:Googleマップ日本語版をご参照ください)。普段の生活の中ですでにご利用になっている方も多いと思いますが、このGoogleマップを、Webサイトの中で、お店や事務所の所在地を示す地図として使用することができるのです。

Googleマップを使うメリットとして:

  • 地図のデザインを、一から作らなくて済む。
  • ユーザー(サイト閲覧者)が、自分で地図を拡大(詳細表示)したり縮小(広域表示)したり、ドラッグすることができる。

...といった点が挙げられますが、特にふたつめのメリット(ユーザーが自分で地図の表示をコントロールできる)は、ユーザーエクスペリエンスの観点で見ても、非常に大きいと言えます。というのも、「最寄駅からの道順を示せば良い、と思っていたが、実際はお客様は車で来るケースが多い」とか「この国道のこの目印から入って来てもらうことを想定して地図を作ったが、お客様は別のルートで来るケースが多い」といったことも少なくないからです。きちんと地図をデザインして「わかりやすい道順をわかりやすく提示してあげる」のも有効ですが、(Googleマップを使って)地図の見方の自由度(主導権)をお客様に与えるという考え方も、同時に検討してみる価値はあるかもしれませんね(もちろん、Googleマップのユーザーインターフェースが、一般のインターネットユーザーにとって馴染みあるものになってきた、という背景もあります)。

さて、このGoogleマップですが、自分のサイトで使うにあたっては、Google Maps APIを利用します(APIの利用にあたっては、Google Maps API Keyを取得しておく必要があります)。Movable Typeを使ってサイトを構築している場合は、Googleマップを表示するためのプラグインがいくつか出ています(たとえばMapperプラグインなど)ので、そういったものを使うと簡単に実装できます。

ためしに、最近ちょっとお気に入りのお店の地図を表示してみました。こんな風に、自分のお店や事務所へのアクセスマップを載せてみるのは、いかがでしょうか?

東京都中央区銀座1-5-6 (JR有楽町駅より徒歩4分/東京メトロ銀座駅より徒歩7分です。)

Confiture et Provence
(コンフィチュール エ プロヴァンス)

フランス直産創作ジャムのお店です。

http://www.cep-shop.co.jp/

(2006年10月 2日 12:24)

このエントリーを含むはてなブックマークはてなブックマークこのエントリーのはてなブックマーク数 livedoorクリップへ追加livedoorクリップこのエントリーのlivedoorクリップ数 Buzzurlへ追加BuzzurlこのエントリーのBuzzurlブックマーク数 add to del.icio.usdel.icio.us POOKMARK Airlinesへ追加POOKMARK Airlines ニフティクリップへ追加ニフティクリップ 

コメントを投稿する

(投稿いただいたコメントは、当サイト管理者による承認後、公開させていただきます。)


トラックバック

この記事に対するトラックバックURL:
http://website-usability.info/cgi/mt/mt-tb.cgi/63