macOS 工具列和選單列怎麼選？
一句話做出判斷
工具列把常用操作放在視窗裡。選單列把應用程式的完整指令放在螢幕頂端。
常用的文件或選取操作放在工具列。完整指令、鍵盤快速鍵和較少使用的操作留在選單列。
看看每個介面模式會做什麼
先試試每個例子，再看它適合處理什麼工作。
Unified Title Bar Toolbar
↗ 整合式標題列工具列
整合式標題列工具列（Unified Title Bar Toolbar）是放進視窗標題區的指令列，可由使用者自訂，並提供常用的文件或檢視操作。
筆記 App 把常用工具放進可拖曳的標題列區域。工具包含側邊欄切換、搜尋、分享和格式。
- 什麼時候用
- 當常用指令屬於目前視窗，而且直接操作與自訂內容有助於下方工作時使用。
- 什麼時候不要用
- 不要塞入低頻或破壞性指令。依選取內容而定的項目可留在原位並更新啟用或選取狀態；應避免不必要的版面位移，且所有重要指令仍須能在選單列找到。
- 程式裡的名稱
AppKit NSToolbar / SwiftUI toolbar
macOS Menu Bar
↗ macOS 選單列
macOS 選單列是畫面最上方的系統區域。目前使用中的 App 會在這裡用清楚的選單列出完整指令。
寫作 App 把指令放在可預期的選單。選單包括「檔案、編輯、視窗」，提供新增、匯出、尋找和視窗指令。
- 什麼時候用
- 把 App 的完整指令放在這裡，包括使用者會依選單名稱尋找，或用鍵盤快速鍵執行的功能。
- 什麼時候不要用
- 不要把選單列當成視窗內導覽。即使指令也出現在工具列或快捷選單，仍要放在慣用選單中；會依目前狀態改變的指令，則要同步更新可用性。
- 程式裡的名稱
AppKit NSMenu / SwiftUI Commands
快速比較
| 介面模式 | 最適合 | 不適合 | 程式裡的名稱 |
|---|---|---|---|
| 整合式標題列工具列Unified Title Bar Toolbar | 當常用指令屬於目前視窗，而且直接操作與自訂內容有助於下方工作時使用。 | 不要塞入低頻或破壞性指令。依選取內容而定的項目可留在原位並更新啟用或選取狀態；應避免不必要的版面位移，且所有重要指令仍須能在選單列找到。 | AppKit NSToolbar / SwiftUI toolbar |
| macOS 選單列macOS Menu Bar | 把 App 的完整指令放在這裡，包括使用者會依選單名稱尋找，或用鍵盤快速鍵執行的功能。 | 不要把選單列當成視窗內導覽。即使指令也出現在工具列或快捷選單，仍要放在慣用選單中；會依目前狀態改變的指令，則要同步更新可用性。 | AppKit NSMenu / SwiftUI Commands |
上線前檢查
- 01
先寫下使用者要完成什麼事。
- 02
測試鍵盤、焦點、觸控、縮放、載入、空白與錯誤狀態。
- 03
不用滑鼠停留或動畫，也要能取得相同資訊。
- 04
放入真實內容，並在小螢幕和大螢幕上測試。
04
可以直接複製的比較需求
團隊還不知道該選哪一種介面模式時，可以複製這段需求。
請在 整合式標題列工具列（Unified Title Bar Toolbar）、macOS 選單列（macOS Menu Bar） 中，為真實使用流程選出最合適的介面模式。判斷規則：工具列把常用操作放在視窗裡。選單列把應用程式的完整指令放在螢幕頂端。。請寫下任務、內容量和打斷流程的代價，並檢查鍵盤、觸控、載入、錯誤與減少動態效果。說明選擇理由，再沿用專案的設計系統，做出最小且無障礙的版本。