Fluent Design System 以来微软设计和 Windows 11 以来第一方 Windows 程序 UX 和 UI 的变迁

应用程序UX现代化探讨（一）
菜单栏作为一个上古产物，其操作逻辑已经显然不符合现在的环境。菜单栏有着不少缺点，比如，有一个存在很多项的菜单，用户可能需要拉到最底部才能找到所需要的项，操作不便。

实际上，有一个最佳替代产物：RibbonUI/TabbedCommandBar。这种控件便捷性高，并且相比菜单栏，对触摸更友好。

不过这种控件也存在一些问题：

• 如果空间不够，有些项会隐藏起来并且难以找到（甚至你需要在弹出窗口中才能找到），反而不比菜单栏直接。
  
• 这种（RibbonUI）将所有功能通过Tab分类都放到界面上的设计，在2021年显然已经过时，应当根据一般使用和不同情景实际操作下按钮的使用次数和需求，来设计一个简单、可变化的且绝大多数场景都绝对适用的工具栏。
  
  实践证明，新设计的工具栏要比RibbonUI更加易用且高效

所以，在什么时候使用传统菜单栏，在什么时候使用RibbonUI/TabbedCommandBar，又在什么时候使用这种类似于Windows 11的文件资源管理器的新工具栏呢？

应用程序UX现代化探讨（二）
应用的导航方式

Windows 11内置应用程序翻新汇总（一）：来自 Windows 团队开发的InboxApp和系统组件

此部分内容基于Windows 11 2022更新持续创新更新2

1. Microsoft Store：评分9.5/10
   高度符合Windows 11设计原则，卡片式分层设计提升内容区分度与使用体验。

   

   精美的动画效果为用户带来愉悦的使用体验

2. 设置：评分9/10
   高度符合Windows 11设计原则，卡片式设计提升内容区分度与使用体验。自适应内容设计适应多种窗口形态，提升程序易用性。

   
   

   扣分项：
   • 导航区与其他内容间并未使用分层设计
     （图略）
   • 部分页面并未完全进行Windows 11刷新

     

3. Windows 媒体播放器（在系统中被称为“”媒体播放器）：评分9/10
   高度符合Windows 11设计原则，卡片式分层设计提升内容区分度与使用体验。自适应内容设计适应多种窗口形态，提升程序易用性。

   
   
   

4. Windows 闹钟和时钟（在系统中被成为“时钟”）：评分9/10
   高度符合Windows 11设计原则，卡片式分层设计提升内容区分度与使用体验。自适应内容设计适应多种窗口形态，提升程序易用性。

   
   
   

5. 截图和草图（在系统中被称为“截图工具”）：评分8.9/10
   高度符合Windows 11设计原则，分层设计提升内容区分度与使用体验。

   
   

   扣分项：返回按键在全屏状态下错位严重

   

6. Windows 相机（在系统中被称为“相机”）：评分8.5/10
   高度符合Windows 11设计原则。

   
   
   

   扣分项：返回按钮与边缘未留出合适间距

   

7. Windows 计算器（在系统中被称为“计算器”）：评分8.5/10
   高度符合Windows 11设计原则。

   
   
   

   扣分项：返回按钮与边缘未留出合适间距

   

8. Windows Notepad（在系统中被称为“记事本”）：评分8.5/10
   高度符合Windows 11设计原则，分层设计提升内容区分度与使用体验。自适应内容设计适应多种窗口形态，提升程序易用性。

   
   

   扣分项：菜单栏按钮与上下内容未留出合适间距

   

9. Windows 录音机（在系统中被称为“录音机”）：评分8.5/10
   高度符合Windows 11设计原则，分层设计提升内容区分度与使用体验。

   
   

   扣分项：返回按钮未采用和Windows 11设计原则相符合的设计

   

10. Windows 终端（在系统中被称为“终端”）：评分8.5/10
    高度符合Windows 11设计原则。

    
    
    

    扣分项：标签页栏未采用和Windows 11设计原则相符合的Mica Alt材质
    （图略）
11. 手机连接：评分8/10
    符合Windows 11设计原则，分层设计提升内容区分度与使用体验。

    
    
    

    自适应内容设计适应多种窗口形态，提升程序易用性。

    
    
    

    扣分项：
    • 部分控件与边界未留出适当间距

      

    • 部分标题文字位置与其它页面不统一

      

12. 快速助手：评分7.7/10
    符合Windows 11设计原则。

    
    
    

    扣分项：使用Web技术完成主要页面UI开发。
13. 获取帮助：评分7.5/10
    符合Windows 11设计原则。

    

    扣分项：使用Web技术完成主要页面UI开发，且部分弹出式窗口设计未遵循Windows 11设计原则。

    
    
    

