60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者要從同一頁的一個位置前往另一個明確區段。
- 目的區段有穩定 id 與有意義的標題。
不適合使用
- 其實要跨頁移動，卻用 hash 假裝是同頁。
- 連結指向空白 div 或只為了捲動動畫而失去目標語意。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
網址與目標一致
連到 #review 時，網址、可見章節與焦點位置都要對得上。
目標本身可辨識
目的地是一個有標題的區段，不是讓畫面停在沒有說明的留白。
不要攔截原生連結
保留可複製、可分享、可返回的 hash 行為；平滑捲動只能是附加效果。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
初始位置
尚未選取章節，頁面維持原本閱讀位置。
跳轉後
網址 hash 更新，目標標題可見並取得必要焦點。
返回
瀏覽器返回可回到先前 hash，不破壞閱讀脈絡。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
跳到申請規則章節
先觀察：Anchor Navigation 是目錄項目真正前往同頁段落的方式。
操作：選取「常見問題」，再使用瀏覽器返回。
預期結果：網址顯示 #faq；回上一頁後回到先前章節，不需要重新找位置。
可操作 Demo
目錄連結要真的帶人到同頁目標。
申請資格
帳號申請由工作區管理員提出；需先確認組織已建立。
需要準備的資料
準備組織名稱、統一編號與可接收通知的主要聯絡 Email。
審核方式
資料送出後由管理員檢核；需要補件時會保留目前填寫內容。
常見問題
若忘記申請編號，可在申請紀錄中以組織名稱與日期查詢。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
在 LumenDesk 的申請規則頁，將目錄項目連到同頁對應的 id：#eligibility、#materials、#review、#faq。每個章節都有清楚的可聚焦標題；點選連結後網址 hash 更新，焦點或可見位置讓使用者知道已到達目標。不要用 JavaScript 攔截連結後只做平滑捲動卻不更新 URL。驗收清單
不要只確認欄位能不能點。
- 連結是否指向真實、穩定的 id？
- 跳轉後網址 hash 是否更新？
- 目的地是否有可辨識標題與焦點處理？
- 返回是否保留閱讀脈絡？
- 是否沒有把跨頁導覽錯做成錨點？