Here is part of task list. There are 3 stages of a task "High, Medium, Low" or "none", each has it is own colour and this tooltip appears only when you mouse hover on dot icon, to tell you what it means.
12 months ago
Honeyhive looks like it'll be pretty amazing. The detail is incredible.
Fresh & Inspiring as always brother.
@Mike Moloney Sure it is going to be ;) Thanks btw!
@Kartik Mahant Thanks Kartik!
Like it! There are a few things bugging me though...
Should the dot be the same colour as the tooltip?
Should the dot be larger?
Will users know to hover over the dot?
Nice! Personally, I think that the tooltip could be without that transparency.
@Nathan Yates Thanks, Tooltip and the dot has same color actually, but tooltip has some transparency, I guess that's why it looks you different. This is only to give little info, I didn't want it huge. At websites, when a user isn't sure what something is, (s)he moves mouse hover unintentionally, and that's when this tooltip appears. It does not have crucial info, just a little info, so I think it is okay to keep it small this way.
@Tomas Kopecny Thanks, I will try without transparency as well.
@Oykun +1, Great to hear your train of thought!
The whole comp is finely balanced.
I'm wondering how do you change the priority of a task once that's set though. Click (x3) to set that to medium priority for example?
@Nathan Yates ;)
@Samuel Couto Thanks. You edit that at task page. This is list of tasks to see what is happening. Maybe later we will add quick edit to this section.
Really like the subtle markings of priority. All to often apps go screaming when something is high priority.
One question about the menu on the left. It now looks as if "stream" is not available (being this grey). Not sure if that is the case? Otherwise might be better to have the icon in the same dark gray as "Tasks".
another great shot @Oykun
Was wondering the same as @Samuel Couto, would be useful to change the priority of tasks on the flow. Would high priority tasks all be in the top of the overview? Or are these sorted on for example date?
@Samuel Couto @Guido Schetters I just added that to the list to discuss with client ;) Thanks for the feedback!
@Marcel Deelen Thanks. The nav is slightly revised version of this. The off state is more subtle, so the active state gives better focus.
I really like the priority indicators. Always a hard piece to make on task lists. But sill I would really like to see the explanation/key of the colors somewhere beside the list instead on hover.
@Lukas Bugla You assign it while creating the task and at that page it is explained clearly. After first use, user already learns what those are, that's why I didn't want to make page busy with giving extra space for such info. However I will reconsider. Thanks,
nice but a bit fuzzy for me
Great stuff. Good you stopped using tooltips for the sidebar (remember the first sketch), otherwise it would be a sea of tooltips with a high chance to make a mess.
Great work OyKun!
If that UI is accessible via tablet/phone, will that small of a target be tappable? Just curious what your thoughts are, was considering these kinds of tooltips for a UI of my own.
Loving the bottom border for the active. The gap is quite big between active and closed.
Really love the look of this. One thing to keep in mind are color blind users. They'll just see dots. Maybe some sort of icon that you can put on the dot to help distinguish them would be helpful. The tool tip is a nice addition that will help.
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.