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

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

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



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