14. Microsoft 照片（在系统中被称为“照片”）：评分6.8/10
    基本符合Windows 11设计原则。

    
    
    

    扣分项：
    • 媒体预览页面返回图库的按钮未采用和Windows 11设计原则相符合的设计

      

    • 确认更改的ContentDialog未采用和Windows 11设计原则相符合的设计

      

    • 未限制调整导航区的最小宽度，导致该功能实际失效

      

    • 控件未采用AnimatedIcon设计

    • 极不协调的音量调整对话框

      

    • 同一应用内，在相同的输入方式下，不同页面弹出的上下文菜单样式不统一

      

    • 图像编辑页面UI采用Web技术开发

      

15. *Microsoft 使用技巧**（在系统中被称为“提示”）：评分6.5/10
    基本符合Windows 11设计原则。

    [upl-image-preview url=
    

    扣分项：实质只进行了控件刷新，整体设计实际未根据Windows 11设计原则重新设计
    • 设置页面未采用符合Windows 11设计原则的卡片式分层设计
      （图略）
    • 部分控件仍在使用旧样式

      

    • Mica并未覆盖到标题栏（标题栏的Mica是MicaBackdropInApplicationFrameHostTitlebar提供的，不是应用覆盖的）

      

16. 反馈中心：评分6.5/10
    基本符合Windows 11设计原则。自适应内容设计适应多种窗口形态，提升程序易用性。

    
    
    
    

    扣分项：实质只进行了控件刷新，整体设计未根据Windows 11设计原则重新设计
17. Windows 安全中心：评分6.5/10
    基本符合Windows 11设计原则。自适应内容设计适应多种窗口形态，提升程序易用性。

    
    
    
    

    扣分项：实质只进行了控件刷新，整体设计未根据Windows 11设计原则重新设计
    • 部分控件仍在使用旧样式

      
      

18. 任务管理器：评分6.3/10
    基本符合Windows 11设计原则。自适应内容设计适应多种窗口形态，提升程序易用性。

    
    
    
    

    扣分项：
    • 设置页面未采用符合Windows 11设计原则的卡片式分层设计
      （图略）
    • 整体依旧存在大量UI旧技术残留
19. 画图：评分6/10

    
    

    扣分项：
    • 确认保存对话框三个按钮的大小不一

      

    • 左上角程序图标过小且错位
      （图略）
    • 整体依旧存在大量旧UI技术残留
20. 文件资源管理器：评分6/10

    

    扣分项：
    • 未限制窗口最小宽度，导致部分内容无法正确显示

      
      
      
      

    • 整体依旧存在大量旧UI技术残留
21. 电影和电视：评分5/10
    严重差评！只进行了部分控件刷新，使用体验极其割裂，透露出态度极其敷衍。

    
    
    

22. Windows 地图（在系统中被称为“地图”）：评分5/10
    严重差评！只进行了部分控件刷新，使用体验极其割裂，透露出态度极其敷衍。

    
    
    

附录
未刷新的程序（包括那些应当成为内置程序但未内置的程序）：3D Builder、3D Viewer、画图3D、便笺、远程桌面、Windows 扫描、Microsoft 消息、移动套餐、Windows DVD播放器、放大镜、讲述人
发布时已经采用Windows 11设计的程序：入门、语音访问、实时字幕

Tony060912 Sever的服务器管理器看上去已经不再使用mmc了，但是有些东西还会用到这玩意……mmc目前还被用于服务管理等一批重要的、遗留的产物。看看Azure什么态度吧，我觉得WDX动不了这个玩意，他们可以搞一个ProControlPannel，把这些遗留的东西都给扔进来。
其实WDX也不愿意动mmc，不然设置里面怎么会加入磁盘管理

Tony060912 这简直就是屎山中的屎山（其实Windows 11内还有比这个更严重的屎山……）

Tony060912 MSHTML

微软要不会用NavigationView就别瞎用，你在任务管理器这么用是几个意思……

Betta_Fish 确实。不过不是习不习惯的问题，这么搞浪费空间啊。

Betta_Fish 我觉得时钟的NavigationView就很不错，但是看上去是自己写的……

题外话（一）：Windows 10搜索UI的微调

1. 加入右上角关闭（有意思的是，Windows 10 Version 1909中的搜索也迎来了刷新，而且具有底板亚克力。我怀疑这玩意是不是有联网后台自动更新的设计，或者说这就是一个HTML……）
   
2. 通过KB5011543推送19041/2/3/4.1618修复了Windows 10（19041+）长达近两年半的应用内亚克力的问题
   
   不过颜色浓度和开始菜单略有不同，整体感觉更像Windows 11的颜色浓度
3. 搜索主页面“搜索亮点”功能
   

何木槿 建议修改回复对象

DaleZ 右上角关闭