2021-6-22 資深UI設計者
前幾天版本號為 「OS Build 21996.1」的 Windows 11 系統在網上泄漏,雖然微軟官方辟謠說這并非正式版本,但是這個非正式的泄漏版本依然可以讓我們窺見新的 Windows 系統的一些有趣的特質。
在整體觀感上,和補丁摞補丁的 Windows 10 相比, Windows 11 擁有著更加明確統一的視覺設計,足夠簡約又不會顯得簡陋,充滿了一種濃郁的「形式跟隨功能」的設計特質。微妙又高級的「亞克力美學」 Fluent Design 則顯而易見地貫穿整個系統,所以 Windows 11 應該就是 Fluent design 的第一次集中式、成體系的呈現和總結。
在系統功能上,一眼就可以看到新增的桌面小組件功能模塊,經過這么多年這么多系統的迭代 和驗證,相信微軟這次的桌面小組件不會是那么雞肋的存在,應該可以整出一個頗為不錯的桌面信息中心:
新的軟件商店也根據當前風格進行了優化:
在游戲領域玩兒得風生水起的 Xbox 是肯定會出現在新的 Windows 11 當中,完善的游戲服務應該成為 Windows 11 的加分項,不過具體如何應該需要新版本正式發布之后再去驗證:
在動效和交互上,Windows 11 徹底擺脫了 Windows 10 時代似是而非的狀態,經歷過 Surface 系列產品的反復迭代和測試,Windows 11 在觸摸交互上終于有點樣子了,不再拉胯。得益于之前在 Surface Neo 和 Duo 上的探索,在分屏交互上,也提供了非常成熟的原生交互體驗:
不過,這次更新對于絕大多數用戶感覺最為不同的,應該是挪到底部最中間的開始菜單。這個歷經近30年的功能組件,變成今天這個樣子本身是一件非常有意思的事情。接下來我們回顧一下這一部分的變化。
其實「開始菜單」這個東西談不上是微軟的獨創,在 Windows 之前,這種系統級別的菜單設計由來已久,Macintosh 在左上角:
BeOS 在右上角:
不過和當年大量交互邏輯千奇百怪的桌面系統相比,MacOS 和 BeOS 這種終究是少數,而面向兼容機市場的 Windows 95 把這種易于上手、高度集成的功能發揚光大,不得不說既是時勢,也是機遇。
Windows 95 上的「開始菜單」設計可以說是當時同類設計中的最佳實踐,易于理解的樹狀結構和明確的位置結構,讓整個操作系統具備了更強的可用性。
Windows 系列在 開始菜單上的成功影響了后續包括 Gnome 、 KDE 在內的諸多 Linux 桌面環境,它們大都是順應著這種潮流來進行桌面端控件的設計。
隨著市場份額的增長,「開始菜單」也成了 Windows 系列最具認知度的組件之一。這種事情最直接反饋在鍵盤的設計上,在圈內有 WK 和 WKL 兩種常見的配列,前者即是 Win key Layout(有Win鍵鍵盤布局),WKL 則是 Win Key Less Layout(無Win鍵鍵盤布局):
在 2000 年之前有大量的鍵盤這樣的鍵盤,而如今我們在零售市場上已經很少能見到這類產品了。為「開始菜單」單獨安置一個按鍵雖然也不是 Windows 的獨創,但是從這類鍵盤的市場份額的變化,也能看出 Windows 的市場變化。
在「開始菜單」上嘗到甜頭之后,微軟幾乎在每一代 WIndows 操作系統都會將這個默認位于界面左下角的組件進行升級,并且按照自己的想法進行了「優化」(當然后來的某些設計也確實是毀譽參半)。
Windows 98
Windows Me/2000
Windows 98/2000/Me 基本上還是在延續 Windows 95 上的簡單的層級結構,但是由于受限于硬件性能和操作系統領域的流行風格,這一波系統的開始菜單在視覺上也保留了當時桌面系統的浮雕式控件的視覺風格。
Windows XP
值得一提的是,促使微軟痛定思痛認真搞 Windows XP 的視覺風格的重要原因之一,其實是蘋果這邊的 Mac OS X 在視覺設計上搞得風生水起。要說微軟一新追求技術無心設計肯定是假的,因為在去年泄漏的部分 XP 源代碼當中,有微軟模擬的 Mac OS X 風格的主題:
兩相印證,也不難看出微軟在 Windows XP 的原有視覺風格上的探索還是相當上心的。而這個階段的「開始菜單」從單欄變成雙欄,一方面承載了更多的固定快捷方式、快捷文件夾,而且開關機按鈕和控制面板 等一系列常用的關鍵功能也相對簡約地集成,而全部程序則隱藏在下級菜單當中:
Windows xp
在 2000 年前后,隨著個人電腦的全面鋪開,操作系統戰爭開始在開源和商業領域充分展開,商業巨頭和個人開發者幾乎全都參與進來,無論功能還是視覺設計上,都必須一較高下。
Windows XP 在「開始菜單」的功能設計上是成功的,隨后帶來的影響持續了十幾年。不過市場份額上的增長并不足消除對于微軟對于設計的焦慮,所以下一代的 Vista,微軟拼著消耗性能也要讓新的視覺風格讓全世界看到:
Windows Vista
以 Aero 為命名的視覺風格,最講究的是玻璃式的光影變幻,Vista 當中的「開始菜單」也隨之進行了更為「現代」的改進,精簡了右側文件夾的圖標,通過雙色對比來區分功能屬性,也增加了信息層級,半透明的玻璃窗口也可以更好地傳遞界面之間的前后關系。
從成熟度上來說,比 XP 更進一步,隨后是小幅迭代之后的 Windows 7:
菜單上變化不大,功能和設計上的延續性顯而易見,隨后就是翻車了的 Windows 8:
需要強調的是,Windows 8 所處的整個時代,是移動端設計開始繁榮的開端、擬物化設計開始不足以滿足大眾新鮮感的階段,而從微軟的 Zune 部門開始流行的 Metro 設計風潮開始影響整個公司走向,催生了 Windows 8 這樣的新設計:
將簡約的LOGO和多彩多變的動態磁貼結合到一起,用層級清晰的文字排版來快速傳遞更多的信息,不同尺寸的磁貼結合成不同的組,這種「開始菜單」的設計是近乎顛覆式的,但是對于用戶認知上也同樣是顛覆式的。
而完整的程序菜單需要向下滾動才能呈現,而用戶看到的是布滿整個屏幕的小色塊和文字:
而用戶對于 Windows 8 的「開始菜單」的質疑也正是從這里開始的,不僅全部程序列表不是可見的且沒有引導,連原本的關機、重啟等功能也被隱藏了,可用性大打折扣。
最終,在作為增補升級版而存在的 Windows 8.1 當中,開始按鈕重新回到了桌面,但是「開始屏幕」依然保留,而全部程序的列表也有了視覺指引,沒有「開始菜單」的 Windows 依然沒有靈魂,沒有從根本上解決問題。同時,Windows Phone 這邊份額也是一路下跌,每況愈下。
原本期望借助「開始屏幕」讓 Windows 系統更加兼容彼時正在上行的移動端生態,可惜平板模式本身極度拉胯,加上同樣缺陷一堆的「開始屏幕」讓整個 Windows 8/8.1 世代呈現出一種干啥啥不行的狀態。而這個階段同樣也是微軟換帥、內部重新整合設計部門、戰略全面轉移革新的階段,產品出現這樣的問題也并非單一原因造成的。
Windows Phone完蛋了。Windwos 8 也終于成為過去了。推倒重來升級系統,把問題留到過去似乎永遠是最好的選擇。
在 Windows 10 當中,動態磁貼的優點和傳統 Windows 「開始菜單」重新組合到一起,久經驗證的功能——或者說符合長久以來用戶認知的功能,又重新集成回來,讓「開始菜單」回歸了「用戶舒適」的狀態。
一方面,Windows 10 即使進行重要的功能和設計改進,也并沒有像之前那樣做名稱更換,而是自 2014 年以來一直以 Windows 10 的名稱面向大眾,幾遍內里隨著更新徹底翻新了好幾波。
另一方面,在「開始菜單」的設計上,Windows 10 前期和后期在視覺層面上有大量的細節差異。功能上雖然保留了動態磁貼的優點,但是在具體的性能、圖標元素、功能體驗、視覺風格上,進行了大幅度的升級和改變:
2014 年剛剛發布時的 Windows 10 的開始菜單,大概是 Windows 8 時代所有用戶都期待擁有的樣子。
2016年之后,隨著 Fluent Design 的逐步發展、成熟,Windows 10 在視覺上幾乎是每版都不一樣?!搁_始菜單」的優雅級別以肉眼可見的速度提升了上來。
但是功能上,「開始菜單」不管怎么換,它的默認位置倒是沒怎么變過。在原本的計劃當中,Windows 10 之后應該是會有一個針對移動端優化、面向雙屏設備的 Windows 10x 系統。原本,Windows 10x 系統會伴隨著雙屏設備 Surface Neo 來發布的:
Surface Neo
而這個更加偏向移動端使用場景的「開始菜單」其實上用于這里的。只是出于種種原因,Neo 跳票了,Windows 10x 也一直沒有出來。
泄漏的 Windwos 10x 界面
在原本的 Windows 10x 當中,全新的「開始菜單」被挪移到中間的同時,并沒有包含關機等按鈕和功能。不過并入 Windows 11 之后,開始菜單的核心功能還是得到了很好的延續,而目前泄漏的 Win11 系統界面也很好的印證了這一點:
不過最重要的是,Windows 10x 和 Windows 11 在「開始菜單」上的設計,算是一次向著「移動端設計最佳實踐」的妥協。
雖然居中的「開始菜單」看起來很像 macOS 的 Dock 的設計,但是,實際情況并不是這么簡單。
一方面,微軟內部來看,試圖重新進入移動端領域的微軟選擇了 Surface Neo 和 Surface Duo 兩款設備作為切入點。前者使用的是 Windows ,而后者使用的是魔改后的 Android:
在移動端計算設備占據主流的今天,居中的底部快捷方式是經過了十幾年驗證的「最佳實踐」。
另一方面,在桌面端操作系統上,這種趨勢也相當的明顯。macOS 自不必說,而借助低價入門硬件和教育類電腦采購而快速崛起的 ChromeOS 設備,也是使用底部居中 Dock 的大戶:
ChromeOS
圍繞著 APP 和服務的整個軟件生態讓用戶對于復雜的系統級菜單功能沒有早年間那么強烈的依賴,大量的移動端用戶的基礎認知和桌面端操作系統交互的逐步統一,讓 Windows 早已沒有必要在這個簡單的事情上去做不必要的差異化,這可能才是 Windows 11 順應趨勢的主要原因。
當然,Windows 的老用戶依然可以遵循自己的喜好,讓開始按鈕老老實實待在原來的位置。
Widonws 11 目前泄漏的開始菜單的設計相比于以往,更加簡約,復雜的層級結構被精簡掉了,APP 快捷方式保留了,點擊 All apps 可以訪問全部程序,原本固定的文件夾選項被人工智能推薦所替代,順應著時代潮流,最重要的關機等功能依然存在。
控制面板這類對于移動端原住民有認知負荷的功能,也在這個后 Win10 時代,化作一個「設置」快捷方式,和其他的 APP 待在一起,如同其他的手機或平板一般。
Windows 11 正式發布會就在幾天之后,關于全新的視覺設計、用戶體驗細節上的東西,應該有更多看點,不過最好還是再等幾天,正式版上手之后,再詳聊。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
文章來源:優設 作者:陳子木
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( paul-jarrel.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務