快顯選單和下拉選單怎麼選？
一句話做出判斷
快顯選單會顯示目前物件的操作。下拉選單則從看得見、用途清楚的按鈕打開。
快顯選單只能當額外捷徑，不能是唯一入口。需要讓人清楚看到入口時，用下拉選單。
看看每個介面模式會做什麼
先試試每個例子，再看它適合處理什麼工作。
macOS Context Menu
↗ macOS 快捷選單
macOS 快捷選單是針對滑鼠游標下項目提供的精簡操作清單，可用右鍵等次要點擊方式開啟。
在已選檔案上按右鍵，會顯示重新命名、製作副本、分享和移到垃圾桶。使用者不必離開清單。
- 什麼時候用
- 少量次要操作會隨目前項目改變時，可以使用。項目可以是滑鼠所指或目前選取的內容。
- 什麼時候不要用
- 重要指令不可只藏在快捷選單裡，也不要把無關的 App 全域指令混進物件操作。
- 程式裡的名稱
AppKit NSMenu / SwiftUI contextMenu
Dropdown & Context Menu — Learning Bundle
↗ 下拉選單與情境選單（教學組合）
這個教學組合依開啟方式比較選單。下拉選單（Dropdown）從控制項開啟；情境選單（Context Menu）屬於某個物件，通常出現在游標旁。這個組合不是單一標準選單術語。
DropdownMenu / ContextMenu「更多」按鈕會開啟一般操作；在檔案上按右鍵，則會開啟只屬於該檔案的操作。
- 什麼時候用
- 請依觸發方式和操作物件選擇正確的選單，接著實作相應的鍵盤操作。
- 什麼時候不要用
- 不要把表單欄位或網站主要導覽放進指令選單。
- 程式裡的名稱
DropdownMenu / ContextMenu
快速比較
| 介面模式 | 最適合 | 不適合 | 程式裡的名稱 |
|---|---|---|---|
| macOS 快捷選單macOS Context Menu | 少量次要操作會隨目前項目改變時，可以使用。項目可以是滑鼠所指或目前選取的內容。 | 重要指令不可只藏在快捷選單裡，也不要把無關的 App 全域指令混進物件操作。 | AppKit NSMenu / SwiftUI contextMenu |
| 下拉選單與情境選單（教學組合）Dropdown & Context Menu — Learning Bundle | 請依觸發方式和操作物件選擇正確的選單，接著實作相應的鍵盤操作。 | 不要把表單欄位或網站主要導覽放進指令選單。 | DropdownMenu / ContextMenu |
上線前檢查
- 01
先寫下使用者要完成什麼事。
- 02
測試鍵盤、焦點、觸控、縮放、載入、空白與錯誤狀態。
- 03
不用滑鼠停留或動畫，也要能取得相同資訊。
- 04
放入真實內容，並在小螢幕和大螢幕上測試。
04
可以直接複製的比較需求
團隊還不知道該選哪一種介面模式時，可以複製這段需求。
請在 macOS 快捷選單（macOS Context Menu）、下拉選單與情境選單（教學組合）（Dropdown & Context Menu — Learning Bundle） 中，為真實使用流程選出最合適的介面模式。判斷規則：快顯選單會顯示目前物件的操作。下拉選單則從看得見、用途清楚的按鈕打開。。請寫下任務、內容量和打斷流程的代價，並檢查鍵盤、觸控、載入、錯誤與減少動態效果。說明選擇理由，再沿用專案的設計系統，做出最小且無障礙的版本。