Suggestion: New Tab page new Quick Links on ver 86.0.590.0 suggestion

%3CLINGO-SUB%20id%3D%22lingo-sub-1551002%22%20slang%3D%22en-US%22%3ERe%3A%20Suggestion%3A%20New%20Tab%20page%20new%20Quick%20Links%20on%20ver%2086.0.590.0%20suggestion%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1551002%22%20slang%3D%22en-US%22%3E%3CP%3EYou%20made%20a%20really%20good%20work.%20I%20hope%20that%20Microsoft%20will%20keep%20it%20in%20mind%20%2C%20despite%20their%20plans%20of%20no%20add%20nothing%20of%20%22Fluent%20Design%22%20on%20the%20new%20Edge.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1551075%22%20slang%3D%22en-US%22%3ERe%3A%20Suggestion%3A%20New%20Tab%20page%20new%20Quick%20Links%20on%20ver%2086.0.590.0%20suggestion%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1551075%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F317535%22%20target%3D%22_blank%22%3E%40archtech%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIt%20is%20a%20very%20nice%20suggestion.%20Can%20you%20please%20also%20send%20this%20suggestion%20(great%20if%20already%20sent)%20through%20the%20%3CSTRONG%3Ein-app%20feedback%20tool%3C%2FSTRONG%3E%20(%3CEM%3EAlt%2BShift%2BI%3C%2FEM%3E)%20in%20Microsoft%20Edge%20and%20also%20other%20users%20who%20like%20this%20suggestion%20in%20order%20to%20get%20this%20suggestion%20a%20%2B1%20to%20make%20it%20a%20part%20of%20Microsoft%20Edge%20in%20the%20future.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1552331%22%20slang%3D%22en-US%22%3ERe%3A%20Suggestion%3A%20New%20Tab%20page%20new%20Quick%20Links%20on%20ver%2086.0.590.0%20suggestion%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1552331%22%20slang%3D%22en-US%22%3EThanks!%20I%20already%20submitted%20feedback%20as%20well%20using%20the%20In-app%20Feedback%20Tool%20as%20you%20suggest.%20Hopefully%20my%20feedback%20would%20be%20considered%20as%20to%20help%20out%20contributing%20to%20the%20improvement%20the%20UX%20of%20new%20Microsoft%20Edge.%20Cheers!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1552334%22%20slang%3D%22en-US%22%3ERe%3A%20Suggestion%3A%20New%20Tab%20page%20new%20Quick%20Links%20on%20ver%2086.0.590.0%20suggestion%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1552334%22%20slang%3D%22en-US%22%3EThanks!%20I%20really%20do%20hope%20they%20will%20consider%20it%2C%20considering%20the%20latest%20design%20is%20actually%20a%20usability%20issue%20which%20is%20harder%20to%20see%20on%20a%20busy%20background%20image%2C%20also%20too%20small%20and%20simply%20the%20layout%20provides%20little%20information%20and%20least%20obvious%20to%20click.%3CBR%20%2F%3E%3CBR%20%2F%3EThe%20original%20squared%20Quick%20Links%20were%20better%20in%20terms%20of%20visibility%2C%20easily%20to%20tell%20how%20big%20the%20touch%20target%2C%20and%20it%20stands%20out%20from%20the%20background%20image.%20Also%20better%20consistent%20(not%20perfect)%20to%20Windows%2010%20aesthetics.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1550222%22%20slang%3D%22en-US%22%3ESuggestion%3A%20New%20Tab%20page%20new%20Quick%20Links%20on%20ver%2086.0.590.0%20suggestion%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1550222%22%20slang%3D%22en-US%22%3E%3CP%3EI%20noticed%20that%20New%20Tab%20page%20Quick%20Links%20design%20is%20changed%20on%20version%2086.0.590.0%20and%20I%20would%20like%20to%20share%20my%20feedback%20that%20this%20is%20bad%20in%20terms%20of%20visibility%20and%20even%20to%20aesthetics.%20The%20previous%20design%20that%20had%20a%20solid%20square%20were%20better%20in%20terms%20of%20visibility%20and%20feels%20more%20akin%20to%20Live%20Tiles%20(even%20though%20its%20not%20live).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20is%20the%20new%20Quick%20Links%20in%20New%20Tab%20page%20currently%20in%20version%2086.0.590.0%20Dev%20channel%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22archtech_0-1595949828993.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F208467iE1838731387ABA05%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22archtech_0-1595949828993.png%22%20alt%3D%22archtech_0-1595949828993.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20suggest%20to%20to%20improve%20it%20by%20bringing%20back%20the%20tile%20but%20make%20it%20Fluent%20with%20Acrylic%20effect%20(translucent).%20And%20make%20it%20complete%20square%20with%20same%20Live%20Tile%20layout%20for%20consistency%20from%20the%20Start%20menu%20in%20Windows%2010.%20This%20is%20not%20just%20aesthetics%2C%20but%20for%20usability%20standpoint%2C%20it%20is%20more%20clear%20and%20visible%20against%20any%20background%20picture.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3ESuggestions%3A%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%3CEM%3EDark%20theme%20Quick%20Links%3C%2FEM%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22New%20Tab%20-%20Concept1(dark).png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F208470iA347C348A82C24C0%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22New%20Tab%20-%20Concept1(dark).png%22%20alt%3D%22New%20Tab%20-%20Concept1(dark).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CEM%3EDark%20theme%20on%20hover%20with%20Reveal%20Highlight%26nbsp%3Beffect%26nbsp%3B%3C%2FEM%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22New%20Tab%20-%20Concept1(dark_hover).png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F208471i824ED0255A5EA4E5%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22New%20Tab%20-%20Concept1(dark_hover).png%22%20alt%3D%22New%20Tab%20-%20Concept1(dark_hover).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CEM%3ELight%20theme%20Quick%20Links%3C%2FEM%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22New%20Tab%20-%20Concept1(light).png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F208472i9B510D77DC806C14%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22New%20Tab%20-%20Concept1(light).png%22%20alt%3D%22New%20Tab%20-%20Concept1(light).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CEM%3ELight%20theme%20on%20hover%20with%20Reveal%20Highlight%26nbsp%3Beffect%26nbsp%3B%E2%80%83%3C%2FEM%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22New%20Tab%20-%20Concept1(light_hover).png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F208476iBA3B266A081F708E%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22New%20Tab%20-%20Concept1(light_hover).png%22%20alt%3D%22New%20Tab%20-%20Concept1(light_hover).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Contributor

