Tag Info

New answers tagged

0

Here is my result that follows your suggestions: The top overview: just some font size and color adjustment. The second layer: Changed background color, font color is darker than in first layer. Added a box shadow to the selected row in first layer and a gradient in the second layer. Also the highlight color is darker. The third layer: Same changes as ...


3

So there are two approaches coming from a cartographic standpoint that could work in your situation, but it depends on what you want the user to do with these markers. The first involves the user using these as just a visual aid meaning they would have no interactivity and be just static images to inform the user. In this case, I would a pie chart marker ...


0

You could keep a single pin as the marker but organise a simple visualisation within the pin so the data stays 'contained'. You could increase the size of the pin a little if you have more items to show. For example: Or moving the icon outside the inner circle: You could change the shape of the pin: And you could colour the pin according to the ...


4

In my experience this is one of those places where shadow works great to show deeper layers. A slightly different font weight/color treatment would help as well.


0

Idea is to show 'best' in a subtle way


4

Take a page from video games and treat your personal best streak as a high score. Classic games like Pac-Man show your high score at all times as a goal to reach, and when you achieve it you get to see both numbers change at the same time to reinforce the fact that each point is setting a new record. More recently, Diablo 3 offers increasingly ...


0

It's really hard to tell if we don't know what the data is. Like are you trying to compare 10 types of events? A hundred? Thousands? And how many data poitns per event? Thousands? Millions? This would determine what kind of visualization you can do. If you don't have a huge number of event types, I would try something like small multiples or a faceted ...


0

Statistics. Time series correlation detection and forecasting is why we invented statistics. You should read about Covariance and Correlation, and Autocorrelation. You might be particularly interested in Correlograms and Covariance Mapping. Visual patterns are neat, but it's easy for the eye to believe it sees patterns where there are none, or more likely ...


12

Your graphic seems to require far too much information to describe what it means. Github does this through a table of Longest Streak next to Current Streak. It is easier to understand with just text. To keep it compact you could remove everything but the most important information: download bmml source – Wireframes created with Balsamiq ...


3

I think you should look at the use of bullet charts/graphs, which is an enhanced version of bar graphs commonly used instead of dashboard gauges and meters. Characteristics of the bullet chart allow you to a lot of information in a small amount of space, and are cluttered with useless and distracting decoration. The bullet graph features a single, primary ...


7

**Here are two alternative ways to represent ratios ** Using a high watermark line. This allows them to contrast their all time best with the current streak while also affording them to see some minor trends in their performance. A risk is them not understanding the high watermark which a screen overlay the first time might help them out. Apples health ...


4

Is there a reason you're doing a ratio of "current streak" to "longest streak"? I don't know why that would be helpful to the user and encourage them to continue with their habit change. Do you want to go a more aspirational route? The user is either going to be 1) In the middle of creating their longest streak or 2) working towards meeting their longest ...


1

I know this was answered a long time ago, but FTR it's wrong to remove price ranges from sites that sell services. There's a huge body of UX and usability / market research around this issue; for example, see one of the Nielsen-Norman group's articles: http://www.nngroup.com/articles/show-price/ Companies rationalize reasons for not revealing prices ...


1

This may give you some ideas: https://github.com/mbostock/d3/wiki/Gallery Also could try something like these:


1

I think solution 2 is the best option to start with, only because colours and calendars fit with the natural way we might think about time periods and statuses in the context of what you have described. I think that there is too much difference between the 7 and 30 day ranges to present them at the same time, and so you should stick to the normal design of ...


2

Observations Latency is your vertical axis, which is unfortunate since the higher is better bias is more pronounced with vertical than with horizontal axes (since in many charts the vertical axis is the primary value axis). 'Better' is not labeled on your axes, so users have to read the values and make a cognitive link between lower latency and better. ...


1

I am taking the liberty of assuming column text is something related / in context to the content on the page. This brings to mind many news websites and how they handle content. Here are a couple of websites. New York Times and NDTV respectively. They provide a clean header area for title. It gives central attention to the primary content on the page. ...


2

Depends on the relation between the title and the columns, I'd say. If your title also covers the second column, then the visual hierarchy should reflect that, i.e., you should follow (2). If the title is not related to the second column, approach (1) is right. As an example, if the title says "Search Results for XYZ", and the second column contains ...


3

Spider graphs – radar graphs – are useful to show players statistics better than bars. The best is when they are used for data comparison, because you can visualize the shape of a player. The only problem I see, is that usually for a player you have different data to show with different units measures. In this case the data should be normalized in order to ...


0

To me the design reports more on losses than the final result while as I user I am "building the correct record". Maybe if you make the final user and its data the most important on the page it could help. Random thoughts about how: making the updated card visually more important than the deleted one (Some green to updated and some gray to deleted?) ...


3

I would reduce the information and show the user a window per attribute, but only attributes, where the value will change: When the user clicks on 'Discard' or 'Apply Changes' the next attribute will be shown until all attributes are merged. Update: If you do not want to use one window per attribute, I want to suggest you to list all changes and work ...



Top 50 recent answers are included