讓應用程式在 Windows 11 上表現出色的 11 種主要方法
Windows 11 標誌著 Windows 作業系統的視覺演進。 隨著 Windows 演進,客戶對應用程式體驗也會設定較高的標準。 這些客戶的期望主要表現在兩個領域:應用程式基本概念和使用者體驗。
- 應用程式基本概念 - 高效能、低成本、高行動力的裝置外形尺寸,以及方便管理的應用程式生命週期和狀態解除凍結/漫遊。
- 使用者體驗 - 能自然地使用各種輸入、設計和互動模式,在目前和未來的裝置上呈現易用的外觀與風格,以及支援現代的視窗化工作流程和殼層整合點。
靠著標誌著變革的全新視覺效果,展現 Windows 和 Microsoft 優點的標誌性體驗,以及提供更多應用程式的全新市集,使 Windows 11 定位為「未來」的 Windows。
Windows 上出色的應用程式符合這些客戶對應用程式基本概念和現代化使用者體驗的期望,而我們正投資原生 Windows 平台,讓您的應用程式更容易透過 WinUI、MSIX 和 Windows 應用程式 SDK 系列 API 展現出優異效能。 本文件概述如何讓您的應用程式擁有絕佳的外觀和行為,讓使用者覺得您的應用程式是專為 Windows 11 所設計。
讓應用程式在 Windows 11 上表現出色的 10 11 種主要方法。
1.測試您的應用程式是否與 Windows 11 相容
使用者預期其安裝在裝置上的任何應用程式皆有穩固的基礎。 他們預期應用程式在升級應用程式或移轉至新版本的作業系統後能正常運作。 相容性測試有助於確保升級後應用程式的功能沒有任何差異,且客戶對經過完善測試的產品有更高的滿意度。
Microsoft 致力於確保您的應用程式能在我們最新版的軟體上使用,且 Windows 11 在設計時已考量到相容性。 我們承諾,在 Windows 7/8.1/10 上運作的應用程式可在 Windows 11 上運作。 如果您遇到任何應用程式的問題,Microsoft 將免費協助您識別問題,接著您可以修正問題。 請瀏覽應用程式保證頁面並登入,以提交由專屬應用程式保證管理員提供協助的要求。
2.擁有可探索且易於瞭解的隱私權原則
容易探索且易於瞭解的隱私權注意事項可提高使用者對應用程式的信任和信心。
您的隱私權原則必須:
- 通知使用者關於產品對個人資訊的存取、收集或傳輸。
- 資訊的使用、儲存及保護方式。
- 指出資訊的揭露對象類型。
- 描述使用者對其資訊的使用和共享的控制,以及他們如何存取其資訊。
- 遵守相關法律和規定。
- 在產品中加入新功能時,更新為最新內容。
3.讓應用程式易於存取且具包容性
包容性設計創造出每個人都能用的產品。 若要確定您的應用程式易於存取且具包容性,請考慮改善功能和可用性對下列因素的影響:
- 殘障人士 (臨時性和永久性)。
- 個人偏好。
- 特定工作型態。
- 環境限制 (如共用工作空間、駕駛、烹飪、眩光等)。
某些常見的解決方案包括以替代格式 (例如影片中的字幕) 來提供資訊,或啟用輔助技術 (例如螢幕助讀程式) 的使用。
加入協助工具設計的應用程式更容易維護、更新及重新設計。 除了幫助您的應用程式更易觸及殘障人士,加入協助工具重構還能降低應用程式的維護成本。
4.使用最新的通用控制項
Windows 11 為 Windows 作業系統帶來精美的 UI 創新,您可將這些創新運用到您的應用程式。 常見的控制項是您可以立即使用這些更新的其中一種方式。 盡可能使用最新的通用控制項,免費取得相容性和協助工具的優點。 在考量維護和測試成本時,這些常見的控制項比您自己組建自訂控制項更符合成本效益。
桌面應用程式 (Win32)
- 在 Windows 應用程式 SDK 1.1 或以上版本中使用 WinUI 3,以建立可運用現代通用控制項的 Win32 應用程式。
- 若要評估控制項,請參閱 WinUI 3 程式庫 (主要分支)。
- 使用 UXTheme 的 Win32 控制項會自動為特定煥然一新的控制項視覺效果的淺色主題進行「重新繪製」。 請務必測試是否有任何問題。 針對不會自動更新的介面,請盡可能手動更新視覺效果,使其看起來與更新的其餘部分一致。
UWP 應用程式
- 如果您的應用程式使用 UWP XAML 或 WinUI,請更新為使用 WinUI 2.6 或以上版本。 WinUI 提供 UWP XAML 和 WinUI 控制項的新樣式,而且預設樣式已依預設更新為煥然一新的視覺效果和動畫。
- 如需支援的控制項清單,請參閱文件。
- 請使用 WinUI 2 程式庫 (winui 2 分支) 評估控制項。
WebView 和其他平台
- 個別 WebView 介面需要執行工作,才能手動採用樣式。 我們不提供集中式樣式,但可用設計工具組和 WinUI 2 資源庫來複製樣式。
5.使用最新的設計材質 (Acrylic 及 Mica)
我們引進了稱為 Mica 的新材料,讓使用者的桌面背景色澤能穿透您的應用程式。 Mica 是一種非常高效能的材質,旨在用於 TitleBar 等長期存在的 UI 表面,以傳達應用程式的作用中或非使用中狀態。 Mica 是一種紋理,可創造視覺驚艷效果,同時節省電池使用時間。
- Mica 用於應用程式 UI 的基底層,以傳達應用程式的作用中狀態;當應用程式失去焦點時,它會回復為純色。 因此,建議將 Mica 用在 TitleBar 的背景上。
- 例如 NavigationView 等部分控制項已建置預設行為。
- 當使用 Mica 的應用程式在 Windows 10 或以下版本中執行時,它會正常降級 (Mica 會回復為純色)。
- Mica 用於長期存在的表面,不同於 Acrylic,其用於暫時性表面。
- 如果您使用 Acrylic 材質,請遵循現有的 Acrylic 指引,因為我們已更新為更生動的色彩。
6.為您的視窗使用圓角,並支援貼齊版面配置
應用程式視窗有新的功能,例如圓角和具有貼齊版面配置的功能表,您的應用程式會在大部分情況下自動接收。 如果您已自訂視窗或標題列,您可能需要執行一些工作,以確保支援這些新功能。
我們在 Windows 11 中將視窗框線變為圓角。 我們的使用者研究小組發現,圓角的幾何可提供心理上的安全感,且會更容易瀏覽應用程式的 UI。 讓使用者感覺不那麼害怕,也會感覺應用程式更吸引人。 圓角量也經過精心選擇。 我們經過全公司和使用者的研究,努力平衡專業感和更柔和、更有吸引力之間的關係。
貼齊版面配置是 Windows 11 的新功能,可協助使用者了解視窗貼齊的好處。 將滑鼠停留在視窗的最大化按鈕或按下 Win + Z,即可輕鬆存取貼齊版面配置。叫用顯示可用版面配置的功能表之後,使用者可以按一下版面配置中的區域,將視窗貼齊該特定區域,然後使用「貼齊小幫手」來完成整個視窗配置。 貼齊版面配置會針對目前的螢幕大小和方向量身打造的,包括支援大型橫向螢幕上的三個並排視窗,以及直向螢幕上的頂端/底部堆疊視窗。
- 多數應用程式會自動接收圓角,並支援具有貼齊版面配置的功能表,但在某些情況下,您可能需要執行一些工作來取得它們:
- 允許系統繪製框線和陰影。
- 如果您需要繪製自己的框線和陰影:
- 呼叫圓角 API 以加入。 請參閱在 Windows 11 電腦應用程式中套用圓角。
- 使用我們的 API 讓平台繪製並實作標題按鈕。 請參閱在 Windows 11 上支援傳統型應用程式的貼齊版面配置。
- 如果您使用 UWP 或採用 Windows 應用程式 SDK 視窗,則會自動取得這些功能,以方便您:
- 使用預先定義的範本設定視窗的樣式。
- 自訂您的視窗標題列。
7.支援深色和淺色主題
我們支援淺色和深色主題,這是讓使用者表達其個性的絕佳方式。 我們更新色調,避免使用純白和純黑,達到更柔和的視覺效果,也使色彩更顯愉悅。 深色主題支援也是讓您的應用程式更容易存取,並吸引不同類型使用者的絕佳方式。
- 我們正在更新 WinUI 的調色盤,使其變得更輕柔 (使用 WinUI 2.6 或以上版本)。 如果您的應用程式具有硬式編碼的自訂色彩,您可能需要進行更新,以符合整體色彩理論,不論使用何種技術。
- 如果您使用 UXTheme 型 Win32 表面,淺色主題將有煥然一新的控制項 (例如圓角按鈕)。 您應該測試您的應用程式,以驗證本機樣式不會覆寫更新的全域預設值。 (針對 Win32 應用程式,請參閱支援 Win32 應用程式中的深色和淺色主題。)
8.最佳化應用程式的內容功能表延伸模組和共用目標
Windows 11 修改了檔案總管和共用對話方塊的右鍵捷徑功能表中關聯式檔案作業的行為。 如果您的應用程式建立捷徑功能表或定義共用目標,您可能需要進行一些變更,以確保這些功能能在 Windows 11 中正常運作。
操作功能表
針對 Windows 11,我們透過數種方式改善了檔案總管中捷徑功能表的行為:
- 像是 [剪下]、[複製]、[貼上],以及 [刪除] 等一般命令已移至功能表頂端。
- [開啟] 和 [開啟檔案] 現在分組在一起。
- 應用程式延伸模組分組在殼層動詞命令下方。 具有多個動詞的應用程式會分組為具有應用程式屬性的飛出視窗。
- Cloud 檔案提供者應用程式放在殼層命令旁邊,以凍結或解除凍結檔案。
- Windows 10 的舊型捷徑功能表 (以及舊型捷徑功能表中較少用的命令) 仍可透過功能表底部的 [顯示更多選項] 項目使用。 Shift + F10 或鍵盤功能表鍵也會載入 Windows 10 捷徑功能表。
如果您的應用程式定義捷徑功能表延伸模組,則必須符合下列需求,擴充功能才能出現在新的 Windows 11 捷徑功能表中。 否則,您的應用程式捷徑功能表延伸模組會出現在可透過 [顯示更多選項] 項目使用的舊版捷徑功能表中。
- 捷徑功能表延伸模組必須使用 IExplorerCommand 介面來實作。 實作 ICoNtextMenu 的捷徑功能表延伸模組將會改為出現在較舊的捷徑功能表中。
- 您的應用程式必須是封裝應用程式,使其在執行階段擁有套件識別資料。 如需封裝應用程式的部分選項,請參閱需要套件識別資料的功能。
共用對話方塊
針對 Windows 11,我們透過數種方式改善了共用對話方塊的行為。
- 鄰近共用的可探索性設定現在位於對話方塊頂端,底部提供更多設定。
- 所有應用程式現在可以以目標參與 [共用] 對話方塊,包括透過 Microsoft Edge 安裝的未封裝桌面應用程式和 PWA。
- 如果您以外部位置封裝桌面應用程式,先前解除封裝的桌面應用程式可以在 [共用] 對話方塊中以目標身分參與 (請參閱透過在外部位置進行封裝授與套件識別資料)。 如需示範如何執行的範例程式碼,請參閱 SparsePackages 範例應用程式。
- 如果 PWA 實作 Web 共用目標 API,則可以參與 [共用] 對話方塊。
9. 使用漂亮的圖像設計與排版
我們已更新圖示和名為「Segoe UI 變數」的新 UI 字型。 我們建議所有應用程式切換為使用這些新的圖示和字型,以在 Windows 11 上保持一致。 新的字型帶來更柔和的幾何,使文字更容易辨讀。
- 針對單行圖示引進名為「Segoe Fluent 圖示」的新圖示。 WinUI 2.6 和以上版本中的控制項會自動使用新的圖示和印刷樣式。
- 已更新檔案類型圖示。 如果您的應用程式使用
imageres.dll
或shell32.dll
中的圖示,則圖示會自動更新。 否則,可能需要手動更新樣式。 - 應用程式圖示 - 遵循適用於 Start 和 TaskBar 上啟動器等位置使用的應用程式圖示的最新設計指引。
- 動畫圖示 - Lottie 動畫支援已新增至 WinUI,我們建議使用 AnimatedIcon 功能,以有意義的方式製作圖示動畫。 如同其他樣式變更,您將需要 WinUI 2.6 或以上版本。
- 以 XAML 撰寫的自訂體驗,指定程式碼中的
Segoe UI
,應該改為指定Segoe UI Variable
。
注意
當使用新字型的應用程式在 Windows 10 或以下版本中執行時,它會使用舊字型並正常降級。
10.利用 Windows 中可用的創新功能
人們用來執行 Windows 的裝置不只有各種傳統裝置,還有範圍日益多樣化的現代化裝置。 現今的裝置除了以 x86/x64 為基礎,也有以 Arm 為基礎的架構;除了使用滑鼠和鍵盤,還有觸控式螢幕、觸控板和手寫筆;內含相機、GPS 和陀螺儀等感應器;和搭載圖形晶片組,不僅可呈現驚人的視覺效果,還可啟用硬體加速的人工智慧 (AI)。 客戶預期應用程式能發揮硬體效能 (畢竟已花錢!) 且能識別裝置的外形規格,讓他們獲得經過適當最佳化的體驗。
- 使用 Win ML 實現 AI 支援的生產力 - Windows Machine Learning 簡介。
- 利用通知和內容共用的最佳做法 - 通知 (設計基本知識)。
11.利用 MSIX 和 Windows 市集的強大功能來封裝和散發您的應用程式
在您想開拓業務的任何位置散發應用程式。 Windows 可讓您從現有的網站、應用程式管理系統或 Windows 市集散發。
市集可讓您原封不動導入所有 Windows 應用程式,無論是原生 Windows 應用程式或漸進式 Web 應用程式 (PWA)。 您可以導入現有的 Windows 應用程式,並將它列在市集上,讓應用程式探索能找到。 您可以選擇要使用市集商務和應用程式散發系統,或使用現有的系統。 無論哪種方式,您的應用程式都可以在 Windows 市集中輕鬆探索。
請確定您的應用程式支援自動更新、安裝有效率,且能透過 MSIX 進行管理。
讓客戶取得最新版的應用程式,是提高客戶維繫率和滿意度的關鍵。 MSIX 可讓您流暢安裝應用程式並保持最新狀態,而不需要執行個別的應用程式更新處理序。 您可以完全掌控更新的執行方式,也能依照排程進行。