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.
136
questions
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). ...