外部カスタマーサポートサイトのテーマをスタイルガイドの要件に合わせてカスタマイズするには、エクスペリエンスビルダーのテーマパネルを設定することをお勧めします。テーマパネルでは、デザイナーがロゴ、色、フォント、その他のブランディング要素を設定して、サイトの外観をカスタマイズできます。また、デザイナーはカスタムテーマを作成し、それを異なるページやオーディエンスに割り当てることもできます。テーマパネルは、コードを記述したりスタイルを上書きしたりすることなく、サイト全体に一貫したブランディングを適用するための最適な方法です。テーマパネル | Salesforceヘルプ：UXデザイナー認定試験対策：エクスペリエンスビルダーを使用したデザイン | Trailhead

アクセシビリティガイドラインの「識別可能」とは、情報とユーザーインターフェースコンポーネントがユーザーに認識可能な方法で提示される必要があることを意味します。これには、テキストと背景色の間に十分なコントラストを持たせること、テキスト以外のコンテンツには代替テキストを提供すること、そしてユーザーがコンテンツをより見やすく、より聞きやすくすることが含まれます。ボタンのテキストと背景色を選択する際には、UXデザイナーはそれらのコントラスト比を考慮する必要があります。通常のテキストの場合は少なくとも4.5:1、大きなテキストの場合は3:1が必要です。これにより、視覚能力の異なるユーザーにとって、ボタンが見やすく読みやすくなります。参考：
[1]: ウェブコンテンツアクセシビリティガイドライン（WCAG）2.1、原則1：知覚可能
[2]: ウェブコンテンツアクセシビリティガイドライン（WCAG）2.1、達成基準1.4.3コントラスト（最低限）

ユーザーフローとは、ユーザーが意味のある目標を達成するまでの一連のステップを視覚的に表現するUXデザイン手法です。ユーザーフローは、ユーザーがエントリーポイントから最終アクション（サインアップ、購入、タスクの完了など）に至るまでの経路を示します。ユーザーフローは、デザイナーがユーザーエクスペリエンスを理解し最適化するだけでなく、問題点、ギャップ、改善の機会を特定するのに役立ちます。ユーザーフローは、必要な詳細度や忠実度に応じて、ダイアグラム、ワイヤーフレーム、プロトタイプなど、さまざまな形式をとることができます。参考：
UXデザインにおけるユーザーフローとは？【完全初心者向けガイド】 - CareerFoundry UXデザインにおけるユーザーフローとは？ - 2023年更新 | IxDF UXデザインにおけるユーザーフロー：定義、メリット、ベストプラクティス

