We’re rewarding the question askers & reputations are being recalculated! Read more.

Questions tagged [tooltips]

informational bits of text that appear to guide a user through an interface, usually popping up when a user hovers over an interface element such as a button.

Filter by
Sorted by
Tagged with
2
votes
3answers
150 views

Hover styling for non-clickable elements?

In our system, currently we have good styling and effects for buttons, for example submit button, cancel button etc. Now we have a different element. Let's say it is a summary tag element. Which acts ...
0
votes
4answers
157 views

Accessible tooltip with links

I'm working on an accessible input component with built in tooltip. I've managed to create a solution that seems to work fine for people with limitations — whenever user focuses that input with ...
1
vote
2answers
91 views

What should the behavior of Disabled Link/Button be? [duplicate]

What is the best practice for designing disabled states? In general disabled states cannot be interacted with. Any opinions on presenting a tooltip/pop-up on hover or click when the user interacts ...
0
votes
2answers
254 views

Availability of tooltip text for keyboard users

I am programming a desktop application and I use some icon-buttons without labels. I do not want to use Labels because of layout. So I set to every icon a descriptive tooltip text, because some icons ...
2
votes
1answer
233 views

Tooltip in a table

OK, so there's a Table. And a client who wants a tooltip in that grid. To show 13 additional columns (I am not kidding), and few rows. Please confirm, that tooltip usually shows a sentence. And a ...
1
vote
2answers
136 views

Screen readers and mouse

I'm building an accessible tooltip — my first dive into the world of accessibility. It is shown next to an input and right now I'm thinking about how to show them to users with disabilities. The ...
1
vote
3answers
628 views

In Responsive Design, how do you trigger Tooltips? mouse hover isn't there anymore

A tiny disclaimer, not looking for tooltip alternative for mobile as in another UI Pattern, i'm looking for a different interaction that could trigger the tooltip, i hope this makes it clear. The ...
1
vote
1answer
724 views

Tooltip with a link on it (displayed on hover or on click)?

I have a tooltip with a link on it. What is the best practice of displaying this tooltip: on click or on hover? I will still need a clicked version for tablet. Should the popup have a close icon in ...
1
vote
1answer
88 views

Should a field display it's value in its tooltip?

Should a field display it's value in the title attribute (tooltip)? For example, lets say we have a text input field and a select menu, both have a value that is fairly long, but the field width is ...
3
votes
1answer
232 views

How to show the restrictions for the file upload?

This is used for the b2b web tool. The user can upload an image file by clicking the "upload" button. There're 2 restrictions: max size and file formats. What is the best way of showing that? Put ...
1
vote
1answer
46 views

Search: Same Phrase. Many Alternative meanings [closed]

Is there a way/tool/ search engine that would allow me to search for multiple variations of the same phrase at the same time? For example, I want to search for "revealing his true belief". But I also ...
1
vote
1answer
72 views

How to let users know special functionality of a component you created?

Lets say i create a grid view. The users are not technical and are higher ups so they dont have time to read documentation(or just lazy). I have implemented copy and paste functionality in this grid ...
5
votes
4answers
322 views

What's the name for the little help bubbles some sites use

Some sites, such as Discord, show little hovering circles over UI features to new users, that they can click to learn about a feature for the first time. After clicking once, these go away with the ...
0
votes
2answers
177 views

What are these called in UX design?

I have been tasked with creating an information (e.i. helpful tip) scrolling bar for a mobile application. I am not very satisfied with my choices of color. So I am trying to look for outside ...
1
vote
1answer
50 views

Preference: Info-tips (info tooltips) or stationary info-areas for Scatter Plots?

I've seen two different ways to display information about a point on an scatter plot A tooltip (info tip) which appears next to your cursor When you hover over a point, information will display in ...
0
votes
4answers
186 views

How to signify a button state is linked to another?

We have an application where every auction has a favourite and 'notify me' button (for when the auction is almost over). The 'notify me' button is linked to the favourite button, as in, you cannot ...
4
votes
2answers
2k views

