Visual update of Office apps for Windows

%3CLINGO-SUB%20id%3D%22lingo-sub-2498667%22%20slang%3D%22en-US%22%3EVisual%20update%20of%20Office%20apps%20for%20Windows%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2498667%22%20slang%3D%22en-US%22%3E%3CP%3EHello%20Office%20Insiders%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%3EAs%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2FWin11Flight1%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Eannounced%20last%20week%3C%2FA%3E%3CSPAN%3E%2C%20the%20newly%20released%20Windows%2011%20OS%20will%20be%20available%20this%20week%20to%20Dev%20Channel%20users%20in%20the%20Windows%20Insiders%20program%2C%20and%20offer%20a%20new%2C%20fresh%20user%20experience.%20In%20alignment%20with%20this%20release%2C%20we%20are%20also%20releasing%20an%20Office%20visual%20refresh%20that%20will%20shine%20on%20the%20new%20Windows%2011%20OS%2C%20but%20will%20also%20be%20available%20to%20anyone%20using%20Windows%2010.%26nbsp%3BThis%20Office%20visual%20refresh%20is%20based%20on%20feedback%20from%20customers%20who%20asked%20for%20a%20more%20natural%20and%20consistent%20experience%20within%20and%20between%20your%20applications%2C%20specifically%20on%20Windows.%20With%20this%20update%2C%20we%20deliver%20an%20intuitive%2C%20coherent%2C%20and%20familiar%20user%20interface%2C%20using%20the%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fmedium.com%2Fmicrosoft-design%2Fm365future-815cf30a8be%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EFluent%20Design%3C%2FA%3E%26nbsp%3Bprinciples%2C%20across%20all%20your%20applications%3A%20Word%2C%20Excel%2C%20PowerPoint%2C%20OneNote%2C%20Outlook%2C%20Access%2C%20Project%2C%20Publisher%2C%20and%20Visio.%20We%20aligned%20this%20visual%20refresh%20with%20the%20design%20of%20Windows%2011%20to%20provide%20seamless%20experiences%20on%20your%20PC.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Zoomed-in-view-of-WXP-in-default-theme-in-SV-1024x576.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F292393i8AEA1FF0AE320943%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Zoomed-in-view-of-WXP-in-default-theme-in-SV-1024x576.png%22%20alt%3D%22Zoomed-in-view-of-WXP-in-default-theme-in-SV-1024x576.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Finsider.office.com%2Fblog%2Fvisual-refresh-of-office-apps-for-windows%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3E%3CSPAN%3ELearn%20more%26gt%3B%3C%2FSPAN%3E%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%3E%3CSTRONG%3ENote%3C%2FSTRONG%3E%3A%26nbsp%3B%3CSTRONG%3E%26nbsp%3B%3C%2FSTRONG%3EThis%20visual%20refresh%20will%20be%20available%20to%20Beta%20Channel%20users%20running%20build%20Version%202107%20Build%2014228.20000%20or%20later%20on%20Windows%2011%20or%20Windows%2010.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ECheers%2C%3C%2FP%3E%0A%3CP%3EEvan%3C%2FP%3E%0A%3CP%3EOffice%20Insider%20Community%20Manager%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%3EBecome%20an%20Office%20Insider%20and%20gaining%20exclusive%20access%20to%20new%20features%20and%20help%20shape%20the%20future%20of%20Office.%20Join%20Now%3A%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Finsider.office.com%2Fjoin%2Fwindows%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3EWindows%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%7C%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Finsider.office.com%2Fjoin%2Fmac%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3EMac%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%7C%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Finsider.office.com%2Fjoin%2Fios%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3EiOS%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%7C%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Finsider.office.com%2Fjoin%2Fandroid%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3EAndroid%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2522131%22%20slang%3D%22en-US%22%3ERe%3A%20Visual%20update%20of%20Office%20apps%20for%20Windows%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2522131%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1034309%22%20target%3D%22_blank%22%3E%40Evan%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ENo%20sign%20of%20it%20on%26nbsp%3BMicrosoft%C2%AE%20Excel%C2%AE%20for%20Microsoft%20365%20MSO%20(16.0.14301.20004)%2064-bit%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2530728%22%20slang%3D%22en-US%22%3ERe%3A%20Visual%20update%20of%20Office%20apps%20for%20Windows%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2530728%22%20slang%3D%22en-US%22%3EI%20am%20running%20W11%20and%20have%20the%20Beta%20Channel%20on%20Office%20set%2C%20but%20I%20can't%20get%20past%20Build%202106.%20Every%20time%20I%20check%20for%20updates%20it%20tells%20me%20that%20I'm%20up%20to%20date.%20I%20understand%20that%20the%20visual%20refresh%20is%20being%20pushed%20out%20to%20those%20who%20have%202107.%20Question%20is%2C%20how%20do%20I%20get%20from%202106%20to%202107%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2535263%22%20slang%3D%22en-US%22%3ERe%3A%20Visual%20update%20of%20Office%20apps%20for%20Windows%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2535263%22%20slang%3D%22en-US%22%3E%3CP%3EI%20was%20able%20to%20get%20to%202107%20and%20eventually%20to%202018%20by%20waiting%20for%20the%20Preview%20Channel%20to%20have%20the%202107%20release%2C%20momentarily%20changing%20to%20Preview%20Channel%2C%20and%20switching%20back%20to%20Beta%20after%20I%20received%20the%202107%20in%20the%20Preview%20Channel.%20Right%20now%20I%20have%20the%202108%20with%20the%20correct%20build%20number%2C%20but%20I%20don't%20know%20if%20I%20can%20spot%20the%20visual%20refresh%20aspects%20of%20it.%20Looks%20pretty%20much%20the%20same.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EFurther%20to%20my%20reply%2C%20I%20found%20a%20post%20where%20it%20said%20about%20turning%20on%20the%20new%20experience%20but%20mine%20is%20greyed%20out.%20I%20searched%20'coming%20soon'%20got%20the%20pane%20to%20open%20but%20the%20switch%20is%20not%20functional.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2559001%22%20slang%3D%22en-US%22%3ERe%3A%20Visual%20update%20of%20Office%20apps%20for%20Windows%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2559001%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1034309%22%20target%3D%22_blank%22%3E%40Evan%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CBLOCKQUOTE%3E%3CHR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1034309%22%20target%3D%22_blank%22%3E%40Evan%3C%2FA%3E%26nbsp%3Bwrote%3A%3CBR%20%2F%3E%3CP%3E%5B...%5D%3C%2FP%3E%3CP%3E%3CSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Zoomed-in-view-of-WXP-in-default-theme-in-SV-1024x576.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F292393i8AEA1FF0AE320943%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Zoomed-in-view-of-WXP-in-default-theme-in-SV-1024x576.png%22%20alt%3D%22Zoomed-in-view-of-WXP-in-default-theme-in-SV-1024x576.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%5B...%5D%3C%2FP%3E%3CP%3E%3CSPAN%3E%3CSTRONG%3ENote%3C%2FSTRONG%3E%3A%26nbsp%3B%3CSTRONG%3E%26nbsp%3B%3C%2FSTRONG%3EThis%20visual%20refresh%20will%20be%20available%20to%20Beta%20Channel%20users%20running%20build%20%3CSTRONG%3EVersion%202107%20Build%2014228.20000%3C%2FSTRONG%3E%20or%20later%20on%20Windows%2011%20or%20Windows%2010.%3C%2FSPAN%3E%3C%2FP%3E%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3CP%3EI%20am%20already%20running%26nbsp%3BOffice%20365%20%3CSTRONG%3EVersion%202108%20Build%2014312.20008%3C%2FSTRONG%3E%26nbsp%3B(32-Bit).%20While%20I%20am%20seeing%20the%20%3CA%20href%3D%22https%3A%2F%2Finsider.office.com%2Fen-us%2Fblog%2Fvisual-refresh-of-office-apps-for-windows%23%3A~%3Atext%3Dsimply%2520click%2520the%2520megaphone%2520icon%2520to%2520open%2520the%2520Coming%2520Soon%2520pane%252C%2520read%2520more%2520about%2520the%2520visual%2520refresh%2520changes%252C%2520and%2520use%2520the%2520toggle%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMegaphone%20Icon%20and%20the%20Toggle%20switch%3C%2FA%3E%2C%20and%20while%20the%20Toggle%20switch%20activates%20a%20somewhat%20different%20design%2C%20this%20is%20still%20not%20the%20design%20that%20has%20been%20announced%20as%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CBLOCKQUOTE%3E%3CA%20href%3D%22https%3A%2F%2Finsider.office.com%2Fen-us%2Fblog%2Fvisual-refresh-of-office-apps-for-windows%23%3A~%3Atext%3D(7%2F14)%2520UPDATE%253A%2520The%2520visual%2520refresh%2520is%2520now%2520available%2520to%2520100%2520percent%2520of%2520Beta%2520Channel%2520users%2520running%2520Version%25202108%2520Build%252014301.20004%2520or%2520later%2520on%2520Windows%252011%2520or%2520Windows%252010.%2520Thank%2520you%2520for%2520your%2520patience%2520during%2520this%2520staged%2520release.%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EKORI%20LOOMIS%20wrote%3C%2FA%3E%3A%3CBR%20%2F%3E%3CP%3E%3CSTRONG%3E(7%2F14)%20UPDATE%3A%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FSTRONG%3EThe%20visual%20refresh%20is%20now%20available%20to%20100%20percent%20of%20Beta%20Channel%20users%20running%20%3CSTRONG%3EVersion%202108%20Build%2014301.20004%3C%2FSTRONG%3E%20or%20later%20on%20Windows%2011%20or%20Windows%2010.%20Thank%20you%20for%20your%20patience%20during%20this%20staged%20release.%3C%2FP%3E%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3CP%3EThis%20is%20what%20Outlook%20looks%20like%20with%20the%20Toggle%20switch%20switched%20to%20%22ON%22%20--%20at%20least%20the%20round%20corners%20are%20missing.%20But%20even%20if%20they%20were%20there%2C%20this%20is%20%3CSTRONG%3Ebad%20design%3C%2FSTRONG%3E%3A%20visually%20bad%2C%20ergonomically%20bad%2C%20and%20therefore%20negatively%20impacting%20the%20orientation%20of%20the%20user%20and%20the%20usability%20of%20the%20program.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22CbbpHdG%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F296573iDD70E9E6F5441EE5%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22CbbpHdG%22%20alt%3D%22CbbpHdG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EOn%20top%20of%20that%2C%20this%20design%2C%20regrettably%2C%20is%20visually%20uninspiring%20and%20boring%20to%20the%20eye.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPlease%20reconsider.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2559062%22%20slang%3D%22en-US%22%3ERe%3A%20Visual%20update%20of%20Office%20apps%20for%20Windows%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2559062%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F61763%22%20target%3D%22_blank%22%3E%40admin%3C%2FA%3E%2C%20please%20delete%20--%20double%20post%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2559160%22%20slang%3D%22en-US%22%3ERe%3A%20Visual%20update%20of%20Office%20apps%20for%20Windows%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2559160%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F61763%22%20target%3D%22_blank%22%3E%40admin%3C%2FA%3E%2C%20please%20delete%20--%20double%20post%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Hello Office Insiders,

 

