My web application references places (bars, restaurants..).

The main page of the app is a map with pushpins, when you click on a pushpin, a popup opens up, then you can click on "more details" to get to the following screen.

enter image description here

A district map is placed below the address, so the user can see the names of the streets, see train stations etc.

Could this confuse the user ? Will he start looking for other places on this map ?

Will the user be expecting an actual map or a static image ? (will be going for the latter)

Any other suggestions concerning the UI a welcome.

  • If you don't want users to navigate the map you could set boundaries link
    – RobSeg
    Jul 29, 2015 at 8:33
  • If the main page is a map with pushpins, isn't the second map on the details page redundant? Wouldn't users be able to look for train stations etc. on the main page? Jul 29, 2015 at 9:29
  • Yes, you could do the exact same thing on the main page. This map avoids going back a page to remember the location. I find it also adds a nice visual effect.
    – ThunderDev
    Jul 29, 2015 at 10:24
  • @Paul can't always be bad. As a user I might want to see the map again, and thus it saves me a navigation event. I've left a detailed answer below. I hope it helps.
    – Rayraegah
    Jul 29, 2015 at 10:24

3 Answers 3

  • Could this confuse the user ? Will he start looking for other places on this map ?

Expect him to look for other places, but he will also likely be expecting not to find them. Usually this means he'll zoom out/drag a bit and then having done so, either get out of the map or stop looking altogether. Try provide an easy way to 'get back to where the pin was' if it's at all interactive.

  • Will the user be expecting an actual map or a static image ? (will be going for the latter)

Definitely an interactive map. A static image is a poor man's solution nowadays and map implementations can be found on all platforms of development without much hassle. If you can somehow add a design to this map that demonstrates it's not interactive before the user has to click on it, you'll get away with a static image. My opinion is that the current rectangle is just asking to be clicked on. If possible, an object that doesn't touch the borders of the application will look less like a window and more like an image.

  • The map is not meant for navigation, just to keep in mind the approximate location and saving a navigation event. I should definatly make it look different to indicate it's not clickable (in black and white for example)
    – ThunderDev
    Jul 29, 2015 at 10:32
  • Even bringing it in a little from left and right (then maybe also add a rounded edge). But honestly it's your journey to make it look good and 'image like'. @ThunderDev
    – insidesin
    Jul 29, 2015 at 10:37

Let me answer some of your questions and then I'll talk about some pitfalls with an example.

Could this confuse the user? Will he start looking for other places on this map?

A map widget will not confuse a user. It will offer more clarity to the user on how to find your shop, look for things to do near your shop and other local facilities and hotspots. There are pros and cons, but the pros definitely outweigh the cons.


  • The user might be looking for an Italian restaurant near an Irish pub (so they can get smashed and then grab a pizza for dinner).

  • User might look for a pub near a bus stop or train station (to avoid driving)

  • User might look for a pub near a strip club (that's my Friday night in a nutshell)

  • User might look for an expensive pub near cheaper pubs to bar hop (that's my Saturday night in a nutshell)

Allowing them to look for nearby places is a great user experience in the above scenarios.

If the user is a prospective customer then they are going to visit your shop regardless of looking up other places. If they are not—well maybe your map helped the user spot something they were seeking, at the end of the day, you've satisfied the user's experience with your page. That's not bad for business since they found it for through your brand's page, they'll remember your brand name and how it helped them... that's free advertisement.

Will the user be expecting an actual map or a static image ?

In this day and age, a good interactive map is better than a static map (emphasis on the word good here). But if your users are app lovers as I am, then an Interactive map is a bad idea.

The static map is not inferior; for example: you could have a static image of the map showing your business with near-by landmarks and have a hyperlink that takes the user to a larger map or send a key value to an app or another page with more details on the map.

  • An app user would prefer (and I personally support) static maps that show landmarks near the business/shop with the detailed address; so I can copy this information to my own map application and navigate to the business.
  • The static image is my key to ensuring I have the right business since I can spot the street name and nearby landmarks.

Here's why I hate map widgets with an example,
I wanted to service my BH bike, and these guys had a good reputation for servicing pro bikes.

  1. Business page with map widget, showing the marker at the wrong location.

  2. Actual shop location is 3kms from where the pin is shown on their page. I had to call the shop to confirm this.

Their address SK9 3PE is in Handforth, but their map widget shows Wilmslow. This is because, there's a Rolls Royce showroom with the name Royals; and I didn't know this.

So, I used their widget, got lost, gave up after an hour and went to another service shop (also because I was frustrated and past the shop's open hours)

So do not casually drop a map widget or a static image, unless you've tested it on all popular platforms for consistency.

If you try to look for their shop on google maps using the address they've provided, it still takes you to the wrong shop.

Addresses and maps are Key to every shop or business. And customers will use your map widget to navigate to your shop.

I hope this answer will help you decide what's best for your business/shop/app/website


You might find that getting the zoom level for the map is awkward depending on how dense the streets of the town or city are, so would be good to let the user change this (pinch to zoom etc).

However it could be solved just by showing a interactive map with just that pin on it if the user taps the map.

Another small thing is handling how the user might get back to the map screen they came from, as I can't see any sort of back/close button on that screenshot.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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