60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者要前往另一頁、另一個資源或本頁另一個位置。
- 目的地可以用一段可理解的文字說明。
不適合使用
- 點擊後要送出表單、關閉視窗或修改目前資料。
- 看似文字但實際上是切換狀態的操作。
畫面規則
一句能說明下一站的文字，比「點這裡」有用得多。
文字要說出下一站
「查看權限說明」比「點這裡」更能減少使用者猜測。
讓連結看得出來
不要只依靠顏色；底線、Hover 與 Focus 都能幫助辨識。
外部或下載行為要透明
若會離開系統、開啟新分頁或下載檔案，需在適當位置提示。
必要狀態
連結不複雜，但仍要讓人看得見、用得到。
預設
讀者能辨認這段文字可前往其他位置。
Focus
鍵盤使用者 Tab 到連結時，要看得出目前焦點。
已造訪或不可用
可用較低調的方式輔助辨識，但不可犧牲對比與可讀性。
操作 Demo
讓讀者先從文字判斷目的地。
操作前先知道
目的地與 Focus
先觀察：連結文字先說明目的地，再用 Focus 支援鍵盤操作。
操作：按 Tab 聚焦，再按 Enter。
預期結果：使用者在啟動前就知道會前往哪裡。
告訴 AI
把目的地與使用者預期一起寫進去。
請為 LumenDesk 的「成員權限」區加入導覽連結。
- 使用原生 Link 顯示「查看權限說明」，前往 /permissions-guide；連結文字要能獨立說明目的地。
- 連結在目前分頁開啟，讓使用者可用瀏覽器返回原本的編輯流程。
- 連結需有可見 Focus 樣式，鍵盤 Tab 可到達，Enter 可啟動。
- 若使用者沒有查看權限，顯示原因與可詢問的對象，不要只留下沒有說明的灰色文字。
- 360px 寬度下保留完整連結文字，不以只有箭頭或圖示取代。驗收清單
不要把所有文字操作都當成 Link。
- 文字是否能說明目的地？
- 是否使用 a href，而不是假裝成連結的 div？
- 是否有可見 Focus？
- 新分頁、外站或下載是否有必要提示？