As announced last week, the newly released Windows 11 OS will be available this week to Dev Channel users in the Windows Insiders program, and offer a new, fresh user experience. In alignment with this release, we are also releasing an Office visual refresh that will shine on the new Windows 11 OS, but will also be available to anyone using Windows 10. This Office visual refresh is based on feedback from customers who asked for a more natural and consistent experience within and between your applications, specifically on Windows. With this update, we deliver an intuitive, coherent, and familiar user interface, using the Fluent Design principles, across all your applications: Word, Excel, PowerPoint, OneNote, Outlook, Access, Project, Publisher, and Visio. We aligned this visual refresh with the design of Windows 11 to provide seamless experiences on your PC.

 

Zoomed-in-view-of-WXP-in-default-theme-in-SV-1024x576.png

 

Learn more>

 

Note This visual refresh will be available to Beta Channel users running build Version 2107 Build 14228.20000 or later on Windows 11 or Windows 10.

 

Cheers,

Evan

Office Insider Community Manager

 

Become an Office Insider and gaining exclusive access to new features and help shape the future of Office. Join Now: Windows | Mac | iOS | Android

13 Replies

@Evan 

No sign of it on Microsoft® Excel® for Microsoft 365 MSO (16.0.14301.20004) 64-bit 

So, I have 2108 Build 14301.20004 on Win11 and it does not appear to have the Fluent UI update.
What gives MS?
I am running W11 and have the Beta Channel on Office set, but I can't get past Build 2106. Every time I check for updates it tells me that I'm up to date. I understand that the visual refresh is being pushed out to those who have 2107. Question is, how do I get from 2106 to 2107?

