設定項目一多,sidebar 兩層就放不下,所以 SaaS 通用做法是:點進 Settings 後,左欄 drill-down 成二級 nav 分群,右側用一張張 card section 顯示內容,危險操作集中放最底的 Danger zone。這章把分群慣例、儲存模式、危險區規格講清楚。當你要規劃設定頁結構、決定 autosave 還是 Save 按鈕、或猶豫 breadcrumb 要不要加時翻這頁。
這是什麼
左側二層設定選單,右側以卡片區塊分組表單;頁面主標題對應目前選單項目。
什麼時候用
設定項目多且需分類(帳號、工作區、帳單)時,讓使用者清楚知道自己在哪一區。
這是什麼
不可逆的危險操作集中在頁面最底部、紅色區塊;每項都需確認對話,重要刪除還要輸入名稱驗證。
什麼時候用
移轉擁有權、刪除工作區等無法復原的設定,必須與一般設定視覺上明確區隔。
這是什麼
Claude:方案列、取消提醒橫幅、付款方式、發票表(日期/金額/狀態/操作)。
什麼時候用
訂閱與帳單設定頁;方案、付款、發票分區呈現,取消訂閱需明確提醒。
這是什麼
Resend:姓名 → 國家 → 地址 → 城市/州/郵遞區號,單卡底部儲存。
什麼時候用
帳單地址等欄位順序固定的短表單;全部放在一張卡片內完成。