Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

1
vote
3answers
171 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
41 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
73 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
90 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
41 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
63 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 ...
4
votes
4answers
245 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
131 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 ...
0
votes
0answers
27 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
0answers
58 views

Tooltips in mobile [duplicate]

In a page there are lots of disclaimers. On desktop, disclaimer content displays on hover (like a tooltip), with the entire disclaimer list available at the bottom of the page. What would you guys ...
0
votes
4answers
180 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 ...
3
votes
2answers
1k 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 ...
5
votes
3answers
293 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
39 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
148 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 ...
2
votes
1answer
120 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
50 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
430 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
667 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 ...
6
votes
1answer
2k 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
106 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
88 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
450 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
97 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
61 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 ...
4
votes
6answers
769 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
298 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
1k 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 ...
5
votes
5answers
865 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
358 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 ...
1
vote
1answer
94 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
2k 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
358 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
164 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
189 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
302 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
413 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 ...
20
votes
1answer
13k 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
163 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 ...
2
votes
1answer
194 views

Indicate hover (or tap) will show more information with many elements

First off, this is not a duplicate of the many other similar titled questions out there (that I could find at least) due to one extra bit. So please read first. What I have is a paragraph of ...
3
votes
3answers
252 views

Indicative tooltip + info tooltip over the same element

I have a table that contains some items texts the user can click to filter by those values. For example, if they click on the username, only rows containing that username will be shown on the table. ...
15
votes
4answers
2k views

Arrowless tooltip: Usability?

I'm working on a project using Angular Material, a framework based on Google's Material Design Specifications. As such, it uses arrowless tooltips like this: According to the guideline: Tooltips ...
1
vote
4answers
3k views

How to have tool tips on touch devices?

I want to provide tooltips for the UI buttons, but obviously a "hoverable" tooltip will not display on a touch device. what is an alternative way to display the same information as a tooltip (in this ...
23
votes
7answers
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). ...
2
votes
1answer
205 views

General GUI Development: Acceptable tooltip string length?

I'm putting the finishing touches on a GUIDE (MATLAB) developed GUI. I wanted to add tooltip strings to help the user but I don't want to overwhelm the user. Here are some examples of tootip strings ...
7
votes
8answers
1k views

How to handle tooltips on moving control/object?

My company is building an on-line map which displays moving objects (vehicles) and static objects (bus stops). When the user hovers over an item, a tooltip with additional info about all the objects ...
6
votes
4answers
2k views

Best way to show “more info”, Tooltip vs no tooltip?

Which is the best way to display more info next to an option while completing a form in a minimal way & little space? the "i" icon which can be clicked or hovered over & a tooltip appears ...
0
votes
2answers
141 views

How to tell Users that a Tooltip lies behind a Text/Textbox/Image, etc.?

In my UI, I have a normal text headline that covers a block of checkboxes. Without further information I'm scared of users not knowing what to do with the window. My idea is to put a tooltip in the ...
1
vote
1answer
147 views

How should acronym explanations be displayed in a mobile app?

I have a lot of acronyms/abbreviations (mostly medical) that I can't really replace by their full name. Users will eventually learn them but I can't expect them to remember all of them. I may also use ...
12
votes
6answers
3k views

How do you make sure users know that there is a tooltip attached to something?

I've read Do people actually use tooltips?, and there are mixed answers there - I know a lot of people do use tooltips, but there are still a lot of people, in my opinion, that don't use tooltips. ...