60 秒決策
先確認使用者要完成的事。
適合使用
- 選項很少且互斥，只是在同一個工作區切換檢視模式或操作模式。
- 每個選項名稱短，切換結果能立刻在附近看見。
不適合使用
- 選項有階層、名稱很長或數量很多。
- 其實是在填表選一個要儲存的資料值，應考慮 Radio 或 Select。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
少量互斥選項
列表、看板、行事曆是同一份資料的三種檢視；一次只選一種。
選取結果立刻可見
切到「看板」後，下方預覽就要換成看板，不是只讓按鈕變色。
別假裝成導覽列
Segmented Control 是局部模式切換；它不取代網站 Header 或主要 Nav。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
目前檢視
一個模式被選取，選取樣式與對應預覽同步。
其他檢視
其他選項仍可清楚辨識與聚焦，但不假裝同時選取。
窄螢幕
保留短名稱與明確選取狀態；選項過多時改用更合適的控制。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
專案的局部檢視切換
先觀察：列表、看板、行事曆呈現相同專案資料的不同觀看方式。
操作：用方向鍵選擇「行事曆」，再選回「列表」。
預期結果：目前模式與下方預覽同步，沒有把工作區帶到另一個頁面。
可操作 Demo
少量檢視模式，才適合放進 Segmented Control。
工作區設定
設定內容該切換、收合，還是只揭露一段說明？專案檢視
切換相同資料的觀看方式設計系統更新進行中
活動頁內容校對待審核
使用者回饋整理已完成
目前以列表檢視三筆相同的專案資料。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立一個 Segmented Control，切換「列表、看板、行事曆」三個同層級檢視。一次只選一個，選取狀態與下方內容要同步，並支援鍵盤方向鍵操作；若選項很多、名稱很長、需要階層或其實是在填表選值，改用其他元件。驗收清單
不要只確認欄位能不能點。
- 是否只有少量、互斥且同層級的模式？
- 切換後內容是否真的同步更新？
- 目前選取是否有文字、視覺與程式語意？
- 方向鍵是否可在模式間移動？
- 是否沒有把主要導覽、長選項或表單值誤做成 Segmented Control？