Home

Edge design on Android

%3CLINGO-SUB%20id%3D%22lingo-sub-556331%22%20slang%3D%22en-US%22%3EEdge%20design%20on%20Android%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-556331%22%20slang%3D%22en-US%22%3E%3CP%3EThe%20visual%20design%20of%20Microsoft%20Edge%20for%20Android%26nbsp%3Bis%20inconsistent%20with%20both%20Material%20Design%20and%20the%20new%20Fluent%20Design%20principles%20being%20applied%20to%20Microsoft%20Edge%20Insider%20for%20desktop.%20I%20think%20Microsoft%20should%20either%20go%20for%20internal%20consistency%20(Fluent%20Design%20everywhere)%20or%20platform%20consistency%20(Fluent%20Design%20on%20Windows%2C%20Material%20on%20Android%2C%20and%20whatever%20Apple%20calls%20theirs%20on%20macOS).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EGiven%20that%20syncing%20with%20Android%26nbsp%3Bwas%20recently%20added%2C%20what's%20the%20future%20road%20map%20for%20bringing%20these%20apps%20closer%20or%20more%20similar%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-560707%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20design%20on%20Android%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-560707%22%20slang%3D%22en-US%22%3EI%20would%20suggest%20fluent%20design%2C%20is%20a%20great%20concept.%20Also%20edge%20on%20Android%20wold%20be%20good%20to%20do%20something%20with%20navigation%20bar.%20Too%20much%20field%20is%20occupied%20by%20navigation%20and%20site%20bar.%20Maybe%20options%20to%20hide%20navigation%20bottom%20bar.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-560901%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20design%20on%20Android%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-560901%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F332710%22%20target%3D%22_blank%22%3E%40vincentofearth%3C%2FA%3E%26nbsp%3BI%20have%20to%20suggest%20you%20to%20not%20put%20your%20hopes%20up%20for%20UI%20consistencies%20across%20the%20platforms%20Microsoft%20is%20adopting.%20Despite%20what%20Microsoft%20said%20at%20Build%20about%20using%20Fluent%20Design%20on%20Windows%2C%20Android%2C%20iOS%20and%20websites%2C%20each%20developer%20team%20does%20whatever%20they%20want%20with%20their%20UI.%20A%20clear%20example%20of%20this%20is%20the%20Microsoft%20Launcher%20team%2C%20who%20has%20decided%20suddenly%20to%20abandon%20Fluent%20Design%20and%20embrace%20Material%20Design%2C%20a%20choice%20that%20I%20keep%20complaining%20to%20them%20but%20that%20they're%20deliberately%20ignoring%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-561649%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20design%20on%20Android%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-561649%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F332710%22%20target%3D%22_blank%22%3E%40vincentofearth%3C%2FA%3E%26nbsp%3B%22%3CEM%3EI%20think%20Microsoft%20should%20either%20go%20for%20internal%20consistency%20(Fluent%20Design%20everywhere)%20or%20platform%20consistency%20(Fluent%20Design%20on%20Windows%2C%20Material%20on%20Android%2C%20and%20whatever%20Apple%20calls%20theirs%20on%20macOS).%3C%2FEM%3E%22%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20think%20that%20design%20should%20be%20as%20consistent%20as%20possible%20throughout%20the%20Microsoft%20ecosystem%20on%20any%20given%20platform%2C%20but%20that%20on%20a%20particular%20platform%2C%20the%20design%20motif%20should%20be%20consistent%20with%20the%20design%20principles%20for%20that%20platform%20(e.g.%20MacOs%20uses%20different%20design%20principles%20than%20Windows%2010%20or%20Android%2C%20for%20example).%26nbsp%3B%20Internal%20consistency%20within%20platform%2C%20it%20seems%20to%20me%2C%20facilitates%20user%20familiarity%20and%20adaptability.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBut%20consistency%20aside%2C%20I%20would%20really%20appreciate%20it%20if%20Microsoft%20would%20put%20user%20controls%20for%20turning%20design%20elements%20on%20or%20off%20much%20nearer%20the%20surface.%26nbsp%3B%20As%20an%20example%2C%20I%20prefer%20to%20use%20as%20flat%20and%20simple%20a%20design%20as%20possible%20on%20all%20my%20devices%20(Windows%2C%20Linux%2C%20Android)%20both%20because%20of%20visual%20preference%20and%20to%20enhance%20performance%2C%20even%20on%20the%20most%20powerful%20of%20my%20devices.%26nbsp%3B%20The%20controls%20for%20doing%20that%20do%20not%20exist%20in%20System%20controls%2C%20but%20instead%20are%20buried%20deep%20inside%20the%20traditional%20Control%20Panel%20(Control%20Panel%2C%20System%20and%20Security%2C%20System%2C%20Advanced%20system%20settings%2C%20Performance%20tab%2C%20Visual%20Effects%20tab)%20--%20five-six%20layers%20down.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThat%20is%20a%20long%20way%20down%2C%20and%20most%20users%20will%20stick%20with%20the%20defaults%20simply%20because%20they%20have%20no%20idea%20how%20to%20change%20things.%26nbsp%3B%20I'd%20like%20to%20see%20a%20menu%20in%20Settings%20that%20gave%20users%20options.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-562086%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20design%20on%20Android%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-562086%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318339%22%20target%3D%22_blank%22%3E%40tomscharbach%3C%2FA%3E%26nbsp%3BI%20would%20also%20like%20more%20options%20for%20customizing%20the%20user%20interface.%20They%20need%20to%20balance%20this%20though%20because%20allowing%20users%20to%20change%20how%20the%20UI%20looks%20and%20feels%20can%20lead%20to%20inconsistencies%20and%20confusion.%3C%2FP%3E%3CP%3EFor%20example%2C%20I%20use%20Windows%20at%20home%20and%20Mac%20OS%20at%20work.%20It%20would%20be%20nice%20to%20move%20the%20window%20control%20buttons%20to%20the%20left%20for%20consistency%2C%20but%20if%20a%20non-technical%20user%20did%20that%20accidentally%2C%20they'd%20be%20very%20confused.%20Additionally%2C%20many%20apps%20(especially%20win32%20and%20Electron%20apps)%20customize%20the%20title%20bar%20and%20have%20their%20own%20window%20controls.%20Given%20the%20diversity%20of%20the%20Windows%20app%20ecosystem%2C%20Microsoft%20would%20need%20to%20strike%20a%20careful%20balance%20if%20they're%20to%20provide%20these%20kinds%20of%20advanced%20customization%20options.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-563045%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20design%20on%20Android%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-563045%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F332710%22%20target%3D%22_blank%22%3E%40vincentofearth%3C%2FA%3E%26nbsp%3B%20I%20agree%20with%20your%20cautions%2C%20Vincent.%26nbsp%3B%20User-defined%20UI%20changes%20have%20limits.%26nbsp%3B%20What%20I'm%20suggesting%2C%20though%2C%20is%20limited.%26nbsp%3B%20I%20am%20not%20talking%20about%20unrestricted%20user-defined%20changes.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20suggesting%20that%20Microsoft%20should%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E(1)%20stick%20to%20an%20internally%20%3CEM%3Eand%3C%2FEM%3E%20externally%20consistent%20design%20motif%20within%20each%20platform%20(that%20is%2C%20Microsoft-developed%20Windows%20components%2Fapps%20should%20follow%20common%20Windows%20design%20conventions%20internally%2C%20Microsoft-developed%20MacOS%20apps%20(e.g.%20Edge)%20should%20follow%20MacOS%20design%20conventions%20when%20running%20on%20MacOS%2C%20and%20Microsoft-developed%20Android%20apps%20should%20follow%26nbsp%3B%20Android%20design%20conventions%20when%20running%20on%20Android%3B%20and%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E(2)%20give%20users%20as%20much%20choice%20as%20is%20prudent%20when%20it%20comes%20to%20customizing%20the%20%22look%20and%20feel%22%20of%20the%20desktop%20environment%2C%20perhaps%20going%20so%20far%20as%20to%20offer%20a%20half-dozen%20pre-defined%20design%20packages%2C%20as%20many%20Linux%20distros%20do%2C%20and%20let%20the%20user%20choose%2C%20say%2C%20between%20Fluent%20design%2C%20Material%20design%2C%20flat%20design%2C%20and%20so%20on%3B%20and%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E(3)%20move%20UI%20controls%20(whatever%20those%20turn%20out%20to%20be%2C%20given%20the%20need%20for%20prudence%20and%20balance)%20to%20a%20common%2C%20easily%20accessible%20location%20within%20Settings%2C%20instead%20of%20forcing%20users%20to%20dig%20deep%20into%20Control%20Panel%20(an%20obsolete%2C%20deprecated%20system%20being%20replaced%20by%20Settings%20little%20by%20slowly).%26nbsp%3B%20There%20is%20absolutely%20no%20reason%20why%20a%20user%20should%20be%20forced%20into%20Dante's%20circles%20of%20hell%20to%20rid%20resource-hogging%26nbsp%3B%3CSPAN%3EBling%20(transparencies%2C%20shadows%20and%20the%20like)%20from%20the%20system%20if%20that%20is%20what%20a%20user%20chooses%20to%20do.%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-564986%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20design%20on%20Android%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-564986%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318339%22%20target%3D%22_blank%22%3E%40tomscharbach%3C%2FA%3E%26nbsp%3B%3CSPAN%3EI%3CEM%3Enternal%20consistency%20within%20platform%2C%20it%20seems%20to%20me%2C%20facilitates%20user%20familiarity%20and%20adaptability.%3C%2FEM%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERemember%20Safari%20for%20Windows%3F%20What%20a%20mistake%20that%20was!%20It%20looked%20totally%20wrong%20on%20a%20Windows%20desktop.%3C%2FP%3E%3C%2FLINGO-BODY%3E
vincentofearth
New Contributor

The visual design of Microsoft Edge for Android is inconsistent with both Material Design and the new Fluent Design principles being applied to Microsoft Edge Insider for desktop. I think Microsoft should either go for internal consistency (Fluent Design everywhere) or platform consistency (Fluent Design on Windows, Material on Android, and whatever Apple calls theirs on macOS).

 

Given that syncing with Android was recently added, what's the future road map for bringing these apps closer or more similar?

6 Replies
I would suggest fluent design, is a great concept. Also edge on Android wold be good to do something with navigation bar. Too much field is occupied by navigation and site bar. Maybe options to hide navigation bottom bar.

@vincentofearth I have to suggest you to not put your hopes up for UI consistencies across the platforms Microsoft is adopting. Despite what Microsoft said at Build about using Fluent Design on Windows, Android, iOS and websites, each developer team does whatever they want with their UI. A clear example of this is the Microsoft Launcher team, who has decided suddenly to abandon Fluent Design and embrace Material Design, a choice that I keep complaining to them but that they're deliberately ignoring

@vincentofearth "I think Microsoft should either go for internal consistency (Fluent Design everywhere) or platform consistency (Fluent Design on Windows, Material on Android, and whatever Apple calls theirs on macOS)."

 

I think that design should be as consistent as possible throughout the Microsoft ecosystem on any given platform, but that on a particular platform, the design motif should be consistent with the design principles for that platform (e.g. MacOs uses different design principles than Windows 10 or Android, for example).  Internal consistency within platform, it seems to me, facilitates user familiarity and adaptability.

 

But consistency aside, I would really appreciate it if Microsoft would put user controls for turning design elements on or off much nearer the surface.  As an example, I prefer to use as flat and simple a design as possible on all my devices (Windows, Linux, Android) both because of visual preference and to enhance performance, even on the most powerful of my devices.  The controls for doing that do not exist in System controls, but instead are buried deep inside the traditional Control Panel (Control Panel, System and Security, System, Advanced system settings, Performance tab, Visual Effects tab) -- five-six layers down.

 

That is a long way down, and most users will stick with the defaults simply because they have no idea how to change things.  I'd like to see a menu in Settings that gave users options.

 

 

@tomscharbach I would also like more options for customizing the user interface. They need to balance this though because allowing users to change how the UI looks and feels can lead to inconsistencies and confusion.

For example, I use Windows at home and Mac OS at work. It would be nice to move the window control buttons to the left for consistency, but if a non-technical user did that accidentally, they'd be very confused. Additionally, many apps (especially win32 and Electron apps) customize the title bar and have their own window controls. Given the diversity of the Windows app ecosystem, Microsoft would need to strike a careful balance if they're to provide these kinds of advanced customization options.

@vincentofearth  I agree with your cautions, Vincent.  User-defined UI changes have limits.  What I'm suggesting, though, is limited.  I am not talking about unrestricted user-defined changes. 

 

I am suggesting that Microsoft should:

 

(1) stick to an internally and externally consistent design motif within each platform (that is, Microsoft-developed Windows components/apps should follow common Windows design conventions internally, Microsoft-developed MacOS apps (e.g. Edge) should follow MacOS design conventions when running on MacOS, and Microsoft-developed Android apps should follow  Android design conventions when running on Android; and

 

(2) give users as much choice as is prudent when it comes to customizing the "look and feel" of the desktop environment, perhaps going so far as to offer a half-dozen pre-defined design packages, as many Linux distros do, and let the user choose, say, between Fluent design, Material design, flat design, and so on; and 

 

(3) move UI controls (whatever those turn out to be, given the need for prudence and balance) to a common, easily accessible location within Settings, instead of forcing users to dig deep into Control Panel (an obsolete, deprecated system being replaced by Settings little by slowly).  There is absolutely no reason why a user should be forced into Dante's circles of hell to rid resource-hogging Bling (transparencies, shadows and the like) from the system if that is what a user chooses to do.

@tomscharbach Internal consistency within platform, it seems to me, facilitates user familiarity and adaptability.

 

Remember Safari for Windows? What a mistake that was! It looked totally wrong on a Windows desktop.

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
47 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
30 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
13 Replies