New Right-Click Menu

[Eeeee]

I came up with this strange new right-click menu interface a few days ago:So I decided to draw it in PowerPoint and introduce it to you.

The advantages of this interface are as follows:

1. customizable options.
2. with the same number of options, the area blocking the content of the page is smaller (compared to the current right-click menu).
3. makes people lazier. Shorter paths for mouse movement.

The disadvantages are:

1. it takes time to design a dedicated icon for each function.
2. requires more complex interaction logic.(I can't think of a logic or order for the options to automatically move away from the screen boundaries, so what I've drawn is just the expected layout of the options).

End of the introduction, next, I want to introduce the experience I thought of:

1. If there are shortcuts available, they will be displayed more clearly (Firefox rookie friendly).
2. enter text to talk to the AI directly after right-clicking (this is the idea of using the right mouse button as a shortcut to talk to the AI, after all, right-clicking and then entering text has no other function at the moment).
3. Other functions to interact with AI are on the right side (I thought of it when I read this article: https://blog.nightly.mozilla.org/2024/06/24/experimenting-with-ai-services-in-nightly/ ).
4. customizable options (maybe this interface can be integrated into the Customize Firefox page, but I don't know how at the moment)I found that the options in the right-click menu would be different when I right-clicked on different things (it's not that hard to find out), so I think we should be able to customize the right-click menus for different things (i.e., the squares on the left-hand side block of the page). The white "●" in the center of the menu indicates the position of the cursor when the right-click button is pressed. The "●" can be dragged anywhere in the middle of the page to simulate the behavior of the menu when the right button is pressed in different places (I don't want to draw it, please imagine it yourself). In the future, if other Firefox functions are made into right-click menu options, they may be made into different shapes, so I've drawn two options on the right side of the page to show that the new right-click menu can be arranged in a strange way. As for the rounded square tray, it can be adjusted to a minimum size of 1×2, 2×1 (drag-and-drop ◞ adjustment), and a maximum of 32×32 should be enough, right? Also, the trays can be plural, so you can play with them like this:(I don't use this feature)
5. customizable styleAfter drawing, I found the finished product is quite ugly, so this function can be ignored for now.

END

By the way, I need the assets of Firefox UI to draw for my future ideas, where can I download them? The assets I used above are all found on the internet, except for the ones I drew myself.

[Jon]

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.

[Mutzu]

Hi @Eeeee,

I think this is a very cool and visually appealing idea! It could be especially useful on mobile devices where space is limited. There I would suggest to open it with a simultaneous vertical click of two fingers (like in the holes of an 8).

I've proposed some gestures if you're curious:
https://connect.mozilla.org/t5/ideas/mousepad-gestures/idc-p/59077/highlight/true#M34465

If you want some more feedback, this would be it:
I think this could get cluttered very quickly with a lot of circles.
So I'd suggest implementing some kind of interaction hierarchy.
This could be a maximum of 5 to 7 (as this is the maximum number that is easy to remember) circles shown simultanously.
Then, when the user clicks on a circle, all other circles disappear, and around that circle appear its subcircles, if it has any.

This approach reminds me of the classic Secret of Mana ring menu 🙂

[ewblen]

There is a gnome extension that is something like this.  He calls it a "marking menu"

Docs here https://github.com/Schneegans/Fly-Pie?tab=readme-ov-file includes link to video of it in action.

Krita also has a pop-up palette with some similarity https://docs.krita.org/en/reference_manual/popup-palette.html

[okay_okay]

This is really interesting 👍

[Mutzu]

@ewblen, thank you for the information. 👍

I had not heard of this before.

Regarding the gnome extension, I think I would find it more intuitive if the selected circle became the new center at the same place as the old center circle. Otherwise, you have to move across the whole screen, so to speak. And with small screens, the space is quickly used up.