Salesforce Lightning Design System (SLDS) は、Salesforce プラットフォーム全体で一貫性があり、美しく、アクセスしやすいユーザーエクスペリエンスを作成するのに役立つ設計ガイドライン、リソース、およびツールのコレクションです1。コンポーネントブループリントは、SLDS が提供する主要なリソースの 1 つです。コンポーネントブループリントは、フレームワークに依存せず、アクセス可能な HTML および CSS コードスニペットであり、ボタン、カード、メニューなどの UI 要素の作成に使用できます2。Salesforce 上に構築される新しいアプリケーションの設計を依頼された UX デザイナーは、最初のステップとして SLDS コンポーネントブループリントに精通する必要があります。これは、次のことに役立つためです3。
標準の Salesforce コンポーネントの構造、動作、外観を理解し、それらをカスタマイズまたは拡張する方法を学びます。
明瞭さ、効率性、一貫性、美しさなどの SLDS 設計原則とベスト プラクティスに従います。
アプリケーションが応答性、適応性、およびさまざまなデバイスや画面サイズとの互換性を備えていることを確認します。
SLDS デザイン トークン、アイコン、ユーティリティを活用して、一貫性がありスケーラブルなビジュアル言語を作成します。
既存のコードを再利用し、重複を回避することで、開発時間と労力を削減します。
Salesforce 上に構築される新しいアプリケーションの設計を依頼された UX デザイナーにとって、他のオプションは最適な最初のステップではありません。Experience Builder を使用して各ユーザー向けのブランディング セットを作成することは、アプリケーションのビジュアル アイデンティティとスタイルをさまざまなユーザー セグメントとチャネルに適用する後のステップです4。関連する AppExchange パッケージを見つけて確認することは、アプリケーションに統合または適応できる既存のソリューションや機能を特定するために役立つ調査ステップです5。アプリ用の一連のカスタム Web コンポーネントの設計は、アプリケーションの要件、ワイヤーフレーム、およびプロトタイプを定義した後に実行できる開発ステップです。
Lightning デザイン システム、Lightning デザイン システム 世界最高のエンタープライズ アプリケーション エクスペリエンスを作成する デザイン システムの基礎 コンポーネント ブループリント すぐに使用できる HTML および CSS UI 要素は、Salesforce エクスペリエンス開発の基盤を提供します ブループリントに移動 トークン 大規模なブランディングと UI の一貫性を保証するビジュアル デザインの値と属性 トークンを表示 デザイン ガイドライン 美しく、一貫性があり、ユーザー フレンドリーな製品エクスペリエンスを導くデザイン原則とベスト プラクティス ガイドラインを読む ツール 新機能!使いやすいツールは、すべての Trailblazer がワークフローを最適化し、Salesforce のアイデアを実現するのに役立ちます。ツールを入手する ブループリントの概要 - Lightning デザインシステム、ブループリントの概要 - Lightning デザインシステム 新機能 はじめに プラットフォーム デザインガイドライン キネティクス アクセシビリティ コンポーネント ブループリントの概要 アコーディオン アクティビティ タイムライン アラート アプリケーションランチャー アバター アバターグループ バッジ ブランドバンド ブレッドクラム ビルダー ヘッダー ボタンアイコン カード チャット ドッキング ユーティリティバー デュエルピックリスト ダイナミックアイコン ダイナミックメニュー 展開可能なセクション フィード ファイルセレクタ ファイル フォーム要素 グローバルヘッダー グローバルナビゲーションアイコン イラスト 入力リストビルダー ルックアップ マップメニュー 通知 ページヘッダー パネル パスピックリスト ピル 進捗状況インジケータ プロンプト ラジオボタングループ リッチテキストエディタ スコープ通知 スコープタブ 選択スピナー タブ テキストエリアタイル タイムピッカー トーストツールチップ ツリーグリッドツリー トライアルバー 垂直ナビゲーション 垂直タブ ビジュアルピッカー ウェルカムマット ユーティリティ デザイントークン アイコン ツール リソース ブループリントの概要 コンポーネントブループリントはフレームワークに依存せず、HTML と実装ガイドラインに沿ってコンポーネントを作成する際に使用するCSSです。詳細については、FAQページの用語集をご覧ください。フィルターを表示 85件のブループリント、183件のバリエーションを表示しています。アコーディオン Lightning コンポーネント レスポンシブ アダプティブ スタイル設定フック プロトタイプ ベース チェックマーク \nチェックマーク \nアクティビティ タイムライン レスポンシブ アダプティブ スタイル設定フック プロトタイプ ベース \n \n アラート レスポンシブ アダプティブ スタイル設定フック プロトタイプ ベース チェックマーク \nチェックマーク \nアプリケーション ランチャー レスポンシブ アダプティブ スタイル設定フック プロトタイプ ベース チェックマーク \n \nアバター Lightning コンポーネント レスポンシブ アダプティブ スタイル設定フック プロトタイプ ベース チェックマーク \nチェックマーク \nイニシャル チェックマーク \nチェックマーク \nアバター グループ レスポンシブ アダプティブ スタイル設定フック プロトタイプ ベース チェックマーク \nグループ化 チェックマーク \n \nバッジ Lightning コンポーネント レスポンシブ アダプティブ スタイル設定フック プロトタイプ ベース チェックマーク \nチェックマーク \nブランド バンド レスポンシブ アダプティブ スタイル設定フックプロトタイプ ベース チェックマーク \n \nブレッドクラム Lightning コンポーネント レスポンシブ アダプティブ スタイリング フック プロトタイプ ベース \n チェックマーク \nビルダー ヘッダー レスポンシブ アダプティブ スタイリング フック プロトタイプ ベース \n \n ツールバー \n \n ボタン グループ Lightning コンポーネント レスポンシブ アダプティブ スタイリング フック プロトタイプ ベース チェックマーク \n \nリスト チェックマーク \n \n行 チェックマーク \n \nボタン アイコン Lightning コンポーネント レスポンシブ アダプティブ スタイリング フック プロトタイプ ベース チェックマーク \n \n境界線付き塗りつぶしコンテナ チェックマーク \n \n境界線付き反転チェックマーク \n \n境界線付き透明コンテナ チェックマーク \n \nブランド チェックマーク \n \n反転チェックマーク \n \nステートフル チェックマーク \n \n透明コンテナ チェックマーク \n \nボタン Lightning コンポーネントレスポンシブ アダプティブ スタイリング フック プロトタイプ ベース チェックマーク \nチェックマーク \nデュアル ステートフル チェックマーク \nチェックマーク \nステートフル チェックマーク \nチェックマーク \nアイコン付き チェックマーク \nチェックマーク \nカード Lightning コンポーネント レスポンシブ アダプティブ スタイリング フック プロトタイプ ベース チェックマーク \nチェックマーク \nアインシュタイン チェックマーク \nチェックマーク \nラッパー チェックマーク \nチェックマーク \nカルーセル Lightning コンポーネント レスポンシブ アダプティブ スタイリング フック プロトタイプ ベース チェックマーク \n \nチャット レスポンシブ アダプティブ スタイリング フック プロトタイプ ベース チェックマーク \n \nパスト チェックマーク \n \nチェックボックス Lightning コンポーネント レスポンシブ アダプティブ スタイリング フック プロトタイプ ベース チェックマーク \nチェックマーク \nフォーム要素 チェックマーク \nチェックマーク \nチェックボックス ボタン Lightning コンポーネント レスポンシブ アダプティブ スタイリングフック プロトタイプ ベース チェックマーク \n \nチェックボックス ボタングループ レスポンシブ アダプティブ スタイリング フック プロトタイプ ベース チェックマーク \n \nチェックボックス トグル UX デザイナー認定資格準備: デザインシステムの基礎、UX デザイナー認定資格準備: デザインシステムの基礎 Salesforce Lightning Design System (SLDS) を使用して、Salesforce プラットフォーム全体で一貫性があり、美しく、アクセスしやすいユーザーエクスペリエンスを作成する方法を学習します。 お気に入りに追加 Trailmix タグに追加 ~1 時間 30 分 +500 ポイント モジュール デザインシステムの基礎 Salesforce Lightning Design System (SLDS) について学習し、Salesforce プラットフォーム全体で一貫性があり、美しく、アクセスしやすいユーザーエクスペリエンスを作成する方法について学習します。4 時間 15 分 +800 ポイント プロジェクト Lightning Web コンポーネントを使用したクマ追跡アプリケーションの構築 Lightning Web コンポーネントと Salesforce Lightning Design System を使用して、クマ追跡アプリケーションを構築します。 2 時間 15 分 +500 ポイント プロジェクト Aura コンポーネントを使用した会議管理アプリケーションの構築 Aura コンポーネントと Salesforce Lightning Design System を使用して、会議管理アプリケーションを構築します。 2 時間 15 分 +500 ポイント プロジェクト Visualforce を使用した割引計算ツールの構築 Visualforce と Salesforce Lightning Design System を使用して、割引計算ツールを構築します。 2 時間 15 分 +500 ポイント プロジェクト Experience Builder を使用したアンケートアプリケーションの構築 Experience Builder と Salesforce Lightning Design System を使用して、アンケートアプリケーションを構築します。 2 時間 15 分 +500 ポイント プロジェクト Lightning Flow を使用した出張承認アプリケーションの構築 Lightning Flow と Salesforce Lightning Design System を使用して、出張承認アプリケーションを構築します。 2 時間 15 分 +500 ポイント プロジェクト Lightning App Builder を使用してボランティア管理アプリケーションを構築する Lightning App Builder と Salesforce Lightning Design System を使用して、ボランティア管理アプリケーションを構築します。 2 時間 15 分 +500 ポイント プロジェクト Lightning Web コンポーネントを使用して経費追跡アプリケーションを構築する Lightning Web コンポーネントと Salesforce Lightning Design System を使用して、経費追跡アプリケーションを構築します。 2 時間 15 分 +500 ポイント プロジェクト Aura コンポーネントを使用して在庫管理アプリケーションを構築する Aura コンポーネントと Salesforce Lightning Design System を使用して、在庫管理アプリケーションを構築します。 2 時間 15 分 +500 ポイント プロジェクト Visualforce を使用して注文管理アプリケーションを構築する Visualforce と Salesforce Lightning Design System を使用して、注文管理アプリケーションを構築します。 2 時間 15 分 +500 ポイント プロジェクト Experience Builder を使用して RSVP 管理アプリケーションを構築する Experience Builder と Salesforce Lightning Design System を使用して、RSVP 管理アプリケーションを構築します。 2 時間 15 分 +500 ポイント プロジェクト Lightning Flow を使用した SMS 通知アプリケーションの作成 Lightning Flow と Salesforce Lightning Design System を使用して、SMS 通知アプリケーションを構築します。 2 時間 15 分 +500 ポイント プロジェクト ブランドセットの作成 単元 | Salesforce Trailhead、ブランドセット 単元 | Salesforce Trailhead ブランドセット ブランドセットを使用して、デジタルエクスペリエンスにさまざまなスタイルを適用する方法を学習します。 お気に入りに追加 Trailmix タグに追加 ~20 分 未完了 ブランドセット ブランドセットを使用して、デジタルエクスペリエンスの外観をカスタマイズします。 15 分 +200 ポイント 小テスト +200 ポイント ブランドセットの使用開始 ブランドセットを作成し、デジタルエクスペリエンスに適用する方法を学習します。 5 分 +200 ポイント 小テスト +200 ポイント AppExchange の基礎 単元 | Salesforce Trailhead、AppExchange の基礎 単元 | Salesforce Trailhead AppExchange の基礎 AppExchange ソリューションの検索、試用、購入、インストール方法を学習します。お気に入りに追加 Trailmix タグに追加 約 25 分 未完了 AppExchange の基礎 AppExchange ソリューションの検索、試用、購入、インストールの方法を学習します。20 分 +200 ポイント クイズ +200 ポイント AppExchange を使い始める AppExchange とは何か、Salesforce の機能を拡張するためにどのように役立つかを学びます。 5 分 +200 ポイント クイズ +200 ポイント

参照関係は、2つのオブジェクトを関連付ける関係の一種ですが、必ずしも関係が必須ではありません。つまり、子オブジェクトは親オブジェクトとは独立して存在できます。参照関係は、関係するオブジェクトのカーディナリティに応じて、1対多または多対1のいずれかになります。例えば、取引先責任者は取引先と参照関係を持つことができます。この場合、取引先責任者は1つの取引先に所属できますが、取引先は複数の取引先責任者を持つことができます。また、カスタムオブジェクトはユーザーと参照関係を持つことができます。この場合、カスタムオブジェクトは複数のユーザーに所属できますが、ユーザーは1つのカスタムオブジェクトレコードしか持つことができません。Trailhead: データモデリング、Trailhead: Salesforce User Experience Designer 認定資格準備、Salesforce ヘルプ: 参照関係の定義