60 秒決策
先確認使用者要完成的事。
適合使用
- 需要讓一個小型檢視器、說明或工具保持可見，同時使用者還要繼續操作原頁。
- 使用者能自然理解 Dialog 與背景並存，且有清楚方式在兩者之間切換焦點。
不適合使用
- 使用者必須先回答才能繼續，或背景動作可能讓 Dialog 內容失效。
- 內容其實只是某筆資料的詳細頁，應有更完整的版面與網址。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
不要假裝它是 Modal
沒有 backdrop、背景仍可操作，並用標題與位置讓人知道它是並存的檢視器。
背景與視窗都有焦點出口
使用者要能回到背景，不應被困在一個不阻斷的工具窗裡。
內容保持輕量
它適合摘要、檢視與輔助操作；長內容仍應前往完整頁面。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
尚未開啟
背景工作區正常可用，開啟入口說明要查看的內容。
檢視器開啟
Dialog 可取得焦點，但背景不會被遮罩或停用。
背景持續操作
背景列的操作仍可使用，並能反映在畫面上。
關閉檢視器
回到原來的觸發位置，不打斷背景工作。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
成員檢視器
先觀察：檢視器開啟時，背景的「更新摘要」仍可點擊，證明它沒有被做成 Modal。
操作：開啟檢視器，再按背景的更新按鈕；最後關閉檢視器。
預期結果：背景摘要數字會更新；檢視器沒有遮罩，關閉後焦點回到開啟按鈕。
Non-modal Dialog Demo
輔助資訊打開了，背景工作仍可繼續成員管理
林子安產品設計 · 專案管理員用於檢視器或工具面板；它浮在畫面上，但不應假裝成會阻斷操作的 Modal。
尚未開啟對話框。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
在 LumenDesk 製作 Non-modal Dialog 作為「成員檢視器」。它顯示林子安的角色、狀態與加入日期，但背景成員清單仍可捲動與操作。畫面要清楚標示這是可並存的檢視器，提供關閉按鈕與可預期的鍵盤回到背景方式；不要加上遮住整頁的 backdrop 或 aria-modal=true。若使用者必須先回答才能繼續，改用 Modal Dialog。驗收清單
不要只確認欄位能不能點。
- 背景是否真的仍可操作，而不是只有視覺上沒遮罩？
- 是否有可理解的鍵盤方式在背景與檢視器間切換？
- 是否沒有 aria-modal=true 或假 backdrop？
- 內容是否足夠小，且不需要完整詳細頁？
- 關閉後焦點是否回到合理位置？
- 若需要立即回應，是否改用 Modal Dialog？