Hot answers tagged map-ui
11
The specific answer to your question is to go with the first solution. That is the standard cartographic convention, effectively eliminating the question of where, say, 50.5 goes. As far as where the exact category breaks go (say, precisely 50), it doesn’t matter. Users understand that that the categories are functionally fuzzy. For example, obviously 49.999 ...
8
If I understand your question correctly you want to use a cluster icon to represent multiple individual icons that are too close together and would otherwise overlap and would be unclickable/unselectable.
If this is the case I always envision the red sphere-like pushpins that people use to mark locations on a map. For individual locations that are far ...
6
A common solution is to "cluster" adjacent markers into one large marker that breaks apart at lower zoom levels.
https://developers.google.com/maps/articles/toomanymarkers
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/docs/reference.html
http://code.google.com/p/clustermap/
5
I would suggest allowing users a way to filter down their search based on what they are looking for; as this can help remove some of your markers.
When that is not enough how about combining symbols into one marker, when the attraction/facility in a central location are too close to show a individual markers. Then as users zoom in the markers could be ...
4
The clues to the answer lie in the wording of the question. Should I allow...should I constrain it. i.e. You are asking if you should restrict the user activities.
Typically users have an expectation of interaction with a map via familiarity with other applications. They expect to be able to pan and zoom. Often this functionality comes free with a map ...
3
Instead of a circle, how about highlighting the neighbourhood or the post office for a given zip code area. Another alternative (depending on the context), the (main) train station for the area.
Clustered items can be presented by a “mulitple items version” of the default marker icon and all sub-elements listed in a bubble or somewhere outside the map.
3
I don't know about you, but I'd denote pipe diameters with line width rather than colors... it's somehow more logical
What about using textual notation, with the English construct "between"?
lightblue - less than 50 mm
blue - between 50 mm and 100 mm
navy blue - between 50 mm and 100 mm
etc
It's a bit longish, but it could be shortened.
You know, it ...
3
How about a solution like this:
Update:
Compare it with this:
The reason why there is no sense of ambiguity in all these 3 examples, is because you don't mention the limit twice. You don't say: 0-50 / 50-100 / 100-200 /... you just mention 0 - 5 - 100 - 200 -...
3
I've faced similar issues with speed legends on a map system I work on. I finally came to rest with your latter method, however the developers added a tool tip so that a specific piece of road's speed can be seen when hovering. This allows the users to pinpoint exactly where they need to know the pipe size (in your case) and covers you for complicated ...
3
In a similar situation I chose the following solution:
It still needs some visual tweaks, but the gist of it is to use a numbered marker scaled according to the number of points in the cluster.
This isn't going to be directly applicable to your case due to your complicated icon based markers so I would suggest borrowing the little numbered badges from ...
3
I think your current icons might be a little too complex. Think about ways to simplify them.
Your best bet might be to use color and number similar to the way the diagram Yallow showed.
But each color related to one of the twelve types.
So places you had just one it would show the icon and places where there were more it would show the color and number. ...
2
One option that Apple uses in its iCal calendaring application is to make the colour coding indicators into checkboxes, like so:
The colours for each calendar are modifiable by the user (I choose to use blue for all my personal calendars and green for all my work calendars, with other calendars in other colours as necessary).
This one list therefore ...
2
A semi-transparency approach could work if these were simple objects, like the boxes in your example, and also if you only had one level of obstruction. But since potentially you can have many things obstructing each other fully or partially, and their shapes are complex, it's liable to turn into a real mess quite quickly. You could do some sort of a ...
2
Drag-n-drop is traditionally done with left-click.
However, for you, mousedown, move, mouseup is for dragging (these are the elementary events)
Usually, click is to select a place. On Google Maps, if you click on a label, an icon or a result balloon, it select its corresponding place. On Nokia Maps, if you click on an icon or a result balloon, it selects ...
2
A map would definatly do the trick here - or even better - a clickable map where you can chose service center directly from the map - such as the one Sony uses:
2
From a pure usability perspective, I think it makes for a poor experience to show the user only the opposite state of a particular toggle control; it's initially confusing and doesn't provide any information about what the actual active state is at that moment. Either the current state should be shown (for simple on/off toggles where the behavior is easily ...
2
I think that you should show a sideshow of nice office photos, and show a small map to present multiple locations of offices. Customers see picture and understand that your company is big and has many employees.
https://foursquare.com/jobs/
I think there are a problem that you show whole US map,but you have two offices on the map. Customers may feel that ...
2
The issue is not the labels, the issue is the fact that you use a discrete scale I think.
If you'd like to solve it using the labels only, you'd have to use symbols like ≤ and ≥ with the labels to precisely identify what you mean. So, you'd get this:
download bmml source – Wireframes created with Balsamiq Mockups
I don't think that that is a ...
1
A couple options come to mind depending on your implmentation:
Unzoom the map to show the destination location w.r.t. the starting location. If you cannot unzoom for some reason, just connect the locations, the connection itself will serve the goal of showing the direction.
If you are not using a large map, you can use the arrow effectively. Place the ...
1
Two general advices and a complementary idea :
If you want the user to see something show it to her
If you want the user to do something tell her how
Do both
If you want the user to see something show it to her
Depending on what you want to show and why :
Unzoom to show both location (current and destination)
Go to the location directly
Add a link on ...
1
I think it is common practice to represent a non-exact location using a circle with a radius that indicates the level of certainty you have about its location. Without making this circle seem intrusive, it can be a very light shade or an outline with a central label not unlike a map marker for an exact location (but with a different styling).
Once you have ...
1
It's certainly possible to embed a Google Maps to be viewed from Android Browser, and it's perfectly usable with touchscreen (drag around, pinch-zoom, etc), and I expect from any other touchscreen smartphones that are sufficiently powerful. It may have significant lag on less powerful phones though.
1
As an alternative to clicking a map, I'd suggest that instead of a list of neighbourhoods you use a autocomplete input field.
This eliminates the problems of potentially overly long lists. Additionally, you can add really many area names, even overlapping. I.e. if someone lives in a place which could be both listed in neighbourhood a, b as well as district ...
1
If you also have information about existing customers and their address you could also include a bit more information to the map to add credibility. Let's say "5 customers that live in your city have service with us." It is similar idea that Angie's List website uses; they tell you how many neighbors received service from a business.
1
It sounds like the drivers would be likely to receive a large number of routes that would need to be displayed. Therefore, I understand your concern about graphing them all together. However, you can make this look good and not so overwhelming. For example, matching start and end points, like your A1, B1, A2, B2 idea, using bright/bold/dark colors, and ...
1
How about a tiny right arrow ">" navigation icon on the right edge of the address field?
Alternatively, a tiny ellipse in the same spot. This is evocative of the same thing you see on drop down menus on Windows and Mac to mean "there is something else..." .
In either case it can mean more that "thar be a map here" - it means you can change what "it" is ...
1
What is the state of the user when they are approaching this?
1. If the user knows the Lat/Long
e.g. they have the Lat/Long figures from a GPS and want to see it on a map.
Then you may need to allow them to enter known figures.
However, you will need to consider the level of accuracy as these can be quite long. Perhaps they can enter in partial figures ...
1
If you design for returning users, you may consider a first time use walktrough with arrows and descriptions for certain design elements.
This allows you to use a very clean interface and users will still learn how to use it.
However this is not the best option if you anticipate users to use your interactive map only once or very seldom!
Only top voted, non community-wiki answers of a minimum length are eligible
