I've got a tooltip (image below) that when the user hovers over it, they are given a quick one line summary of what they hovered over and then 8 more lines of information. I already know that's way too much information, but I'm running into a couple issues.

  1. There isn't really a way to shorten the information in the More text areas.
  2. The information needs to be given to the user when they hover over it
    • It's all relevant to how the user might filter the data

To give some more background on the More text portion, they will be metrics of the object the user hovers over (Things like Name, Location, etc.). Those are the pieces of text I'd like to move.

This is the tooltip as it currently stands:



What would be the best way to show all of the More text pieces? I've considered doing something similar to what this Leaflet map has done for the US States information, but I'm not sure if that is the best method

  • It sounds like what you want is some form of progressive disclosure. Is that it?
    – user
    Commented Jan 28, 2015 at 18:55
  • Similar, yes, but the user can filter prior to hovering over the object. This would be extra information to help them determine how they might want to filter the data next.
    – BDD
    Commented Jan 28, 2015 at 18:58

1 Answer 1


It seems as a good solution. The result will depend a lot on visual and micro-copy you'll use. Maybe combination with an icon indicating there's some more information hidden would be nice to discover the hidden content if it fits the rest of your UI. Or a tutorial that tells the user about it when working with the UI for the first time.

Just keep in mind that this kind of interaction is not ideal for mobile devices in case you need it working on these devices too.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.