I noticed that New Tab page Quick Links design is changed on version 86.0.590.0 and I would like to share my feedback that this is bad in terms of visibility and even to aesthetics. The previous design that had a solid square were better in terms of visibility and feels more akin to Live Tiles (even though its not live).

 

This is the new Quick Links in New Tab page currently in version 86.0.590.0 Dev channel

archtech_0-1595949828993.png

 

I suggest to to improve it by bringing back the tile but make it Fluent with Acrylic effect (translucent). And make it complete square with same Live Tile layout for consistency from the Start menu in Windows 10. This is not just aesthetics, but for usability standpoint, it is more clear and visible against any background picture.

 

Suggestions:

Dark theme Quick Links

New Tab - Concept1(dark).png

 

Dark theme on hover with Reveal Highlight effect 

New Tab - Concept1(dark_hover).png

 

Light theme Quick Links

New Tab - Concept1(light).png

 

Light theme on hover with Reveal Highlight effect  

New Tab - Concept1(light_hover).png

4 Replies
Highlighted

You made a really good work. I hope that Microsoft will keep it in mind , despite their plans of no add nothing of "Fluent Design" on the new Edge.

Highlighted

@archtech 

It is a very nice suggestion. Can you please also send this suggestion (great if already sent) through the in-app feedback tool (Alt+Shift+I) in Microsoft Edge and also other users who like this suggestion in order to get this suggestion a +1 to make it a part of Microsoft Edge in the future.

Highlighted
Thanks! I already submitted feedback as well using the In-app Feedback Tool as you suggest. Hopefully my feedback would be considered as to help out contributing to the improvement the UX of new Microsoft Edge. Cheers!
Highlighted
Thanks! I really do hope they will consider it, considering the latest design is actually a usability issue which is harder to see on a busy background image, also too small and simply the layout provides little information and least obvious to click.

The original squared Quick Links were better in terms of visibility, easily to tell how big the touch target, and it stands out from the background image. Also better consistent (not perfect) to Windows 10 aesthetics.