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
0
votes
1answer
20 views

Is it a good practice to use tooltip and a popover on the same UI element?

Previously I have only for desktop application. So I used tooltips to show some additional information on specific UI elements Now I am going responsive with same application So, since tooltips are ...
1
vote
0answers
35 views

Different styles for tooltip and infotips in the same system?

I have a question about using different styles for tooltips in the same system. We're creating a new platform so the styles are not all the way defined, talking to the front end developer he insists ...
1
vote
1answer
73 views

What's a better alternative to using tool tips on a modal box on mobile

I'm working on the mobile web adaptation of a desktop design. The desktop version uses a modal box, on that modal box there are tool tips that can be hovered on or clicked for more info. When ...
0
votes
0answers
55 views

Mobile Screen Highlight/Tooltip Overlay - Feedback Loop

Context I'm working on a mobile app that provides real-time feedback on accessibility issues of other applications (not built or controlled by me) on the device, similar to Axe or Google's ...
1
vote
0answers
45 views

Tooltip text on a toggle icon - Action or Status

We have a toggle action icon Lock/Unlock. In our system, we display the action the button does (e.g. "X" will display the tooltip delete). the problem is that a toggle button contains both the ...
2
votes
0answers
22 views

Validity of in-line help content over time as users graduate from novice to Intermediate stages

This is a question in regards to an Enterprise product. Consider a selection menu - Option 1 help text (2 liner max) Option 2 help text (2 liner max) Option 3 help text (2 liner max) Notes - ...
2
votes
3answers
427 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 ...
1
vote
4answers
624 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
287 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
548 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
336 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
330 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
1k 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
1k 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
164 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
461 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
458 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
210 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
64 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
190 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
3k 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
494 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
45 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
251 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
155 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
80 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
1k 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
897 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 ...
8
votes
1answer
5k 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
149 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
141 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
768 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
128 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
3k 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
309 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
5k 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
8k 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
631 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
115 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
3k 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
566 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
280 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
217 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
342 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
732 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 ...
31
votes
1answer
24k 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
211 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 ...