[explore][discussion]short & long term solutions for displaying truncated info in Explore and Dashboard

[graceguo-supercat]

We had naming rules for metrics, so that many metrics have same prefix. In the adhoc filter dropdown list, it only shows same prefix, there is no way for our users to pick the right metric from dropdown list:

Expected results

Should add hover effect or tooltip for every item in the dropdown list.

Environment

latest master

Checklist

Make sure to follow these steps before submitting your issue - thank you!

• I have checked the superset logs for python stacktraces and included it here as text if there are any.
• I have reproduced the issue with at least the latest released version of superset.
• I have checked the issue tracker for the same issue and I haven't found one similar.

cc @junlincc

[zhaoyongjie]

Hi, @graceguo-supercat
There is a resize icon available to zoom in and out the metric(and filter) popover.

[ktmud]

I'm pretty sure 90% of users would not think of using that resize button when they see truncated options.

[junlincc]

Then the question becomes, how to teach Superset users this new pattern. feature tutorial and on boarding are absolutely areas that we have room to improve.

As we made all Explore components resizable, including data panel, data table, charts, control panel and popovers, users should have much greater flexibility operating in Explore than ever before, so I think it might worth users time learning and adapting to this enhanced pattern. Happy to hold a training session with your users to introduce all the new features in Explore and get immediate feedback from them.

I'm not sure adding tooltips everywhere to show truncated information is the best UIUX. If you can think of any better ideas, please let us know

[graceguo-supercat]

Then the question becomes, how to teach Superset users this new pattern. feature tutorial and on boarding are absolutely areas that we have room to improve.

As we made all Explore components resizable, including data panel, data table, charts, control panel and popovers, users should have much greater flexibility operating in Explore than ever before, so I think it might worth users time learning and adapting to this enhanced pattern. Happy to hold a training session with your users to introduce all the new features in Explore and get immediate feedback from them.

I'm not sure adding tooltips everywhere to show truncated information is the best UIUX. If you can think of any better ideas, please let us know

I agree this. There are so many different users with different usage patterns, and some users may just use it once per a few month. You can't rely on one-time education or training.

It's worth to watch a video for large feature, like how to use annotation. For small feature like dropdown list, no one will bother to "learn" how to use it.

[junlincc]

Feature tutorial and user guide are definitely something we should start incorporating to the product. I will see what I can do in Explore.

[zuzana-vej]

Expecting users to resize this every single time they open the Metrics popup is unreasonable expectation.

On the tutorial / education piece I agree there is space for improvement. One idea users suggested in the past is have some kind of "since you last visited" or "since last release" where they can have a summary. I am personally not convinced if this would be used (I never use this feature in other products) but we could explore this option a bit.

[mihir174]

I think there is room for this popover to be wider horizontally by default. I agree that it's unreasonable to manually expand every time. I think hovering for tooltips might get frustrating when combined with scrolling + scanning through a big list. What's a string character length that we'd want to fit into the menu without truncation?

[graceguo-supercat]

before we come up a perfect and beautiful solution, will title attribute be a simple solution?

[ktmud]

before we come up a perfect solution, will title attribute be a simple solution?

+1 title attribute should be the default in most places with potential truncation. I remember my job as a junior frontend engineer 10 years ago was adding "title" in a lot of places.