CONCEPT: Improving Edge's context / right click menu

%3CLINGO-SUB%20id%3D%22lingo-sub-1685926%22%20slang%3D%22en-US%22%3ECONCEPT%3A%20Improving%20Edge's%20context%20%2F%20right%20click%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1685926%22%20slang%3D%22en-US%22%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3EI%20think%20it's%20pretty%20safe%20to%20claim%20that%20the%20context%20menus%20in%20Edge%20are%20getting%20too%20big%20to%20work%20with%20effectively.%20For%20people%20who%20like%20using%20the%20navigation%20features%2C%20it%20can%20feel%20pretty%20disheartening%20to%20right%20click%20and%20see%20%22back%2C%20forwards%2C%20refresh%22%20appear%20halfway%20across%20the%20screen%20anyway.%20Additionally%2C%20it%20can%20be%20difficult%20to%20remember%20which%20options%20are%20part%20of%20the%20context%20menu%20and%20which%20are%20hidden%20away%20in%20Settings%20and%20More.%20In%20an%20attempt%20to%20highlight%20and%20address%20these%20issues%2C%20I%20came%20up%20with%20this%20concept%3A%3C%2FP%3E%3CDIV%20class%3D%22_2-UiOdhyj4wHBv7Rc2FeDr%20c1cmiB1jfdq4sxidlPDAx%22%3E%3CDIV%20class%3D%22_3Oa0THmZ3f5iZXAQ0hBJ0k%20_2LjgQiHLCZ9LDbCQx5KaOi%22%3E%3CDIV%20class%3D%22mceNonEditable%20lia-copypaste-placeholder%22%3E%26nbsp%3B%3C%2FDIV%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Edge%20Context%20Menu.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F219716iE66A60ACF960BF17%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22Edge%20Context%20Menu.png%22%20alt%3D%22Edge%20Context%20Menu.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CP%20class%3D%22FJNSiirwoPtG58aeGw2Jx%22%3E%3CEM%3ELeft%3A%20Edge%20Legacy's%20context%20menu.%20Center%3A%20my%20context%20menu%20concept.%20Right%3A%20Edge%20Canary's%20context%20menu.%3C%2FEM%3E%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3EMy%20new%20context%20menu%20proposes%20two%20major%20improvements.%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3EFirst%2C%20the%20menu%20cuts%20down%20on%20bulky%20elements%20by%20using%20the%20address%20bar%20versions%20of%20the%20navigation%20cluster%20and%20extensions.%20The%20horizontal%20navigation%20cluster%20is%20already%20such%20a%20staple%20of%20modern%20web%20browsers%20that%20I%20don't%20believe%20it%20would%20confuse%20anyone.%20Extensions%20are%20usually%20chosen%20by%20the%20user%20(or%20their%20company)%20so%20turning%20these%20into%20icons%20shouldn't%20cause%20any%20issues.%20These%20edits%20give%20the%20added%20(albeit%20unintentional)%20benefit%20of%20color%20coding%20the%20different%20sections.%20I%20find%20the%20whole%20menu%20easier%20to%20look%20through%20because%20the%20actual%20%22contextual%22%20part%20is%20bounded%20by%20two%20grey%20sections.%20Another%20benefit%20is%2C%20because%20the%20names%20of%20extensions%20are%20hidden%2C%20Microsoft%20can%20have%20complete%20control%20over%20the%20width%20of%20the%20menu.%20Finally%2C%20shrinking%20the%20navigation%20cluster%20to%20one%20line%20makes%20it%20more%20reasonable%20to%20incorporate%20into%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CEM%3Eevery%3C%2FEM%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3Econtext%20menu.%20Right%20now%2C%20right%20clicking%20an%20image%2C%20a%20link%2C%20or%20selected%20text%20will%20not%20make%20the%20navigation%20options%20appear%2C%20and%20this%20unreliability%20undercuts%20any%20usefulness%20the%20buttons%20had%20in%20the%20first%20place.%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3ESecond%20is%20the%20ability%20to%20%22Customize%20your%20context%20menu%20in%20settings%22%20as%20hinted%20by%20the%20dismissible%20bar%20under%20the%20menu.%20I%20see%20this%20as%20similar%20to%20the%20Customize%20Toolbar%20section%20of%20edge%3A%2F%2Fsettings%2Fappearance%20.%20Many%20of%20the%20context%20menu%20items%20would%20be%20listed%20with%20toggle%20switches%20next%20to%20them.%20It%20(should%20be)%20easy%20to%20implement.%20Personally%2C%20I%20would%20turn%20off%20the%20%22Print%22%20and%20%22Translate%20to%20English%22%20options%2C%20which%20is%20why%20they%20are%20absent%20in%20the%20image%20above.%20I%20don't%20think%20any%20items%20should%20be%20hidden%20by%20default%2C%20and%20I%20don't%20think%20it%20should%20be%20possible%20to%20right%20click%20inside%20the%20right%20click%20menu%20to%20hide%20items.%20Some%20users%20might%20not%20know%20where%20to%20find%20the%20controls%20that%20make%20missing%20items%20reappear.%20(In%20other%20words%2C%20I%20want%20to%20lower%20the%20chance%20of%20having%20to%20explain%20it%20to%20my%20grandparents.)%20I%20also%20considered%20sorting%20the%20options%20into%20submenus%2C%20but%20forcing%20users%20to%20look%20through%20sub-menus%20sounded%20way%20worse%20than%20giving%20them%20the%20ability%20to%20customize%20the%20menu%20to%20their%20needs.%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3EI%20spent%20way%20too%20much%20time%20on%20this%20thing%2C%20mostly%20fixing%20mistakes%20I%20made%20with%20the%20image%2C%20so%20thank%20you%20very%20much%20for%20reading%20through%20this%20whole%20post.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1687166%22%20slang%3D%22en-US%22%3ERe%3A%20CONCEPT%3A%20Improving%20Edge's%20context%20%2F%20right%20click%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1687166%22%20slang%3D%22en-US%22%3EAn%20excellent%20concept.%20I%20hope%20Microsoft%20not%20only%20reads%20your%20post%20but%20also%20implements%20your%20concept.%20Who%20knows%2C%20maybe%20they%20can%20come%20up%20with%20an%20even%20better%20layout%20on%20the%20context%20menu%20inspired%20by%20your%20concept%3F%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E
Highlighted
Contributor

