操作與導覽元件
外觀可以相近,結果不能混在一起。
Button 在目前情境執行動作;Link 帶人到另一個資源或位置。先說清楚結果,AI 才知道該生成哪一種元件。
快速判斷
點下去後,使用者會不會離開目前的工作?
- 會前往資源或位置使用 Link,連結文字說明目的地,例如「查看權限說明」。
- 留在目前流程做事使用 Button,補上 Loading、失敗、Disabled、焦點與鍵盤規則。
比較表
不要用同一種藍色,掩蓋兩種不同的互動契約。
這組結論
先交代操作目的,才有辦法驗收 AI 的畫面。
「儲存變更」必須說明送出後的狀態;「查看權限說明」必須讓人知道會前往哪裡。把這兩句寫進需求,畫面的層級就會開始清楚。