UXデザイナーがコミュニティポータルのページレイアウトを計画し、それを伝えるために使用すべきツールはワイヤーフレームです。ワイヤーフレームとは、Webページやアプリ画面の基本的な構造、コンテンツ、機能を示す、低忠実度のスケッチまたは図です。ワイヤーフレームは、UXデザイナーがポータルのレイアウトを視覚化し、要素を重要度と関連性に応じて配置し、関係者や開発者にデザインコンセプトを伝えるのに役立ちます。ワイヤーフレームは、Salesforceユーザーエクスペリエンスデザイナー認定資格1の学習目標の1つです。[ワイヤーフレーム - Lightningデザインシステム]
https://careerfoundry.com/en/blog/ux-design/website-app-wireframe-examples/

優れたモバイル ユーザー エクスペリエンスを作成するための鍵となる 2 つの UX 設計原則は次のとおりです。
デバイス間のエクスペリエンスの一貫性。これは、モバイルアプリやウェブサイトのデザインが、デスクトップ版だけでなく、他のプラットフォームやデバイスのデザインとも一致している必要があることを意味します。一貫性は、ユーザーがブランドを認識し、信頼するだけでなく、製品をより簡単にナビゲートして使用するのに役立ちます。また、一貫性は、異なるデバイスを切り替えるユーザーの認知負荷と混乱を軽減します12。画面上のコンテンツとUI要素の優先順位付け。これは、モバイルアプリやウェブサイトのデザインが、ユーザーにとって最も重要で関連性の高い情報とアクションに焦点を当て、不要または二次的なものを排除または最小限に抑えることを意味します。優先順位付けは、ユーザーがより迅速かつ効率的に目的を達成し、気が散ったり混乱したりすることを避けるのに役立ちます。優先順位付けは、小さな画面での製品の読みやすさと使いやすさも向上させます34。
https://uxcam.com/blog/mobile-ux/ https://uxplanet.org/mobile-ux-design-key-principles-dee1a632f9e6

デザイナーは、SLDS スタイルフックを、ベースコンポーネントとカスタムコンポーネントのスタイルを簡単に設定できるカスタム CSS プロパティとして記述する必要があります。スタイルフックは SLDS スタイルシート内のプレースホルダであり、開発者は対応する CSS カスタムプロパティを使用して Lightning コンポーネントのデザインをカスタマイズできます。たとえば、開発者は --slds-c-button-brand-color-background カスタムプロパティの値を設定することで、ボタンの背景色を変更できます。スタイルフックは、グローバルスタイルに影響を与えずにコンポーネントレベルのカスタマイズを可能にするため、Web コンポーネントや Shadow DOM を操作する場合に特に便利です。また、スタイルフックは SLDS デザイントークンと CSS カスタムプロパティのネイティブブラウザサポートを活用するため、一貫性とパフォーマンスのメリットももたらします。参考:
:スタイリングフック - Lightning デザインシステム
:SLDS スタイリングフック | Lightning Web コンポーネント開発者ガイド | Salesforce 開発者
:SLDS Lightning Web コンポーネントのスタイルフック - Forcetrails
デザイナーは、Salesforce Lightning Design System (SLDS) のスタイル設定フックについて、標準の CSS プロパティを使用してベースコンポーネントとカスタムコンポーネントのスタイル設定を容易に行えることを説明する必要があります。SLDS スタイル設定フックを使用すると、開発者は HTML 要素に CSS クラスを迅速かつ容易に適用できるため、ベースコンポーネントとカスタムコンポーネントの両方で一貫したスタイル設定が可能になります。これにより、開発者はカスタム CSS を記述することなく、Lightning Web コンポーネントにブランド設定とスタイル設定を迅速かつ容易に適用できます。SLDS スタイル設定フックの詳細については、次の Salesforce ドキュメントをご覧ください: https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.use_slds_styles_hooks

Salesforce Lightning Design System (SLDS) は、Cloud Kicks の機能コンポーネントの一貫性を確保するコンポーネントブループリントを提供します。コンポーネントブループリントは、Salesforce エクスペリエンス開発の基盤となる、すぐに使用できる HTML および CSS UI 要素です。Lightning Experience のデザインガイドライン、アクセシビリティ標準、ベストプラクティスに準拠しています。また、さまざまなユースケースやシナリオに対応するためのバリアント、状態、修飾子も含まれています。コンポーネントブループリントを使用することで、Cloud Kicks はカスタムコードや CSS を記述することなく、Lightning Experience の外観と操作性に一貫性のある機能コンポーネントを作成できます。参考資料:
コンポーネントブループリント
Salesforce Lightning デザインシステムの概要

フィールドレベルのエラーメッセージは、ユーザーが無効なデータを入力したり、必須データを省略したりした場合に、特定のフィールドの横に表示されるメッセージです。このメッセージは、ユーザーがエラーを修正して操作を続行するのに役立ちます。フィールドレベルのエラーメッセージは、ページ上部に一般的なメッセージを表示し、ユーザーがレコードを保存できないようにする検証ルールよりもユーザーフレンドリーです。フィールドレベルのエラーメッセージは、電話番号フィールドの正しい形式と桁数に関するガイダンスも提供できます。フィールドを必須としてマークしても、ユーザーが電話番号を正しい形式と桁数で入力することは保証されません。アプリ内ガイダンスを使用してページにプロンプ​​トを表示するように設定しても、ユーザーが無効なデータを入力したり、必須データを省略したりすることを防ぐことはできません。[フィールドレベルのエラーメッセージ]、[検証ルール]、[アプリ内ガイダンス]