Tag Info

Hot answers tagged

33

To know if the tooltip should be closable by the user, we should know when it gets displayed. As a mouse-over: no, it is hidden, when the user moves away. On some event: How would it get closed otherwise? Time is not a good option as it would a break accessibility guidelines. Click in text line: Not necessary, but I would provide this option as ...


27

Yes people do use tool tips. For many people tool tips are essential. For example say a person with visual impairments person was using your application. To help them they may be using some assistive technology such as a screen reader. Lets say that some of your buttons only had icons instead of text. How would a screen reader tell the user what the ...


14

If a button, label, or icon has little to no descriptive text or needs some short explanation, then a tooltip works well for this. You can see examples of this all throughout this StackExchange web app, in fact. If we didn't have tooltips on all these up & down arrows next to each answer, some people might think they're for scrolling. But if the text ...


10

Microsoft offers some useful guidelines for tooltips—when to use them and when not to. In the Windows User-Experience Interaction Guidelines (a great resource, by the way!), if you look under Tooltips and Infotips, you'll find the heading Is this the right control? and, below that, the heading Design concepts.


8

I would go with label: textfied (?) for a user who doesn't need the hint, it's safely tucked away AFTER the textbox so it won't distract him. I am assuming the 'tip' here is to guide users who have no idea what to enter in a particular field as opposed to preempting a frequently entered wrong answer (eg: formatting...in which case the hint must always be ...


8

I think it has got to do with accessibility, screen readers can be set (or is it default behavior?) to read the 'title' of the links. This practice makes particular sense for high volume sites like google who probably get a fair number of users using screen readers. note: page from 2005! ref to study how the screenreader reads the TITLE attribute in various ...


7

I couldn't find any conventions on this matter, but I found a couple of libraries where the tooltip seems to be set at a default of 500ms, which seems quite reasonable. Anyway, I think you should go from there and tweak it until it feels right. You can try it out with a few users and evaluate their feedback. ...


7

I think the best solution would be to have a clear indication which controls have tooltips and which don't. For example, you could add a tiny "?" next to these controls (or any other method that works for you and your users). Not only will this clarify to your users which controls have a tooltip, but will also surface potentially hidden functionality: ...


7

The thing with tooltips (as with everything else on screen) is that it increases cognitive load and requires to be processed (read) by the user. So the general question to ask is: does the user need (or want) to see the tooltip permanently, or should be allowed to close it? Is the tooltip really helpful or trivial? I'd say that tooltips in general need ...


6

Go green for chilled, red for thrilled. In-between is less extreme. Obviously the intent here is to make it short, snappy and catchy via the two rhymes. That second slightly cheesy almost-but-not-quite rhyme could be endearing in a way. This makes it more memorable not just in the context of meaning of the slider, but perhaps also after leaving the site. ...


6

It might be for consistency. If users see tooltips on most links/buttons/images, and then they move over something and don't see it, they might wait for it or think the site is broken. Instead of removing the redundant tooltip, it would be better to make useful tooltips for all such elements (or none, if the links are self-explanatory). This is different ...


6

If .yoururl.com is not editable, it should be removed from the input bar. download bmml source – Wireframes created with Balsamiq Mockups Give an example to reinforce what the expected input is and also, if you want, what the output will look like. On second thought, you can let the user type in the entire URL. URL parsing isn't a ...


5

Is the item something that you can add a tooltip? For instance, on a forgot-password image, I added a tooltip: <a href="{% url password-reset %}"><img src="/media/bitmaps/qmark.png/" title="forgot password?" width="50" height="50" /></a> Which results in Alternately, if it's not some single object(s), then what about storing a ...


5

A technique I use alot is to list out as many possibilities I could think of and then see which one pops out. I think the third one below is better than the others for me. Maybe a different icon, maybe a little smaller, but you get the point.


5