@mgatenoch 

Could you please share "about" info as

image.png

I was able to get to 2107 and eventually to 2018 by waiting for the Preview Channel to have the 2107 release, momentarily changing to Preview Channel, and switching back to Beta after I received the 2107 in the Preview Channel. Right now I have the 2108 with the correct build number, but I don't know if I can spot the visual refresh aspects of it. Looks pretty much the same. 

 

Further to my reply, I found a post where it said about turning on the new experience but mine is greyed out. I searched 'coming soon' got the pane to open but the switch is not functional. 

 

Further to this comment. I found another thread that fixes a registry entry and I am now running the preview, but the "Try the new experience" toggle is still greyed out.

@admin, please delete -- double post

@admin, please delete -- double post

@admin, please delete -- double post

@admin, please delete -- double post

@admin, please delete -- double post

@admin, please delete -- double post

@Evan Bolin wrote:

 

[...]

Zoomed-in-view-of-WXP-in-default-theme-in-SV-1024x576.png[...]

 

Note This visual refresh will be available to Beta Channel users running build Version 2107 Build 14228.20000 or later on Windows 11 or Windows 10.


I am running Office 365 Version 2108 Build 14312.20008 (32-Bit). While I am seeing the Megaphone Icon and the Toggle switch, and while the Toggle switch activates a somewhat different design, this is still not exactly the design that has been announced as:

 

