介面元件 核心 C · 業界慣例 平台: 網頁

Settings Page

設定頁

設定頁會放置影響多個任務的 App 選項。好的預設值能讓多數人直接開始。

看看怎麼運作
也有人這樣說 Settings Page偏好設定頁組態頁工作區設定

看看怎麼運作

原創情境範例設定頁

另一個例子

工作區管理者會調整每週摘要,並看見這個選項會影響哪些成員。

主要部分

  1. 01設定群組
  2. 02白話標籤
  3. 03目前值
  4. 04影響和範圍
  5. 05儲存回饋

什麼時候用

適合放很少更改,而且使用者預期能再次找到的一般選項。

什麼時候不要用

不要把任務專用選項藏在設定頁。請把它放在受影響的任務旁。

程式裡的名稱

scope + safe default + grouped controls + save feedback + permissions

上線前要檢查

每個欄位都要有程式能讀到的標籤。連結提示與錯誤,並保留已輸入內容。檢查自動填寫、鍵盤順序、驗證時機、送出狀態、失敗復原、縮放與多語系。

可以直接複製的需求

預期成果:使用 設定頁 (Settings Page) 解決這項需求,同時保留使用者目前的操作脈絡。 使用者情境:工作區管理者會調整每週摘要,並看見這個選項會影響哪些成員。 建議介面模式:設定頁 (Settings Page)。 適用理由:適合放很少更改,而且使用者預期能再次找到的一般選項。 不應使用的情況:不要把任務專用選項藏在設定頁。請把它放在受影響的任務旁。 產品要求:定義預設、載入、沒有內容、錯誤、成功與復原狀態。保留使用者已輸入的內容,每個操作後都提供清楚回饋。 無障礙與韌性:使用結構正確的 HTML(語意化 HTML)和完整鍵盤操作。焦點要清楚可見,版面縮放後仍要好用。也要提供減少動態效果。遵守專案現有規則。除非專案已採用,否則不要新增介面元件庫。 驗收條件:主要任務可只用鍵盤完成,在 320px 寬度也能正常使用。焦點與狀態變化可被輔助工具讀出。載入、失敗、重試、取消與減少動態效果都已驗證。 證據與限制(證據邊界):沒有一份官方標準能管到全部內容。不同團隊、平台或框架的用法可能不同。 待確認:產品文字、資料來源、分析事件、支援裝置與語系,以及平台特有限制。

檢查這份需求

請 AI 程式助手檢查目前如何使用 設定頁 (Settings Page)。 定義:設定頁會放置影響多個任務的 App 選項。好的預設值能讓多數人直接開始。 正式環境檢查:每個欄位都要有程式能讀到的標籤。連結提示與錯誤,並保留已輸入內容。檢查自動填寫、鍵盤順序、驗證時機、送出狀態、失敗復原、縮放與多語系。 修改程式前,先列出看到的證據、缺口、嚴重程度,以及最小且安全的修正。

C
這個術語有多正式?

業界慣例

工作上常會用到這個術語。列出的來源可能說明用法或限制,但不會定義全部內容。

沒有一份官方標準能管到全部內容。不同團隊、平台或框架的用法可能不同。

適用範圍
只包含來源有說明的內容:正式名稱、定義、使用指南、避免事項
文件狀態
穩定
查證日期
2026-07-30

證據來源與適用範圍

正式來源 + 術語參考資料 · Apple · 穩定 Settings 適用範圍: 正式名稱、定義、使用指南、避免事項 本頁用途: 直接術語參考 來源涵蓋內容: 正式名稱, 定義, 使用指南, 避免事項

自行複製

瀏覽器無法自動複製。請選取下方文字,再自行複製。