Nice. Have you thought about displaying the column detail on hover above the object and not to the right?
about 3 years ago
Yes, that's definitely one of the options I'm considering. Probably would be a better place for it.
The advantage to going to the side is that I don't have to allow for more top padding in the graph area for the taller bars if my chart solution limits my hover widgets to staying within the chart bounds.
Yes, top padding might be a sensitive topic here. Just try it out. I think some white space isn't too bad OR try to make the popup with only one row..
This looks great. Lots of subtle gems here! I like how the +5% is raised up a bit - will it be lower if it's -5%?
Good discussion on the detail hover. I like the idea of it above the bars. Maybe to solve that padding issue, on the über-tall bars, maybe the bubble shows up on the right or below? No matter which one you choose you'll be running into a container edge one way or another.
One other note: the italics on "Report Level:" feel a bit out of place.
Thanks for your comment Brian!
The % bubble offset lets me separate the note from the main line of reading content (other places will have multiple items in a line each with a bubble) while still clearly pairing it with the text it's related to. At least that's the idea. Hm, I had planned on changing the color and value of the bubble for a negative number, but hadn't thought of lowering it. Intriguing! My first thought is I love the idea but it might mess with scanning across. The whole point of this app design (at this stage) is data at a glance. I'll definitely play with it.
The hover issue is directly tied into technical issues (which I know I should be ignoring at this stage, can be hard). Some of the svg/canvas graphs I'm looking at have built-in hover bits, but they're limited to staying within the original graph bounds. Otherwise I wouldn't have a problem with the top hover hiding some of the text above. We'll see how that works as I move forward. Good thought on one line Sascha, that might help too.
Hm, yeah I can see that about the italics. I'll play with some variations on the label display.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter