説明
ヒューリスティック評価とは、インターフェースのユーザビリティを、一連の一般原則やヒューリスティックと比較することで検査する手法です。これは、デザインにおける潜在的な問題や改善点を特定するのに役立ちます。ヒューリスティック評価は、デザインプロセスに関する洞察やガイダンスを提供できるため、通常、プロトタイプを作成する前に行われます。低忠実度プロトタイプとは、インターフェースのラフスケッチまたはモックアップであり、ユーザーによるデザインアイデアのテストと検証に使用できます。通常、ユーザーのニーズと目標に関する調査と分析を行った後に作成されます。デザインテンプレートとは、インターフェースを作成するために使用できる、あらかじめ用意されたレイアウトまたは構造です。時間の節約とデザインの一貫性の確保に役立ちますが、ユーザーやビジネスの特定のニーズや好みに合わない場合があります。デザインテンプレートは通常、インターフェースのコンテンツと機能を定義した後に適用されます。参考文献：
[ヒューリスティック評価]: これは、ヒューリスティック評価とは何か、それをどのように実施するか、そしてその結果を使用してインターフェースの設計を改善する方法について説明する Trailhead モジュールです。
[低忠実度プロトタイピング]: これは、低忠実度プロトタイプをユーザーと共に作成およびテストすることの利点とベストプラクティスについて説明する Trailhead モジュールです。
[デザインテンプレート]: これは、デザインテンプレートの概念と、Experience Cloud でのデザインテンプレートの使用方法を紹介する Trailhead モジュールです。

Cloud Kicks の UX デザイナーがウェブサイトのサイズとコンテンツを画面サイズ、プラットフォーム、および向きに合わせて調整するために使用する必要があるデザインは、レスポンシブです。レスポンシブ ウェブ デザインとは、HTML と CSS を使用してウェブサイトのサイズを自動的に変更、非表示、縮小、または拡大し、あらゆるデバイス (デスクトップ、タブレット、スマートフォン) で適切に表示されるようにするウェブ デザイン手法です。1. レスポンシブ ウェブ デザインはプログラムや JavaScript ではなく、メディア クエリ、柔軟なグリッド、可変画像、ブレークポイントを使用して、コンテンツの表示に使用されるあらゆるデバイスに対応するレイアウトを作成する一連のベスト プラクティスです。2. レスポンシブ ウェブ デザインは、Salesforce ユーザー エクスペリエンス デザイナー認定の学習目標の 1 つです。3. 参考資料: [レスポンシブ ウェブ デザイン入門]、[レスポンシブ デザイン - ウェブ開発の学習]、[Salesforce 認定ユーザー エクスペリエンス デザイナー試験ガイド]https://www.w3schools.com/html/html_responsive.asp
https://www.w3schools.com/Css/css_rwd_intro.asp

説明
Cloud Kicksにとって最適なオンボーディング設計は、コンテンツのメッセージ、対象者、目的を特定することです。これにより、従業員のさまざまなニーズや好みに合わせてコンテンツをカスタマイズし、最も関連性の高い有用な情報を提供できるようになります。新機能について学習するための唯一の情報源として、書面によるヘルプドキュメントを提供することは（A）、すべてのユーザー、特に視覚的またはインタラクティブな学習を好むユーザーにとって、魅力的でも効果的でもない可能性があります。製品の全体像をユーザーに提示するポップアップを作成することは、一部のユーザーにとって煩わしく、圧倒される可能性があり、製品のメリットや機能を明確に説明できない可能性があります。コンテンツのメッセージ、対象者、目的を特定すること（B）は、コンテンツの目標、範囲、トーンを定義し、ユーザーのニーズ、期待、モチベーションと整合させるのに役立つため、ユーザー中心のオンボーディング設計を作成するための重要なステップです。参考資料：
[UXデザイナー認定試験対策：オンボーディングデザイン]
[UXデザイナー認定試験対策：コンテンツ戦略]
[Salesforce 認定ユーザーエクスペリエンスデザイナー試験ガイド]

説明
SLDS ウェブサイトで、コンポーネントの作成に使用するアクセス可能な HTML と CSS、および実装ガイドラインをデザイナーが見つけるのに最適な場所は、コンポーネントブループリント1 です。コンポーネントブループリントは、フレームワークに依存しないアクセス可能な HTML と CSS であり、Lightning コンポーネントの基本構造とスタイルを提供します1。デザイナーはコンポーネントブループリントを使用して、Lightning デザインシステムと一貫性のあるカスタム Lightning Web コンポーネントを作成できます。デザイントークン (B) は、色、フォント、間隔などのデザイン属性を保存する変数であるため、HTML と CSS を見つけるのに最適な場所ではありません2。開発ツールは、VS Code 拡張機能、LWC レシピ、プレイグラウンド3 など、開発者が Lightning コンポーネントを構築およびテストするのに役立つツールとリソースであるため、実装ガイドラインを見つけるのに最適な場所ではありません。参考資料:
コンポーネントブループリント | Salesforce Lightning デザインシステム
デザイントークン | Salesforce Lightning デザインシステム
開発ツール | Salesforce Lightning デザインシステム

レスポンシブなページ設計の要件を満たす最も柔軟なシステムを提供する SLDS ユーティリティは、グリッドです。グリッドは、コンテンツを配置する一連の行と列を使用してレイアウトを作成できるユーティリティです。グリッドは 12 列構造を採用しており、ブレークポイント（レイアウトの変更をトリガーする定義済みの画面サイズ）に基づいて調整できます。また、グリッドは列のネスト、配置、順序付け、オフセットもサポートしています。グリッドを使用することで、さまざまな画面解像度やデバイスに適応できるレスポンシブなページを作成できます。12 参考文献: [グリッド - Lightning デザイン システム]、[Salesforce Lightning デザイン システム グリッドと Lightning レイアウトのマスター]
https://www.lightningdesignsystem.com/utilities/grid/
https://developer.salesforce.com/blogs/developer-relations/2017/04/mastering-salesforce-lightning-design-system