Input info tooltip in material design

Where do you accommodate the field explanation for the input element when following the material design input design. The problem I'm encountering is whether to show the tooltip icon only when the ...
7
votes
4answers
471 views

How should a global tooltips behavior be defined?

I defined a global tooltips behavior for the developers to use in all cases they will face as a guideline. I did a research about this issue but I didn't find anything really relevant. Finally, I ...
2
votes
2answers
44 views

What to incorporate into your MVP/first version to gain user insights for the next version?

I'm building a product and have ideas for future features, but I want to make sure the first version of the product, the MVP, is designed in such a way that I can gain insights into whether these ...
0
votes
1answer
217 views

How to best do contextual help in Web forms for Touch devices?

I've got a Web form that contains contextual help where necessary. There is a small 'help'-icon next to some fields and if an user hovers it with his cursor, a little tooltip fades in. These ...
1
vote
1answer
138 views

How to explain to users that they can click

I'm aware there are many rich tooltip plugins and scripts floating about github etc. but I decided to make my own for educational reasons. I'm fairly happy with where the code is now and have been ...
1
vote
2answers
59 views

Alternative to scrolling the user's screen when they click on input so we can make room for tooltips?

We have a form in our web app which allows users to create a list of "cards". Our system dynamically displays tooltips to help them enter high quality information. A simplified example might be ...
3
votes
1answer
874 views

How should a mouse-over-for-keyboard-shortcuts be designed?

Our toolbar has a keyboard icon on the right, which, when hovered over, displays a large keyboard reference tooltip. Clicking the icon opens the settings' dialog on the tab for keyboard bindings. My ...
0
votes
1answer
800 views

Best ways to show tooltips in form fields on desktop and mobile devices

I believe this question is quite similar to What are the best practices for tooltips on mobile websites?, but this question is more specific (only focus on form fields) and to go deeper in how to show ...
7
votes
1answer
4k views

Tooltip CSS cursor

I am at a bit of a loss as to what cursor I should be using for tooltips that have no click through behaviour. I have a hover only tooltip are I currently use the CSS cursor: cursor: pointer However ...
2
votes
2answers
145 views

What are the pros/cons of showing a Tip if User-Not-Used-Feature-in-X-Days

I work on software for brain-injured folks. So it's a delicate balance between showing lots of help (because they have difficulty understanding even a simple interface) and showing too much help (and ...
1
vote
1answer
116 views

Presenting date and time in a table where time is sometimes (but rarely) needed

I'll try to minimize the rubber-ducking; I'm posting this as a proxy for my team. We're designing summary table that shows work history of a part (on a mechanical machine). It's intended as a quick ...
6
votes
6answers
588 views

How much it is user friendly to make the bars clickable in bar-chart?

I'm designing a bar-chart where each bar has more content to be explored. After the click in the red bar, I'm thinking to show list of all employees (90, 55, 33, ....) who became late in the ...
1
vote
1answer
119 views

Location of tooltip

I'm making a GUI that controls some custom hardware using MATLAB. Since many of the parameter fields are highly technical, I'm using tooltips to give more detailed descriptions of each of the fields. ...
2
votes
2answers
65 views

How to make long headings easy to copy inside a card?

When somebody hovers on the heading "Thanksgiving", the full text appears as tooltip. The problem here is the Heading must be easy to copy so that user can send it to another user for particular ...
5
votes
6answers
2k views

Is it better to use “i” or “?” for tooltip/help content on mobile [duplicate]

Right now the interaction is that when you click the small "i" icon next to a questions, additional text displays for clarification. (Shown in the example "Carrying anything that makes it heavier?") ...
4
votes
2answers
306 views

How to show original data when using ellipsis?

I have a number of fields in my UI that could be quite long. Typically this is a location field. Right now I put an ellipsis in the field, but sometimes the user needs to see the entire string. The ...
0
votes
1answer
3k views

Color selection according to status

