Hot answers tagged

8

tl;dr: It's a sheet. The pattern is related to the persistent bottom sheet element on mobile. The MD guidelines actually reference the map example specifically when explaining this approach: On desktop, content ordinarily presented in a persistent bottom sheet might move onto a new sheet of material. On larger screens it may be more appropriate to ...


6

Examples 1-3 could be individually plotted using a heat map. Yes, it may be reasonable if you have high resolution data. In this representation heat map is an invaluable tool (besides opinable choice of color pair): However if you do not have high resolution data then an heat map is not the only available solution. Take for example this low-res map: ...


5

You can show clickable text on your info-box, I think that will help user to understand the clickable thing more clearly. something like this-


4

The user journey map shows the screens the user interacts with, in chronological order. It may also include the user's thoughts, emotions, or choice points. Even if your personas go through similar sequences of steps in the app, there should be some important differences between their experiences. Therefore, you'd want a separate map for each one (though you ...


4

Instead of cluttering your map by trying to layer your data sets directly on the map, why not try the reverse approach and abstract your data/images from your map, and give user the option to compare on the map directly. As a really rough example, something like this?


3

Most of the digital design we see today is a replica of real life objects. We started with skeuomorphic design and slowly transit to simpler flat design to cut away the design bloats. Before the digital drop pin, people were using real pins to mark location on the map. There is no official statistics (not that I know of) on which location marker fare ...


3

Good UI layout will remain the same whether it's in dark or light. Therefore, research into good UI practices will serve you well, regardless of the light you're in. However, to help you out, the difference in how the user sees good UI in bright light would be in contrast of colors. Generally in lighter conditions, colors will appear more washed out and ...


3

Yes, limiting the number of results on the map will simplify the map, however... ...it creates a bias that could influence your user in either a positive or negative way. There are a lot of factors that go into this though and there are two tracks of people I can see when using this map (Explorers and Beeliners). Explorers are going to go around the map, ...


2

You would want to use multi-variate map to display the same and you don't necessarily need to use colors to define all attributes as you can use symbols also or a combination of both. Here is an example of a bivariate map... This is also useful: http://indiemapper.com/app/learnmore.php?l=multivariate


2

Don't overcomplicate the interaction patterns, use existing common patterns that would be easy to remember and use. Potential Solution (wires below) Image shows several pins - nothing special User taps on a pin - a side panel slides out with information on the selected location User taps on other pins - selected locations are added into the side panel ...


2

A map pin denotes a location, it doesn't give you info about what that location is in order for the user to make the decision that "Yes, I'm interested in this location". So something like this may make sense download bmml source – Wireframes created with Balsamiq Mockups When user clicks/taps on the pin, display a popover with details about ...


2

This image will give you a better match! d.school 5 stages is just a subset of the all stages of IDEO 3 phases inspiration, ideation, implementation. In the image, the phases Observe and Imperatifs stages are the equivalent of the Empathize and Define new names used by d.school. The source of the image is from a french "inspiration" of d.school http://www....


2

Not bored, but overwhelmed. The more colors that are on your map the harder it will be for your user to differentiate what the colors define. If you take your current map, your user has 3(ish) colors to decipher. Red for a large cluster of items, an orange-yellowish for a medium size of clusters, and a green for a small number of clusters. This is a good ...


2

I visited the site. http://thebambergergroup.com/ A few suggestions: Make the map 'draggable' via click+hold+drag. Also, make it "zoomable" via scroll-wheel mouse. Create map load sequence - On a clean canvas, load the buildings FIRST. Then load the map underneath. This way, people know immediately that houses are not baked onto the map and potentially ...


2

Are there any recommendations on best usability practices for an animated map with isometric projections of buildings? From a cartographic perspective, you should follow the same guidelines as working on a regular web map. From what I can tell, you have most of them. I would consider a few things though: Zoom and Pan This is something that while it ...


2

Here's what I've gone with so far: I decided to go with a legend, clearly signifying which dataset is which and allowing users to toggle them on or off at will. I've done some pretty simple usability testing so far and the results are looking positive, but I'm sure there is room for improvement.


2

Totally see your point in the second instance, but in the first, isn't the problem, as you stated it, endlessly recursive? [0-.999],[1-1.999]. "Ah, but what if I have a value of 0.9992?" Ok, [0-.9999],[1-1.9999]. "Ah, but what if I have a value of 0.99923?" : / You have to draw a line somewhere. Where exactly you draw that line and how ...


2

Did you take a look at how Google maps shows their shortest path? The shortest path is highlighted with a strong color and the other options in a less prominent color (grey on Google maps). Also an indicator shows how long each path will take to reach the destination. When adding colors just make sure you choose colors and a thickness that will make ...


2

Taking continuity into acount I would go with something like this:


2

Actually information box is used to display info asserts, so making it click able will not be a good idea. Alternative to it, you can still use information box, but allow use to trigger street view through click interaction. Make sure button size on application are optimal enough. What is the optimum button size of touch screen applications? Please see, ...


2

I agree with eliminating the 'On Results Tab', I can't imagine anyone would ever read it. I would look at moving the other three controls you have on there, and grouping them all together. It's a bit of a 'treasure hunt' when you say 'look out for these icons' - treasure hunts aren't always bad, but in this case it's a bit weird. If you had the three ...


1

In an enterprise webapp we are developing we make the distinction between: modals: can only be closed through very deliberate action, because closing would break some flow or may cause data loss. These have no X button, cannot be closed by clicking outside modal. Most do have a separate "abort" button, making it more explicit that closing may result in ...


1

A general comment (but one that doesn't fit well in the comment section with links etc before anyone gets on their high horse) is that inequality symbols >, <, >=, <= get introduced in maths syllabuses a lot earlier than interval notations so I'd expect more people to understand >TIE - 55 than (TIE -55] and >55 - 67 than (55 - 67] - I remember using >, ...


1

It doesn't matter where the cutoff is. 55.0000000000000000000000001 is still over 55. As for how to count 45-55 vs 55-65; you generally start counting at whole integers. We tend to start (things of unknown length) however it's easy, because we can't yet know where the end is, so you can't adjust for the unknown end. This influences our thinking so that we ...


1

The simple solution to your problem is to explain why you want to turn on their location sharing setting and how it can benefit them. The way you actually design the interaction can be however you choose, but the core tenant is explaining the reason and benefits for turning their location on. When your app is turned on, you are able to ask permission to ...


1

I totally understand your dilemma. Despite the UX challenges, info on hover is an intuitive, expected, and convenient UI for the user. As long as it doesn't break ;-) Use a slight delay before triggering the info (200-300ms). If things are moving so quickly that this isn't feasible, then neither is the hover box. Once activated, the hover box should remain ...


1

First Two Options are Untenable First option implements there could be minimal time for the user to read, which you have no control over. Even worse, (s)he would need to move the cursor to display the data properly. The second option is bad because of inconsistency. Moreover the mousemove event triggers way to often. Conceptional Problem and Solution I ...


1

Interesting problem. Since you are using a tooltip, I am assuming that there is no need to have multiple tooltips visible simultaneously. If this is needed, a tooltip is not the right control. So my answers concentrates on not having the requirement of multiple tooltips at once. I was asking myself: why would a user want to see this popup? Probably ...


1

A few changes to my answer in light of the OP's clarifications; they would like a light weight tooltip to give information at a glance and this tooltip would remain at the cursor. The tooltip is showing two types of information. Set of objectsSome additional data with respect to an object Static objects by definition will not move, so showing the set of ...


1

What's wrong with using a dropdown menu? Anyway, I would use colors and an icon to indicate what the current budget is, in the place of where currently the blue text says "budget". With the default being set to just "budget", and offering up alternatives like savings account, government grants, sales income. Example: Functionally it'd work like a radio ...



Only top voted, non community-wiki answers of a minimum length are eligible