60 秒決策
先確認使用者要完成的事。
適合使用
- 一個明確操作入口下有少量相關指令，使用者能先看懂按鈕的目的。
- 點選項目後要立即執行動作，而不是把選項當成資料寫回表單。
不適合使用
- 使用者正在填選一個要儲存或篩選的資料值。
- 指令很少且每個都高頻，直接顯示按鈕通常更好。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
按鈕先說目的
「匯出」比只放一個向下箭頭更能讓人預期展開後會出現什麼。
選單項目是動詞
「匯出 CSV」、「建立分享連結」會比「CSV」、「連結」更像可執行的指令。
觸發與展開狀態連在一起
按鈕的 aria-haspopup、aria-expanded 與選單可見性要同步，不是只畫一個箭頭。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
收合
只顯示用途清楚的按鈕，版面不被次級指令塞滿。
展開與焦點
選單出現後，焦點可進入第一個指令並用方向鍵移動。
關閉
Esc 或完成指令後關閉選單，焦點回到原先的觸發按鈕。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
匯出專案資料
先觀察：按鈕本身先表達「匯出」，展開後才讓人選擇匯出格式。
操作：按 Enter 開啟，再用向下方向鍵與 Enter 執行其中一項。
預期結果：畫面回報執行的指令；沒有任何資料欄位被改成某個選取值。
可操作 Demo
要匯出資料時，選的是一個指令，不是欄位值。
LumenDesk／行銷網站改版
任務資料列的指令，不能假裝成狀態選項。告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
在 LumenDesk 的專案頁建立「匯出」Menu Button。按鈕要有可見文字、aria-haspopup="menu" 與隨開關同步的 aria-expanded；Enter、Space 與向下方向鍵可開啟選單，Esc 可關閉並回到按鈕。選單項目是「匯出 CSV」、「匯出 PDF」、「建立分享連結」等會立即執行的指令。不要用它讓使用者選擇要儲存的專案狀態。驗收清單
不要只確認欄位能不能點。
- 按鈕是否先說出這組指令的目的？
- 展開項目是否都是立即可執行的動作？
- aria-haspopup、aria-expanded 與可見選單是否同步？
- Enter、Space、方向鍵與 Esc 是否都有可預期結果？
- 是否沒有把表單資料選擇、常用主要操作或危險操作藏得太深？