Tooltip in a menu? Discoverability feedback

[jess-watson]

Hi Paste team,

We are implementing the ability to join paths in journeys. Because we don't have a full drag and drop canvas, we need to implement a way for users to connect and disconnect paths in a fixed flowchart. In my design, I've chosen to place the option to connect a path to an existing step within the plus buttons on the canvas. This option only appears if:

• The path is after a branching step
• An existing step exists to connect to at a lower point (paths can't loop or connect to higher points in the journey)
• The path isn't already connected to a step

The biggest issue with this design approach is the discoverability. Users who solely use drag and drop to add steps may not see the option to connect paths, and the option itself is only visible when specific conditions are met. Do you have any feedback on how I can improve discoverability?

One option I've explored is to keep the path connection visible but disabled, with a tooltip explaining why the option can't be used. However, I'm unsure if it's an accessibility issue to place a tooltip inside a disabled menu item.

Here's the Figma file for reference – I appreciate your time!

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Builder node/step component (updated: 06/10/2024, similarity score: 87%)
• Journeys Canvas UX (updated: 03/13/2023, similarity score: 86%)
• Side sheet drill-in or expansion (updated: 08/19/2024, similarity score: 86%)

[jhanvi1399]

Hey @jess-watson thank you for posting this discussion. I'm discussing this with the team and will get back to you soon with a helpful response!

[jess-watson]

Thanks Jhanvi! If it helps, here are the findings from an unmoderated study I ran to test the concept. While this concept wasn't immediately discoverable, participants quickly learned how it works reported feeling confident that they could complete the task independently in the future.

If you're interested, the Figma file contains:

• A competitive analysis on how other products handle this functionality
• My broader design explorations

[roxanagomez]

Hi @jess-watson thank you for sharing this!

Menu items can’t have interactive or focusable elements nested, and since the item is also disabled, mouse users might see a tooltip, but keyboard and screen reader users won’t, causing an accessibility gap.

Instead of Menu you can use a Popover and create the custom composition so you can have more flexible interactions without affecting accessibility.

Let me know if you need anything else!