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
3 answers
107 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 ...
user avatar
  • 10.5k
0 votes
1 answer
131 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!
user avatar
1 vote
1 answer
112 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 ...
user avatar
  • 11
4 votes
3 answers
345 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 ...
user avatar
  • 870
0 votes
1 answer
128 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 ...
user avatar
  • 1
1 vote
1 answer
140 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 ...
user avatar
2 votes
2 answers
120 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 ...
user avatar
  • 21
0 votes
1 answer
41 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. ...
user avatar
0 votes
1 answer
214 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 ...
user avatar
1 vote
0 answers
50 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 ...
user avatar
  • 21
1 vote
1 answer
113 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 ...
user avatar
  • 10.5k
0 votes
0 answers
142 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 ...
user avatar
  • 101
1 vote
0 answers
87 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 ...
user avatar
  • 982
3 votes
1 answer
44 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 - ...
user avatar
  • 3,899
2 votes
3 answers
1k 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 ...
user avatar
  • 2,159
2 votes
4 answers
2k 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 ...
user avatar
  • 133
1 vote
2 answers
1k 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 ...
user avatar
0 votes
2 answers
881 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 ...
user avatar
  • 177
2 votes
1 answer
442 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 ...
user avatar
  • 173
1 vote
2 answers
660 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 ...
user avatar
  • 133
1 vote
3 answers
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 ...
user avatar
  • 2,435
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 ...
user avatar
1 vote
1 answer
323 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 ...
user avatar
  • 207
3 votes
1 answer
1k 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 ...
user avatar
  • 235
1 vote
1 answer
47 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 ...
user avatar
  • 11
1 vote
1 answer
77 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 ...
user avatar
5 votes
4 answers
854 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 ...
user avatar
  • 305
0 votes
2 answers
249 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 ...
user avatar
  • 135
1 vote
1 answer
100 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 ...
user avatar
  • 157
0 votes
4 answers
195 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 ...
user avatar
4 votes
2 answers
4k 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 ...
user avatar
7 votes
4 answers
513 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 ...
user avatar
  • 83
2 votes
2 answers
52 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 ...
user avatar
0 votes
1 answer
307 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 ...
user avatar
1 vote
1 answer
186 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 ...
user avatar
  • 676
1 vote
2 answers
122 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 ...
user avatar
  • 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 ...
user avatar
  • 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 ...
user avatar
12 votes
1 answer
9k 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 ...
user avatar
  • 1,363
2 votes
2 answers
150 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 ...
user avatar
  • 1,518
1 vote
1 answer
154 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 ...
user avatar
  • 5,965
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 ...
user avatar
  • 3,678
1 vote
1 answer
140 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. ...
user avatar
  • 173
2 votes
2 answers
67 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 ...
user avatar
  • 197
6 votes
6 answers
5k 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?") ...
user avatar
4 votes
2 answers
320 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 ...
user avatar
  • 151
0 votes
1 answer
8k 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 ...
user avatar
  • 1,191
7 votes
5 answers
13k 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?
user avatar
  • 183
2 votes
1 answer
849 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 ...
user avatar
1 vote
1 answer
130 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 ...
user avatar