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
1 vote
1 answer
193 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
1 answer
111 views

Persistent Rich Tooltips

Material Design has rich tooltips which can also be persistent. As it's explained here, these tooltips: remain active even when leaving the target region can contain links only disappear once you ...
22 votes
8 answers
5k views

How to indicate right click functionality?

I am developing a Windows application where there is a lot of configuration and settings applied to multiple objects. There is a right click menu that is used to apply a predetermined group of ...
3 votes
1 answer
121 views

Should tooltip icons appear before, or after the element they refer to?

I have a field label with its associated value but am unsure whether the tooltip icon should display before, or after either of these items. (Also, it could potentially appear after the label but ...
42 votes
3 answers
20k views

Info Icon vs Question Mark

We're debating inside our team on whether to use a question mark icon, or an "i" icon for prompting a tooltip that reveals more info. Which do you say conveys the message better? Or, how do they ...
0 votes
0 answers
14 views

App revamp onboarding suggestions that is low development effort? [duplicate]

I'm working on an app revamp, and due to timeline constraints, I'm figuring out how to best onboard existing users to the newly designed app. Are there any best practices or suggestions to this? I'm ...
2 votes
4 answers
1k views

Tooltip to indicate keyboard shortcut involving cursor keys

In our (web) application, we want tooltips (read: title attributes) that also indicate shortcuts for buttons. We have some button that involve the cursor ('arrow') keys. We've tried using characters ...
30 votes
8 answers
5k views

Do people actually use tooltips?

I know I use them, and my peers use them, but how much does the average user actually use tooltips to figure out functionality?
0 votes
2 answers
343 views

What are these tooltips-like objects 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
1 answer
665 views

How to display truncated text in a clickable table on touch screen?

In a table with clickable rows (a click on each row opens the dedicated page), the text could be truncated if it's too long. We thought to add a tooltip with the complete text on hover, but our app ...
57 votes
6 answers
66k views

What are the best practices for tooltips on mobile websites?

What are the best practices for tooltips on mobile websites? I'm designing the mobile version of a website for customers' accounts (where they can see their latest bill and settings for their accounts)...
15 votes
5 answers
6k views

Does a tooltip require close button?

I'm working on tooltips, when I was told there are some tooltips that have close buttons. Is a tooltip with a close button user friendly?
2 votes
4 answers
6k 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
1 answer
93 views

Fatigue logic on UI components

I'm working on an app, and one of the things being built is a tooltip dialogue to present to the user, which is dismissible. However, I'm having trouble coming up with a way to create an enjoyable UX ...
1 vote
3 answers
202 views

What's a more persistent alternative to tooltips?

I'm designing a dashboard that includes some jargon that is not yet commonly known in the client's industry. This includes terms that would need to give further details about how certain calculations ...
0 votes
1 answer
755 views

Period in tooltips?

Should tooltips in a desktop application end with a period? Is proper English required in this case? Looking forward to any feedback or examples on this. Thank you!
0 votes
1 answer
13k 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 and ...
5 votes
3 answers
2k views

How to communicate that an image is clickable without explicitly telling that it's clickable?

Say I have an image that is meant to contemplate, not to attract click. However, if someone is interested in it, they can click on it to explore more. I feel that having an explicit text saying it's ...
0 votes
1 answer
510 views

Alternatives for Tooltips

We are using Micro Focus - Solution Business Manager application for managing projects. We would want embed tooltips within the fields/section that we have created for a particular module. Some of the ...
5 votes
1 answer
7k views

Why does the title attribute have a delay?

In HTML the title attribute usually displays a little popup conveying information about the element. In most—if not all—browsers the popup doesn't appear immediately but after few seconds. Why was ...
1 vote
1 answer
437 views

Should a popover include an arrow or not? [closed]

I'm trying to decide if popover panels should include an arrow pointing to the component that triggered it, or if this is an unnecessary element. Others' Approach Here are some of my research on this ...
2 votes
2 answers
248 views

Subtle Hover Design Ideas

I'm using tooltips on my site to show some extra info but i'm finding it hard to make it obvious that the icons are hoverable. I have added in a swirl line that animates, also a pulse animation to the ...
3 votes
1 answer
45 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 - ...
0 votes
1 answer
54 views

New features announcement / app cue

I am working on the announcement of new features for our existing portal users. The announcement will be made by displaying a distinctive modal element that is triggered by some specific events. ...
37 votes
2 answers
41k 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 ...
0 votes
1 answer
698 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
1 answer
212 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
0 answers
235 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
0 answers
279 views

Tooltip text on a toggle icon - Action or Status [duplicate]

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 ...
13 votes
7 answers
6k views

How to mark a tooltip-containing word in a paragraph?

I have a sentence in which one word has a tooltip. The data in the tooltip is supplemental and putting it into the main UI isn't required. However, how can I mark the word to notify the user that it ...
2 votes
3 answers
3k 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 ...
7 votes
4 answers
529 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 ...
1 vote
2 answers
3k 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
2 answers
1k 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 ...
31 votes
7 answers
35k views

How long should the delay be before a tooltip pops up?

I'm working on web site in which a "ribbon" submenu pops up as soon as the mouse touches one of the main menu items. I'm trying to explain to the designer that it should wait until the cursor has ...
2 votes
1 answer
870 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
2 answers
1k 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
1 answer
137 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 ...
1 vote
3 answers
2k 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 ...
24 votes
8 answers
2k views

Styling labels as links to "trick" users into hovering over it?

The title alone would probably result in a chanting "NO!" as the popular answer, but please let me elaborate. Background We have a table of items that represent something. Each item can hold one to ...
3 votes
1 answer
2k 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
1 answer
3k 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
1 answer
445 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 ...
1 vote
1 answer
50 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 ...
6 votes
6 answers
1k 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
1 answer
82 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
4 answers
2k 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
4 answers
199 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
2 answers
341 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 ...
23 votes
7 answers
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). ...