KORI LOOMIS wrote:
(7/14) UPDATE: The visual refresh is now available to 100 percent of Beta Channel users running Version 2108 Build 14301.20004 or later on Windows 11 or Windows 10. Thank you for your patience during this staged release.

This is what Outlook Build 14312.20008 looks like with the Toggle switch switched to "ON" -- at least the round corners are missing:

Outlook 365 Beta weißes Design 2021 - Copy.png

 

But even if the round corners were there, this is – at least in certain areas, see bubble text above – still unergonomic design, and therefore negatively impacting the orientation of the user and the usability of the program.

 

On top of that, I believe that this design, regrettably, is visually uninspiring to the eye. 


This is particularly remarkable as just a few days ago, Outlook 365 had a design that I would almost refer to as the best Office design ever. With clear distinctions between the different functional and visual areas, and even with a tad of a 'material design' shadow below the Menu/Ribbon bar:

Outlook 365 bestes Design ever 2021-3.png
This is the kind of visual clarity that would inspire me every morning when firing up Outlook or Word and get me into the flow -- not the uniform mush that the current "Visual Refresh" is bringing along.

 

Particularly note the tremendous difference in clarity and visual distinction in the upper left corner area of the two above examples.

 

Moreover, nowadays our devices can display not only millions of colors as they have for decades, but meanwhile a billion of them. And Microsoft designers seriously don't manage to use more than one color for their icons – requiring the user to look at every single icon every time in order to figure out which one he's going to click? 

Word einfarbige Icons.png

 

While this kind of UI design may have been somewhat fashionable ten years ago when Jony Ive was trying to outdo Scott Forstall:

Jony Ive vs. Scott Forstall.jpg

...it has proven to be unergonomic, wasting the time of millions of users every day with the unnecessary search for the right icon or button to press.

 

This is an example of great user interface design in 2021. Less fashionable, but with maximum usability through visual clarity and use of distinct colors:

PDF-XChange Editor 2021.png

 

There's also a minimalistic version, maximizing focus – and screen space:

Skeuomorphism.png


PS: While color is already coming back to the icons in some places, which is to be applauded: who got the idea that buttons should look the same when pressed as when not pressed? This is the case, for example, with the button for "Work Offline" in Outlook, as well as with numerous buttons for text formatting, e.g. "Bold", "Italic", "Underlined" etc. in all Office applications.

 

It is only possible to recognize the pressed/not pressed state of the respective button once you have left the button with the mouse:

Office Button 2021-07-19_110848.png

Please fix. 

Thanks.

Web Analytics