---
schema_version: "1"
id: 2452781033bb0c0894fdde0f2da1ecb392f232554abae7a28196ec7ecce180db
title: 参与 - 简化
collection: architect
version: next
locale: zh-cn
portal_url: https://docs.salesforce.com/architect/next/zh-cn/well-architected-tools/guides/easy-streamlined.md
canonical_url: https://staging.architect.salesforce.com/docs/architect/zh-cn/well-architected-tools/guide/easy-streamlined.html
source_site: staging.architect.salesforce.com
content_type: documentation
content_hash: 17cb2d2f65a4e5442fd49197b87ed90f2d89550cbfb74af50ffdf7babe81898f
products:
  - 设计良好的工具
  - Architect Site Content Repo
---
# 参与 - 简化

### 应用程序复杂性模式

了解有关架构良好的[轻松](/docs/architect/zh-cn/well-architected/guide/easy-overview)性 → [参与](/docs/architect/zh-cn/well-architected/guide/engaging) → [简化](/docs/architect/zh-cn/well-architected/guide/engaging#简化) → [应用程序复杂性](/docs/architect/zh-cn/well-architected/guide/engaging#应用程序复杂性)的更多信息

| Where to look?<br>产品区域 \| 位置 | 好是什么样子？<br>模式                                                     |
| ---------------------------------- | -------------------------------------------------------------------------- |
| 平台 \| 组织                       | ✅ 在管理员提供的默认配置中，应用程序少于 10 个选项卡                      |
| 平台 \| 组织                       | ✅ 没有应用程序将“在此应用程序中禁用最终用户对导航项目的个性化”设置为 true |

### 外形规格模式

了解有关架构良好的[简易性](/docs/architect/zh-cn/well-architected/guide/easy-overview)的更多信息 → [参与](/docs/architect/zh-cn/well-architected/guide/engaging) → [简化](/docs/architect/zh-cn/well-architected/guide/engaging#简化) → [外形规格](/docs/architect/zh-cn/well-architected/guide/engaging#外形规格)

| Where to look?<br>产品区域 \| 位置 | 好是什么样子？<br>模式                                                                                            |
| ---------------------------------- | ----------------------------------------------------------------------------------------------------------------- |
| 平台 \| Aura                       | ✅ 应用程序生成器中可用的自定义 Aura 组件会在各自的设计文件中声明支持的外形规格                                   |
| 平台 \| Aura                       | ✅ 应用程序生成器中可用的自定义 Aura 组件实施宽度感知样式模式                                                     |
| 平台 \| Aura                       | ✅ 自定义 Lightning 页面模板使用 Aura 组件设计文件中的`design:supportedFormFactors`和`design:supportedFormFactor` |
| 平台 \| 桌面                       | ✅ 数据输入字段和导航控件适合屏幕，并可按预期进行交互                                                             |
| 平台 \| 桌面                       | ✅ 根据页面激活分配规则，记录和应用程序页面正确显示                                                               |
| 平台 \| Lightning Web 组件 (LWC)   | ✅ 应用程序生成器中可用的自定义 LWC 实施宽度感知样式模式                                                          |
| 平台 \| Lightning Web 组件 (LWC)   | ✅ 应用程序生成器中可用的自定义 LWC 会在各自的设计文件中声明支持的外形规格                                        |
| 平台 \| 移动设备                   | ✅ 移动导航菜单，专为更小的外形规格优化                                                                           |
| 平台 \| 移动设备                   | ✅ 数据输入和导航控件正确显示                                                                                     |
| 平台 \| 移动设备                   | ✅ 用户可以轻松输入数据                                                                                           |
| 平台 \| 移动设备                   | ✅ 紧凑布局显示在记录级别                                                                                         |
| 平台 \| 组织                       | ✅ Salesforce 提供的 Lightning 页面模板用于所有或大部分页面                                                       |

### 表单模式

了解有关架构良好的[轻松](/docs/architect/zh-cn/well-architected/guide/easy-overview) → [参与](/docs/architect/zh-cn/well-architected/guide/engaging) → [简化](/docs/architect/zh-cn/well-architected/guide/engaging#简化) → [表格](/docs/architect/zh-cn/well-architected/guide/engaging#表格)的更多信息

| Where to look?<br>产品区域 \| 位置 | 好是什么样子？<br>模式                                              |
| ---------------------------------- | ------------------------------------------------------------------- |
| 平台 \| 应用程序                   | ✅ 在用户导航离开或提交数据之前出现数据输入错误                     |
| 平台 \| 应用程序                   | ✅ 字段遵循逻辑分组                                                 |
| 平台 \| 应用程序                   | ✅ 数据提交仅发生一次                                               |
| 平台 \| 应用程序                   | ✅ 操作和导航的标签清晰                                             |
| 平台 \| 应用程序                   | ✅ 及时提供可视反馈，以确认用户操作，例如按钮单击                   |
| 平台 \| 应用程序                   | ✅ 导航按钮（例如，“转到”、“下一步”和“返回”）在整个 UI 中一致放置   |
| 平台 \| 应用程序                   | ✅ 数据输入字段以五个或更少的组显示                                 |
| 平台 \| 应用程序                   | ✅ 数据输入错误明确，并显示在字段级别                               |
| 平台 \| 应用程序                   | ✅ 分页控件支持在步骤之间移动                                       |
| 平台 \| 表单逻辑                   | ✅ 字段尽可能预填写或自动填写                                       |
| 平台 \| 表单逻辑                   | ✅ 用户无需等待长时间运行的服务器端操作完成                         |
| 平台 \| 表单逻辑                   | ✅ 数据操作执行一次                                                 |
| 平台 \| 表单逻辑                   | ✅ 自定义组件使用基于服务器的操作的`cacheable=true`，不涉及数据操作 |
| 平台 \| Lightning Web 组件 (LWC)   | ✅ 在 LWC 中，`@wire`适配器处理所有不涉及数据操作的操作             |

---

### 应用程序复杂性反模式

了解有关架构良好的[轻松](/docs/architect/zh-cn/well-architected/guide/easy-overview)性 → [参与](/docs/architect/zh-cn/well-architected/guide/engaging) → [简化](/docs/architect/zh-cn/well-architected/guide/engaging#简化) → [应用程序复杂性](/docs/architect/zh-cn/well-architected/guide/engaging#应用程序复杂性)的更多信息

| Where to look?<br>产品区域 \| 位置 | 要避免什么？<br>反模式                                                                                   |
| ---------------------------------- | -------------------------------------------------------------------------------------------------------- |
| 平台 \| 组织                       | 许多应用程序将“禁用此应用程序中的最终用户导航项目个性化”设置为真，或在组织范围内禁用自定义导航项目的权限 |
| 平台 \| 组织                       | 在管理员提供的默认配置中，应用程序通常拥有超过 10 个选项卡                                               |

### 外形反模式

了解有关架构良好的[简易性](/docs/architect/zh-cn/well-architected/guide/easy-overview)的更多信息 → [参与](/docs/architect/zh-cn/well-architected/guide/engaging) → [简化](/docs/architect/zh-cn/well-architected/guide/engaging#简化) → [外形规格](/docs/architect/zh-cn/well-architected/guide/engaging#外形规格)

| Where to look?<br>产品区域 \| 位置 | 要避免什么？<br>反模式                                                                                                 |
| ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| 平台 \| 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 仍处于活动状态                                                                                                 |

### 表单反模式

了解有关架构良好的[轻松](/docs/architect/zh-cn/well-architected/guide/easy-overview) → [参与](/docs/architect/zh-cn/well-architected/guide/engaging) → [简化](/docs/architect/zh-cn/well-architected/guide/engaging#简化) → [表格](/docs/architect/zh-cn/well-architected/guide/engaging#表格)的更多信息

| Where to look?<br>产品区域 \| 位置 | 要避免什么？<br>反模式                                           |
| ---------------------------------- | ---------------------------------------------------------------- |
| 平台 \| 应用程序                   | ⚏ 数据输入字段以大于 5 的组显示                                  |
| 平台 \| 应用程序                   | 数据输入字段没有逻辑分组，需要填写表单的用户进行大量的上下文切换 |
| 平台 \| 应用程序                   | 步骤和分组未明确定义，导致导航困难                               |
| 平台 \| 应用程序                   | 数据输入错误仅在单击表单的提交按钮时显示                         |
| 平台 \| 应用程序                   | 操作和导航的标签会使不熟悉基础系统功能的用户感到困惑             |
| 平台 \| 应用程序                   | 不提供用户操作的视觉确认                                         |
| 平台 \| 应用程序                   | 导航按钮会显示在整个 UI 的任意位置                               |
| 平台 \| 应用程序                   | ⚏ 数据输入错误包含只能由了解系统内部工作原理的人员解释的加密信息 |
| 平台 \| 应用程序                   | 数据提交在整个数据输入过程中多次发生                             |
| 平台 \| 表单逻辑                   | ⚏ 可以预填写或自动填写的字段需要手动输入                         |
| 平台 \| 表单逻辑                   | 用户必须在提交过程中停止工作，以等待服务器端操作完成             |
| 平台 \| 表单逻辑                   | 自定义组件集`cacheable=false`                                    |

---