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.
138
questions
2
votes
1
answer
91
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 ...
- 21
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 ...
- 1
1
vote
1
answer
80
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 ...
- 145
0
votes
0
answers
26
views
What is alternative way to show information without tooltip on mobile? [duplicate]
So i am working on a dashboard project. When I finsished this for desktop it's easy to provide information to user, they have just hover it. Then, I realize, it's not so good to have tooltip on mobile ...
0
votes
0
answers
94
views
Is there a best practice on closing mobile tooltips? Use close icon?
Is it explicitly known that touching a tooltip will close it? Is there a best practice for this?
Would it be ok to use a close icon on dektop but "tap to close" on mobile. Doing some user ...
- 63
1
vote
3
answers
138
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 ...
- 10.6k
0
votes
1
answer
620
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!
- 149
1
vote
1
answer
570
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 ...
- 68
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 ...
- 900
0
votes
1
answer
477
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 ...
- 1
1
vote
1
answer
389
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 ...
- 65
2
votes
2
answers
231
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 ...
- 21
0
votes
1
answer
53
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. ...
- 169
0
votes
1
answer
598
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
0
answers
162
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 ...
- 21
1
vote
1
answer
199
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 ...
- 10.6k
0
votes
0
answers
212
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 ...
- 101
1
vote
0
answers
251
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 ...
- 1,002
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 - ...
- 3,899
2
votes
3
answers
2k
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 ...
- 2,349
2
votes
4
answers
5k
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 ...
- 133
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 ...
- 177
2
votes
1
answer
764
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 ...
- 302
1
vote
2
answers
950
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 ...
- 133
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 ...
- 2,445
1
vote
1
answer
2k
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 ...
- 43
1
vote
1
answer
402
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 ...
- 207
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 ...
- 235
1
vote
1
answer
48
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 ...
- 11
1
vote
1
answer
81
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 ...
- 113
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 ...
- 305
0
votes
2
answers
322
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 ...
- 145
1
vote
1
answer
135
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 ...
- 177
0
votes
4
answers
198
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 ...
- 9,851
4
votes
2
answers
5k
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 ...
- 108
7
votes
4
answers
526
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 ...
- 83
2
votes
2
answers
57
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 ...
- 21
0
votes
1
answer
344
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 ...
- 71
1
vote
1
answer
253
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 ...
- 676
1
vote
2
answers
182
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 ...
- 113
3
votes
1
answer
2k
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 ...
- 131
0
votes
1
answer
1k
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 ...
14
votes
1
answer
13k
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 ...
- 1,373
2
votes
2
answers
157
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,558
1
vote
1
answer
185
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 ...
- 5,985
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 ...
- 3,678
1
vote
1
answer
165
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. ...
- 173
2
votes
2
answers
75
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 ...
- 307
5
votes
6
answers
6k
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?")
...
- 51