Tag Info

Hot answers tagged

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 ...


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 ...


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.


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 ...


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 ...


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 ...


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 ...


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 ...


2

Let me offer an alternative way to think about the problem. The first thing I can think of to simplify the problem is to only show what's required. So just think about the different possible starting points for the task, and these will be the 'root' nodes. The second thing is that even though the underlying structure is a binary tree, for the user each step ...


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 ...


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. ...


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 ...


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 ...



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