How about direct share buttons for the 2-3 most used networks, with a 'More' option bringing up a menu; I'd say the menu should include the networks with direct share buttons as well, so the user wouldn't get confused if they only spotted the menu button at the main page. Best of both worlds: lower friction for high use networks + access to lower use ...


4

When the user hovers the link, the text "buy it" can appear next to the link. This gives the idea that the link initiates the buying process in a simple fashion. I included an image below: You can include the text "click on a domain to buy" in the page but I wont use the tooltip as it is because the tooltip is pointing to a specific element (which is not ...


4

Please correct me if I am wrong, but in this case it is understable. Tooltips are only shown with labels. Since the left sidebar has a fixed with it can happen that a user chooses a label name that is to long and will be cut off. So now the tooltip shows the complete label name. Because it is probably easier to just do a title on all label links than just ...


4

When you tested this, how was the question phrased? Was it: "Can you complete this form? Which one did you like better?" Or was it: "Which method of invoking tool tip do you like better?" If it is the latter, then you may have inadvertently influenced the outcome in favor of clicking the "i", because the question itself explains to the user what ...


4

How to display I would not scatter your UI with i-icons or question marks. Instead, use a dotted underline to make it clear that the user can interact with the work but to set it apart from a link. How to interact Keep in mind that on cursor-devices the tooltip is hidden again on mouse-out. You can't do that on touch devices, so make sure the tooltips are ...


4

You have hidden information first and trying to invent some interaction to return it back. Maybe the problem somewhere in information design. The better solution could be to provide an abstract for each lesson. Having a lot of lessons you could group it by some meaningful way. UPDATE Assuming user constraints (speech, reading, movement difficulties) I ...


4

I agree with Harijs' answer. You need to address the question of why you are using the Tooltip for error handling in the first place. Here is a helpful article: In order to display error messages on forms, you need to consider the following four basic rules: The error message needs to be short and meaningful. The placement of the message ...


3

Personally, I think tooltips should always be used where you have hover-ability. The only question is what time to wait before display, and I think this should be directly proportional to how common the control in question is, and consideration also needs to be given to the intended audience. For example, on a public site you should use the lowest ...


3

To answer your question: no, it's not. Having the exact same text is just not adding help, but adding distraction. A mayor annoyance as phinetune put it. Edit The fact that, in this case, it might be necessary doesn't make it right. A good design would not have this problem.


3

You don't want to make it blue that's for sure, but you can try leaving it black (or whatever the normal color is) with an underline. Links are so commonly not the same color as the surrounding text that the appearance of underlined normal color text may be differential enough, but you can also futher differentiate by double underlining. If you have a lot ...


3

Although consistency is important, you don't have to be fanatic about showing the tool tip in every single place. Have a look even at this page - some of the elements have tool tips and others don't. Actions have tool tips, as the user might need more info before doing something - but not always (for example, the self explanatory "questions", "badges", ...


3

The short answer: as few as possible and still communicating the message in a meaningful way. The long answer: The reason to display a tooltip message varies a lot. But from a User Experience point of view a tooltip can’t be the only way to inform a user. There are users that don’t understand that there is a tooltip to begin with and much less understand ...


3

While not technically a tooltip, Microsoft Office has included context buttons on selection and hover for a while. Below is a screen shot of MS Word 2013 with the "pop-up" actions that can be taken on a selection of text. This appears when hovering over the selected text. If you were to implement the action in a way that the tooltip does not disappear on ...


3

When you use placeholder, the piece of information, help or example it is trying to relay to the user, is hidden from the moment a user types something. To reveal the info, user has to clear the field (e.g. cutting the text to clipboard, to be pasted back after reading). I'm even tempted to say that most users won't be able to figure out a way to get the ...


3

I would prefer use of Icons next to form field because of following reasons. Help is available to you, consistently, every time you need and at the time you need but not unless you need it. Proximity of control on the form affects users experience. Idea of dedicating a section which always shows "help and tips" wouldn't be as close to form elements as ...



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