アプリケーションの複雑さパターン
適切に設計された容易さ → エンゲージメント → 合理化 → アプリケーションの複雑さについての詳細
| Where to look? 商品領域 | ロケーション |
What does good look like? (良いものは?) パターン |
|---|---|
| プラットフォーム | 組織 | ✅ システム管理者が指定したデフォルト設定でアプリケーションのタブ数が 10 個未満である |
| プラットフォーム | 組織 | ✅ [このアプリケーションのナビゲーション項目のエンドユーザーパーソナライズを無効化] が true に設定されているアプリケーションはありません |
フォーム要素パターン
適切に設計された容易さ → エンゲージメント → 合理化 → フォーム要素についての詳細
| Where to look? 商品領域 | ロケーション |
What does good look like? (良いものは?) パターン |
|---|---|
| プラットフォーム | Aura | ✅ アプリケーションビルダーで使用可能なカスタム Aura コンポーネントは、それぞれの設計ファイルでサポートされるフォーム要素を宣言する |
| プラットフォーム | Aura | ✅ アプリケーションビルダーで使用できるカスタム Aura コンポーネントで幅対応のスタイルパターンを実装 |
| プラットフォーム | Aura | ✅ カスタム Lightning ページテンプレートでは、Aura コンポーネント設計ファイルでdesign:supportedFormFactorsとdesign:supportedFormFactorを使用します。 |
| プラットフォーム | デスクトップ | ✅ データ入力項目やナビゲーションコントロールが画面内に収まり、意図したとおりに操作できる |
| プラットフォーム | デスクトップ | ✅ ページの有効化の割り当てルールに基づいて、レコードページとアプリケーションページが正しく表示される |
| プラットフォーム | LWC(Lightning Web コンポーネント) | ✅ アプリケーションビルダーで使用可能なカスタム LWC は幅対応のスタイルパターンを実装 |
| プラットフォーム | LWC(Lightning Web コンポーネント) | ✅ アプリケーションビルダーで使用可能なカスタム LWC は、それぞれの設計ファイルでサポートされるフォーム要素を宣言する |
| プラットフォーム | モバイルデバイス | ✅ 小さいフォーム要素用に最適化されたモバイルナビゲーションメニューが表示される |
| プラットフォーム | モバイルデバイス | ✅ データ入力とナビゲーションコントロールが正しく表示される |
| プラットフォーム | モバイルデバイス | ✅ データ入力が簡単 |
| プラットフォーム | モバイルデバイス | ✅ コンパクトレイアウトがレコードレベルで表示される |
| プラットフォーム | 組織 | ✅Salesforce が提供する Lightning ページ テンプレートは、すべてまたはほとんどのページで使用されます。 |
フォームパターン
適切に設計された容易な方法 → エンゲージメント → 合理化 → フォーム
| Where to look? 商品領域 | ロケーション |
What does good look like? (良いものは?) パターン |
|---|---|
| プラットフォーム | アプリケーション | ✅ データ入力エラーは、ユーザーが移動したりデータを送信したりする前に表示されます。 |
| プラットフォーム | アプリケーション | ✅ 項目は論理グルーピングに従う |
| プラットフォーム | アプリケーション | ✅ データ登録は 1 回のみ |
| プラットフォーム | アプリケーション | ✅ アクションとナビゲーションの表示ラベルが明確 |
| プラットフォーム | アプリケーション | ✅ ボタンクリックなどのユーザーアクションを確認するためのタイムリーで視覚的なフィードバックを提供 |
| プラットフォーム | アプリケーション | ✅ ナビゲーションボタン (「移動」、「次へ」、「戻る」など) を UI 全体に一貫して配置 |
| プラットフォーム | アプリケーション | ✅ データ入力項目は 5 個以下のグループで表示されます。 |
| プラットフォーム | アプリケーション | ✅ データ入力エラーが明確で、項目レベルで表示される |
| プラットフォーム | アプリケーション | ✅ ページ設定コントロールでステップ間の移動が可能 |
| プラットフォーム | フォームロジック | ✅ 項目は可能な限り事前入力またはオートコンプリート |
| プラットフォーム | フォームロジック | ✅ ユーザーは、実行時間の長いサーバー側アクションが完了するまで待つ必要はありません。 |
| プラットフォーム | フォームロジック | ✅ データ操作は 1 回のみ |
| プラットフォーム | フォームロジック | ✅ カスタムコンポーネントは、データ操作を含まないサーバーベースのアクションにcacheable=trueを使用します。 |
| プラットフォーム | LWC(Lightning Web コンポーネント) | ✅ LWC では、データ操作を含まないすべてのアクションを@wireアダプターで処理します。 |
アプリケーションの複雑さ対策パターン
適切に設計された容易さ → エンゲージメント → 合理化 → アプリケーションの複雑さについての詳細
| Where to look? 商品領域 | ロケーション |
What to avoid? アンチパターン |
|---|---|
| プラットフォーム | 組織 | ⚠️ 多くのアプリケーションで [このアプリケーションのナビゲーション項目のエンドユーザーパーソナライズを無効化] が true に設定されているか、ナビゲーション項目をカスタマイズする権限が組織全体で無効になっている |
| プラットフォーム | 組織 | ⚠️ システム管理者が指定したデフォルト設定で、アプリケーションに 10 個を超えるタブが日常的にある |
フォームファクタのアンチパターン
適切に設計された容易さ → エンゲージメント → 合理化 → フォーム要素についての詳細
| Where to look? 商品領域 | ロケーション |
What to avoid? アンチパターン |
|---|---|
| プラットフォーム | Aura | ⚠️ カスタム Lightning ページテンプレートでは、Aura コンポーネント設計ファイルのdesign:supportedFormFactorsとdesign:supportedFormFactorが一様に使用されるわけではありません。 |
| プラットフォーム | Aura | ⚠️ アプリケーションビルダーで使用可能なカスタム Aura コンポーネントでは、サポートされるフォーム要素がそれぞれの設計ファイルで一貫して宣言されません。 |
| プラットフォーム | Aura | ⚠️ カスタム Aura コンポーネントでは、さまざまなフォーム要素のスタイルは、純粋に CSS のハードコードされたpxまたは%値によって決まります。 |
| プラットフォーム | Aura | ⚠️ Aura カスタムコンポーネントでは、Salesforce が提供するインターフェースでは幅を認識するスタイルは実装されません。 |
| プラットフォーム | デスクトップ | ⚠️ データ入力項目とナビゲーションコントロールが画面の意図した場所に表示されない |
| プラットフォーム | デスクトップ | ⚠️ データ入力項目やナビゲーションコントロールとのインタラクションが必須動作と一致しない |
| プラットフォーム | デスクトップ | ⚠️ ページ有効化の割り当てルールがないため、すべてのユーザーに同じレコードページとアプリケーションページが表示される |
| プラットフォーム | LWC(Lightning Web コンポーネント) | ⚠️ カスタム LWC では、Salesforce が提供するインターフェースでは幅を認識するスタイルは実装されません。 |
| プラットフォーム | LWC(Lightning Web コンポーネント) | ⚠️ カスタム LWC では、さまざまなフォーム要素のスタイルは、純粋に CSS のハードコードされたpxまたは%値によって決まります。 |
| プラットフォーム | LWC(Lightning Web コンポーネント) | ⚠️ アプリケーションビルダーで使用できるカスタム LWC では、サポートされるフォーム要素がそれぞれの設計ファイルで一貫して宣言されません。 |
| プラットフォーム | モバイルデバイス | ⚠️ データ入力とナビゲーションコントロールが一貫して表示されない、または正しく表示されない |
| プラットフォーム | モバイルデバイス | ⚠️ ユーザーが簡単にデータを入力できない |
| プラットフォーム | モバイルデバイス | ⚠️ コンパクトレイアウトがレコードレベルで設定されていない |
| プラットフォーム | モバイルデバイス | ⚠️ モバイルナビゲーションメニューはデスクトップナビゲーションと区別できません |
| プラットフォーム | 組織 | ⚠️ Classic はまだ有効 |
フォームのアンチパターン
適切に設計された容易な方法 → エンゲージメント → 合理化 → フォーム
| Where to look? 商品領域 | ロケーション |
What to avoid? アンチパターン |
|---|---|
| プラットフォーム | アプリケーション | ⚠️ データ入力項目が 5 より大きいグループで表示される |
| プラットフォーム | アプリケーション | ⚠️ データ入力項目が論理的にグループ化されていないため、ユーザーがフォームに入力する際に大量のコンテキストを切り替える必要がある |
| プラットフォーム | アプリケーション | ⚠️ ステップとグルーピングが明確ではないため、ナビゲーションが困難 |
| プラットフォーム | アプリケーション | ⚠️ データ入力エラーは、フォームの送信ボタンをクリックしたときにのみ表示されます。 |
| プラットフォーム | アプリケーション | ⚠️ アクションとナビゲーションの表示ラベルは、基盤となるシステム機能に精通していないユーザーに混乱を招く |
| プラットフォーム | アプリケーション | ⚠️ ユーザーアクションの視覚的な確認が提供されない |
| プラットフォーム | アプリケーション | ⚠️ ナビゲーションボタンが UI 全体の任意の場所に表示される |
| プラットフォーム | アプリケーション | ⚠️ データ入力エラーには、システムの内部の仕組みを理解しているユーザーのみが解釈できる不可解な情報が含まれています。 |
| プラットフォーム | アプリケーション | ⚠️ データ入力プロセス全体でデータ登録が複数回行われる |
| プラットフォーム | フォームロジック | ⚠️ 事前入力またはオートコンプリートが可能な項目は手動で入力する必要があります |
| プラットフォーム | フォームロジック | ⚠️ ユーザーは送信プロセス中に作業を停止してサーバー側アクションが完了するまで待機する必要がある |
| プラットフォーム | フォームロジック | ⚠️ カスタムコンポーネントセットcacheable=false |