3

A lot of contact pages have a Google map on it with the map centered and a marker on the company HQ. I would consider this a good thing but I have several doubts regarding UX.

  • What is considered a good size and position? (minimum)

    I would say a minimum width of 1/3 and next to or below a contact form.

  • Static or dynamic map?

    A static map is a plain image, a dynamic map is zoomable. I would opt for a dynamic map as it gives the user the freedom to zoom and see a larger area which could be more relevant to the user.

  • How to put "get directions" button?

    With a marker on the map the user can get directions by clicking on the marker although this might not be clear that this is a possibility to the user. What is considered best practice to put a "get directions" button on a map? I see a lot of "get directions" buttons with plain text. I love icons but I'm not sure if the user is aware enough of directions functionality with an icon like this.enter image description here

Currently this is what I've got. Any recommendations are welcome. enter image description here

  • I quite like the current position... – Aprillion Jun 23 '15 at 11:32
  • Off-topic: English and Dutch mixed up? – Rolf ツ Jun 23 '15 at 12:33
  • Correct remark, translation is functional but not yet for all text, I'll make sure it's adjusted. – RobSeg Jun 23 '15 at 13:25
1

TL;DR

It depends on what you want your user to do with the map. I made suggestions in the "Summary" portion below.

Long Answer

What is considered a good size and position? (minimum)

Honestly, this depends on what you want your user to do with the map. One thing you always need to keep asking yourself is What is the purpose of this page?. Is it to contact you or to see what's around your HQ? By the looks of it, it seems like it's for them to get in touch with you about your goods and services.

If you want them to be able to pan around and see the surrounding area (or maybe look for other stores/stores that carry your brand), you should make it larger and more of a center piece on the page. If you want to just use it as a geographic reference so people can understand where you are located in the world, the way you have it currently is good as far as size and location.

Static or dynamic map?

I agree with you in saying that a dynamic map is the way to go as it gives the user more freedom to pan and zoom around and see the area around your HQ, but you need to ask yourself "What will my users gain from panning and zooming?". If you just want to put it in because it's a cool feature, don't. That's not smart and your users will get lost in the map instead of doing what they originally came to the page to do, which is contact you about your goods and services.

How to put "get directions" button?

I would make the directions part of your address. It looks like you have your address posted up at the top. You should make that a clickable link that takes people to the exact location of where your store is located, like the way this link does for London. Just because it is something to do with a map, doesn't mean it has to be ON the map. Metadata around the map is just as important.

If you want to reinforce them coming to your store, you should make the pop up clickable and put a link in the pop up window that says something like "This is where we are. You should come say hi!". Right there, this gives your users enough curiosity to click on the link and see your location in Google Maps itself. Even if you don't want to include a witty phrase, you can at least put the full address in that has the same Google Maps link attached to it.

Also, I would consider removing the icon all together. Icons can sometimes be confusing to some users and if you have the directions in a link, that will be sufficient.

Summary

So in summary of everything, there are a couple pieces you need to think about when making this map.

  1. What is the purpose of my map?
  2. What do I want the user to take away from this map while their on this page?
  3. How much interaction does the user really need?
  4. Do I need to include a logo for directions?

Based on my years as a cartographer and based on the situation, I would do:

  1. A dynamic map where it is currently located on the page
  2. Limited to no pan and zoom
  3. A pop up window with the address
    1. a link to the Google Maps location
  • The map is just for basic geographic reference. I love the witty phrase suggestion, it fits the brand so I'll go for something like that as a link. Isn't a map with no pan and zoom just a static map? Thank you for the questions I should think about, these will help me in the future. – RobSeg Jun 23 '15 at 11:35
  • Somewhat. I refer to them as "psuedo-static", because while you can't pan and zoom, the icon is still clickable. Also, you don't have to 100% limit it, but putting a bounding box on it will help your users remember why they came to the page in the first place. No problem! Glad I could put my cartographic knowledge to use! :) – BDD Jun 23 '15 at 11:39
0

A panning dynamic map would be great as it allows those familiar with the area to scroll around and see close by landmarks etc, but those who's need directions are probably coming from further afield. Provide them with a textual link to the full map providers interface to allow them to utilise the tools there.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.