I think it's pretty safe to claim that the context menus in Edge are getting too big to work with effectively. For people who like using the navigation features, it can feel pretty disheartening to right click and see "back, forwards, refresh" appear halfway across the screen anyway. Additionally, it can be difficult to remember which options are part of the context menu and which are hidden away in Settings and More. In an attempt to highlight and address these issues, I came up with this concept:

 
Edge Context Menu.png

Left: Edge Legacy's context menu. Center: my context menu concept. Right: Edge Canary's context menu.

My new context menu proposes two major improvements.

First, the menu cuts down on bulky elements by using the address bar versions of the navigation cluster and extensions. The horizontal navigation cluster is already such a staple of modern web browsers that I don't believe it would confuse anyone. Extensions are usually chosen by the user (or their company) so turning these into icons shouldn't cause any issues. These edits give the added (albeit unintentional) benefit of color coding the different sections. I find the whole menu easier to look through because the actual "contextual" part is bounded by two grey sections. Another benefit is, because the names of extensions are hidden, Microsoft can have complete control over the width of the menu. Finally, shrinking the navigation cluster to one line makes it more reasonable to incorporate into every context menu. Right now, right clicking an image, a link, or selected text will not make the navigation options appear, and this unreliability undercuts any usefulness the buttons had in the first place.

Second is the ability to "Customize your context menu in settings" as hinted by the dismissible bar under the menu. I see this as similar to the Customize Toolbar section of edge://settings/appearance . Many of the context menu items would be listed with toggle switches next to them. It (should be) easy to implement. Personally, I would turn off the "Print" and "Translate to English" options, which is why they are absent in the image above. I don't think any items should be hidden by default, and I don't think it should be possible to right click inside the right click menu to hide items. Some users might not know where to find the controls that make missing items reappear. (In other words, I want to lower the chance of having to explain it to my grandparents.) I also considered sorting the options into submenus, but forcing users to look through sub-menus sounded way worse than giving them the ability to customize the menu to their needs.

I spent way too much time on this thing, mostly fixing mistakes I made with the image, so thank you very much for reading through this whole post.

2 Replies
Highlighted
An excellent concept. I hope Microsoft not only reads your post but also implements your concept. Who knows, maybe they can come up with an even better layout on the context menu inspired by your concept?
Highlighted

@WolfIcefang  Excellent. I personally want a textless context menu, just click on read aloud icon and there you go.