I'm designing a system where a list item can have one of 5 different status options: ACTIVE LIVE PENDING LEGACY INACTIVE I want to specify a different color for every status. For ACTIVE, PENDING ...
6
votes
5answers
4k views

How can I display tool tips on a touchscreen or is there a better way? [duplicate]

On a PC with a mouse one would use the hover state. On touchscreens what's the best way to provide this kind of information?
2
votes
1answer
551 views

Tooltips above or below the input field?

In Bootstrap and other frameworks, you are able to create and design your own tooltip instead of using the regular title-tag. You are also free to place that tooltip above, below, to the left or to ...
0
votes
1answer
106 views

Allow multiple actions for each word of a text

I'm searching for a way to have a quick method of applying two different actions to each word within a text. I currently try do design a UI to help myself learn new vocabulary by reading texts. For ...
4
votes
3answers
2k views

Alternatives to opening in a new tab or window on mobile

I am wondering about UX on mobile for stuff which, in a desktop setting, would typically open in a new window or tab because the origin page/screen needs to stay as is. Example, when asking a new ...
4
votes
3answers
476 views

Should tooltips be used on Text/Links?

Should we use tooltips on text/links? I see many frameworks like Foundation support tooltips on text but I don't know the reason why? I assumed text is self explanatory but I believe Foundation must ...
2
votes
1answer
236 views

Design implications of Balloon Tooltip vs Rectangular Tooltip

I'm using a tooltip for a validation message and trying to weigh different design options. I'm curious because in this walkthrough on using MaskedTextBox.ValidatingType, they go out of their way to ...
1
vote
2answers
211 views

Telling user about action when clicking on a column in table

A table has a head row, which tells user the meaning of the column, like Google file table has name, id, mime type, created and modified date. But, in addition to presenting information in the table,...
5
votes
3answers
320 views

Help for first visit on a website

On my website, there is a top-menu feature that I would like that a new visitor sees and understands immediately. Maybe only 10% of the visitors will use it (that's why it doesn't deserve a bigger ...
1
vote
1answer
602 views

Long description in tooltips

I'm working on a project that has tooltips for some buttons. These tooltips contains very lengthy description and those are client requirements that cannot be changed. These tooltips take a ...
26
votes
1answer
20k views

When should I use a popover vs a tooltip?

Are there any hard and fast rules about deciding when to use a tooltip versus a popover? I understand that tooltips don't have a header, but any other considerations? To be consistent, does it ...
2
votes
1answer
187 views

Should I provide empty fields in tooltip or not?

I have an extension tool for Microsoft Visual Studio. It provides meta data for code lines (which is retrieved from external source code) and helps developer to resolve bugs faster. I have doubts ...
2
votes
1answer
229 views

Indicate hover (or tap) will show more information with many elements

First off, this is not a duplicate of the many other similar titled questions out there (that I could find at least) due to one extra bit. So please read first. What I have is a paragraph of ...
2
votes
3answers
346 views

Indicative tooltip + info tooltip over the same element

I have a table that contains some items texts the user can click to filter by those values. For example, if they click on the username, only rows containing that username will be shown on the table. ...
15
votes
4answers
3k views

Arrowless tooltip: Usability?

I'm working on a project using Angular Material, a framework based on Google's Material Design Specifications. As such, it uses arrowless tooltips like this: According to the guideline: Tooltips ...
1
vote
4answers
3k views

How to have tool tips on touch devices?

I want to provide tooltips for the UI buttons, but obviously a "hoverable" tooltip will not display on a touch device. what is an alternative way to display the same information as a tooltip (in this ...
23
votes
7answers
6k views

What is considered better UX - have tooltips on important features or provide a tour

Simple enough - is there any user research which suggests the best of these options. In my limited experience I could see how some users might find a tour irritating (but Twitter still uses one). ...
2
votes
1answer
230 views

General GUI Development: Acceptable tooltip string length?

I'm putting the finishing touches on a GUIDE (MATLAB) developed GUI. I wanted to add tooltip strings to help the user but I don't want to overwhelm the user. Here are some examples of tootip strings ...