Suggestions to Extensions fly-out

%3CLINGO-SUB%20id%3D%22lingo-sub-2143102%22%20slang%3D%22en-US%22%3ESuggestions%20to%20Extensions%20fly-out%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2143102%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Spelunky_3-1613571969683.png%22%20style%3D%22width%3A%20548px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F255514iE0BDCA7F80A8CA44%2Fimage-dimensions%2F548x714%3Fv%3D1.0%22%20width%3D%22548%22%20height%3D%22714%22%20role%3D%22button%22%20title%3D%22Spelunky_3-1613571969683.png%22%20alt%3D%22Spelunky_3-1613571969683.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20decided%20to%20play%20around%20with%20the%20fly-out%20menu%20design%20of%20the%20extensions%20a%20little.%3C%2FP%3E%3CP%3EI%20even%20changed%20the%20icon%20that%20represents%20the%20extensions.%3C%2FP%3E%3CP%3EIn%20example%20A%20I%20changed%20the%20image%20of%20the%20eye%20that%20represents%20a%20hidden%20extension%20to%20a%20darker%20shade%2C%20so%20that%20there%20is%20a%20greater%20contrast%20between%20the%20%22hidden%22%20eyes%20and%20the%20%22visible%22%20eyes.%3C%2FP%3E%3CP%3EStill%20in%20example%20A%2C%20I%20put%20turn%20on%2Foff%20buttons%20so%20that%20it%20is%20possible%20to%20activate%20or%20deactivate%20an%20extension%20directly%20from%20there.%3C%2FP%3E%3CP%3EExample%20B%20is%20more%20confusing%20(hehe).%26nbsp%3BHere%20I%20also%20placed%20icons%20that%20indicate%20whether%20the%20extension%20has%20access%20to%20the%20site%20or%20not.%20(Maybe%20the%20Stop%20icon%20is%20not%20the%20best%20icon%20for%20that...)%3CBR%20%2F%3EAnd%20I%20also%20added%20icons%20that%20indicate%20the%20source%20of%20that%20extension%20(Microsoft%2C%20Google)%2C%20and%20by%20clicking%20on%20these%20icons%20you%20would%20go%20directly%20to%20the%20respective%20store%20and%20extension%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2143903%22%20slang%3D%22en-US%22%3ERe%3A%20Suggestions%20to%20Extensions%20fly-out%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2143903%22%20slang%3D%22en-US%22%3EVery%20overbloated%3C%2FLINGO-BODY%3E
Deleted
Not applicable

Spelunky_3-1613571969683.png

 

I decided to play around with the fly-out menu design of the extensions a little.

I even changed the icon that represents the extensions.

In example A I changed the image of the eye that represents a hidden extension to a darker shade, so that there is a greater contrast between the "hidden" eyes and the "visible" eyes.

Still in example A, I put turn on/off buttons so that it is possible to activate or deactivate an extension directly from there.

Example B is more confusing (hehe). Here I also placed icons that indicate whether the extension has access to the site or not. (Maybe the Stop icon is not the best icon for that...)
And I also added icons that indicate the source of that extension (Microsoft, Google), and by clicking on these icons you would go directly to the respective store and extension

1 Reply
Very overbloated