應用程式複雜性模式
深入瞭解「結構良好」 「簡單」 → 參與 > 簡化 > 應用程式複雜性
| 要在哪裡尋找? 產品區域 | 位置 |
優良的外觀為何? 模式 |
|---|---|
| 平台 | 組織 | ✅ 應用程式在管理員提供的預設組態中有少於 10 個索引標籤 |
| 平台 | 組織 | ✅ 沒有任何應用程式的「停用此應用程式中瀏覽項目的一般使用者個人化」設定為 true |
尺寸規格模式
深入瞭解「結構良好」 「簡單」 → 參與 > 簡化 > 尺寸規格
| 要在哪裡尋找? 產品區域 | 位置 |
優良的外觀為何? 模式 |
|---|---|
| 平台 | Aura | ✅ 應用程式產生器中提供的自訂 Aura 元件會在其個別設計檔案中宣告支援的尺寸規格 |
| 平台 | Aura | ✅ 應用程式產生器中提供的自訂 Aura 元件實作寬度認知樣式模式 |
| 平台 | Aura | ✅ 自訂 Lightning 頁面範本使用 Aura 元件設計檔案中的 design:supportedFormFactors 和 design:supportedFormFactor |
| 平台 | 桌面 | ✅ 資料輸入欄位和瀏覽控制項適合畫面,且可以依預期與其互動 |
| 平台 | 桌面 | ✅ 記錄與應用程式頁面會根據頁面啟用指派規則正確顯示 |
| 平台 | Lightning Web 元件 (LWC) | ✅ 應用程式產生器中提供的自訂 LWC 實作寬度認知樣式模式 |
| 平台 | Lightning Web 元件 (LWC) | ✅ 應用程式產生器中提供的自訂 LWC 會在其個別設計檔案中宣告支援的尺寸規格 |
| 平台 | 行動裝置 | ✅ 顯示針對較小的尺寸規格最佳化的行動瀏覽功能表 |
| 平台 | 行動裝置 | ✅ 資料輸入與瀏覽控制會正確顯示 |
| 平台 | 行動裝置 | ✅ 使用者可以輕鬆地輸入資料 |
| 平台 | 行動裝置 | ✅ 精簡版面配置會顯示在記錄層級 |
| 平台 | 組織 | ✅ Salesforce 提供的 Lightning 頁面範本會用於所有或大多數的頁面 |
表單模式
深入瞭解 Well-Architected Easy → 參與 → 簡化 → 表單
| 要在哪裡尋找? 產品區域 | 位置 |
優良的外觀為何? 模式 |
|---|---|
| 平台 | 應用程式 | ✅ 資料輸入錯誤會在使用者離開或提交資料前出現 |
| 平台 | 應用程式 | ✅ 欄位遵循邏輯分組 |
| 平台 | 應用程式 | ✅ 資料提交發生一次 |
| 平台 | 應用程式 | ✅ 動作與瀏覽的標籤清楚 |
| 平台 | 應用程式 | ✅ 提供即時且視覺化的回饋意見以確認使用者動作,例如按一下按鈕 |
| 平台 | 應用程式 | ✅ 瀏覽按鈕 (例如「前往」、「下一步」和「返回」) 會一致地放置在整個 UI 中 |
| 平台 | 應用程式 | ✅ 資料輸入欄位會以五個以下的群組顯示 |
| 平台 | 應用程式 | ✅ 資料輸入錯誤顯示在欄位級 |
| 平台 | 應用程式 | ✅ 分頁控制項可啟用步驟之間的移動 |
| 平台 | 表單邏輯 | ✅ 欄位會盡可能預先填入或自動完成 |
| 平台 | 表單邏輯 | ✅ 使用者不需要等待長時間執行的伺服器端動作完成 |
| 平台 | 表單邏輯 | ✅ 資料作業執行一次 |
| 平台 | 表單邏輯 | ✅ 自訂元件針對不涉及資料作業的伺服器型動作使用 cacheable=true |
| 平台 | Lightning Web 元件 (LWC) | ✅ 在 LWC @wire 轉接器中,會處理所有不涉及資料作業的動作 |
應用程式複雜性反模式
深入瞭解「結構良好」 「簡單」 → 參與 > 簡化 > 應用程式複雜性
| 要在哪裡尋找? 產品區域 | 位置 |
要避免什麼? Anti-Pattern |
|---|---|
| 平台 | 組織 | ⚡️ 許多應用程式的「停用此應用程式中使用者瀏覽項目的個人化」設定為 true,或在組織範圍內停用自訂瀏覽項目的權限 |
| 平台 | 組織 | ⚡️ 管理員提供的預設組態中應用程式通常有 10 個以上的索引標籤 |
尺寸規格反模式
深入瞭解「結構良好」 「簡單」 → 參與 > 簡化 > 尺寸規格
| 要在哪裡尋找? 產品區域 | 位置 |
要避免什麼? Anti-Pattern |
|---|---|
| 平台 | Aura | ⚡️ 自訂 Lightning 頁面範本不會統一地在 Aura 元件設計檔案中使用 design:supportedFormFactors 和 design:supportedFormFactor |
| 平台 | Aura | ⚡️ 應用程式產生器中提供的自訂 Aura 元件不會一致在各自的設計檔案中宣告支援的尺寸規格 |
| 平台 | Aura | 在自訂 Aura 元件中,不同尺寸的樣式完全由 CSS 中的硬式編碼 px 或 % 值所驅動 |
| 平台 | Aura | ⚡️ 在自訂 Aura 元件中,Salesforce 提供的介面不會實作寬度認知樣式。 |
| 平台 | 桌面 | ⚡️ 資料輸入欄位和瀏覽控制項不會顯示在畫面上的預期位置 |
| 平台 | 桌面 | ⚡️ 與資料輸入欄位和瀏覽控制項的互動不符合必要行為 |
| 平台 | 桌面 | ⚡️ 缺少頁面啟用指派規則表示所有使用者都會看見相同的記錄和應用程式頁面 |
| 平台 | Lightning Web 元件 (LWC) | ⚡️ 在自訂 LWC 中,Salesforce 提供的介面不會實作寬度認知樣式 |
| 平台 | Lightning Web 元件 (LWC) | 在自訂 LWC 中,不同尺寸規格的樣式完全由 CSS 中的硬式編碼 px 或 % 值所驅動 |
| 平台 | Lightning Web 元件 (LWC) | ⚡️ 應用程式產生器中提供的自訂 LWC 不會一直在各自的設計檔案中宣告支援的尺寸規格 |
| 平台 | 行動裝置 | ⚡️ 資料輸入與瀏覽控制項無法一致或正確地呈現 |
| 平台 | 行動裝置 | ⚡️ 使用者無法輕鬆輸入資料 |
| 平台 | 行動裝置 | ⚡️ 未在記錄層級設定精簡版面配置 |
| 平台 | 行動裝置 | ⚡️ 行動瀏覽功能表與桌面瀏覽不同 |
| 平台 | 組織 | ⚡️ Classic 仍啟用 |
表單反模式
深入瞭解 Well-Architected Easy → 參與 → 簡化 → 表單
| 要在哪裡尋找? 產品區域 | 位置 |
要避免什麼? Anti-Pattern |
|---|---|
| 平台 | 應用程式 | ⚡️ 資料輸入欄位會顯示在大於五個的群組中 |
| 平台 | 應用程式 | ⚡️ 資料輸入欄位未依邏輯方式分組,因此需要大量的內容切換,讓使用者填寫表單 |
| 平台 | 應用程式 | ⚡️ 步驟與分組未清楚定義,因此難以瀏覽 |
| 平台 | 應用程式 | ⚡️ 只有在按一下表單的提交按鈕時,才會顯示資料輸入錯誤 |
| 平台 | 應用程式 | ⚡️ 動作與瀏覽的標籤會讓不熟悉基本系統功能的使用者感到困惑 |
| 平台 | 應用程式 | ⚡️ 不提供使用者動作的視覺確認 |
| 平台 | 應用程式 | ⚡️ 瀏覽按鈕會顯示在整個 UI 中的任意位置 |
| 平台 | 應用程式 | ⚡️ 資料輸入錯誤包含密碼資訊,只有瞭解系統內部運作的使用者才能解譯這些資訊 |
| 平台 | 應用程式 | ⚡️ 在整個資料輸入流程中多次發生資料提交 |
| 平台 | 表單邏輯 | ⚡️ 可預先填入或自動完成的欄位需要手動輸入 |
| 平台 | 表單邏輯 | ⚡️ 使用者必須在提交流程期間停止工作,才能等待伺服器端動作完成 |
| 平台 | 表單邏輯 | ⚡️ 自訂元件集 cacheable=false |