Kind of a lot going on here. The hover tags only show up on hover (duh), but the button also only appears on hovering over the line item. Not super-stoked on the radio button treatment, will make that prettier later.
over 2 years ago
Heh, I also just noticed that the left column is 10px too wide. Oops!
Good colour combo - I also like the bkgrnd texture you've got going. I wouldn't mind seeing a tad more white space between the grey boxes and the lines (left side), something just seems off, it could also be the fact that the grey boxes are different lengths...
Thanks for the feedback. The text tags are only on hover, so it's not as rough as it may seem, spacing-wise. You'd never see two at a time.
Feels like a more mature version of the current simplegeo.com style wise. Really digging it overall and specifically the button styles and icons. However I have always felt that if you think your buttons need a tooltip in order to provide clarity to the user, you're probably doing something wrong... or maybe just second guessing yourself.
Oh, and I'd probably replace the ">" symbol with something more visually appealing.
I like dude. Have you seen tipsy? It'd be a really great tooltip replacement for this. Pretty much looks exact, super easy to pop in too. Using them with MyZeus. Facebook, GitHub, and Twitter also use it. Tipsy is here.
Robert: Great feedback. I generally agree with the sentiment of if you need a tip, you probably need a clearer button, but the choice was made for 2 reasons. One, I wanted to use up as little space as possible for the button so there's more room for layer name (which can be a super-long alphanumeric string, if someone chooses), and two, because of the sorting options, you could have two different types of layers in the same list. I just wanted to be 100% clear that someone is clicking a "manage" button for their own layer vs. a "deactivate" button for a layer they don't own, but are using.
Also, agree on the >, I usually hit up those details last.
Patrick – thanks for the tipsy tip :)
About the comment about needing tips. Technology is moving into greater lengths, yet we're really having the same space we did 10 years ago (screen wise). These tooltips help ensure we're explaining a clear message in tight spaces. I say, overuse them. Help people understand better. Why not!
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