説明
UX デザイナーが発見、調査分析、アイデア出しを完了した後の次の段階は、何をプロトタイプ化するかを決定することです。プロトタイピングは、アイデアをテストし、ユーザーからフィードバックを得るために、ユーザー インターフェイスのモデル、モックアップ、またはシミュレーションを作成するプロセスです。プロトタイピングは、忠実度の低い紙のプロトタイプから忠実度の高いデジタル プロトタイプまで、さまざまな方法で行うことができます。プロトタイプの目的と、ユーザー エクスペリエンスを正確にテストするために必要な詳細の量を考慮することが重要です。
プロトタイピング段階の準備として、UX デザイナーは、発見、調査分析、およびアイデアの段階で収集された調査データとユーザーの洞察を確認する必要があります。何をテストする必要があるかを判断し、必要な忠実度のレベル、利用可能なリソース、スケジュールを考慮してプロトタイプを作成する計画を作成する必要があります。さらに、プロトタイプをテストするときに、ユーザー エンゲージメント、ユーザビリティ、満足度など、どのような指標を測定する必要があるかを考慮する必要があります。
参考文献:
[1] https://www.salesforce.com/blog/2019/12/ux-design-prototyping.html [2] https://uxplanet.org/the-importance

説明
UX デザイナーが、Salesforce 組織にコードをリリースせずに、Lightning コンポーネントのサンプルコードを調査し、コードの変更が外観にどのような影響を与えるかをリアルタイムで確認するのに役立つ 2 つのリソースは次のとおりです。
ライトニングデザインシステムのウェブサイト。Lightning Design System Web サイトは、Lightning アプリケーションを構築するための設計ガイドライン、UI コンポーネント、コードサンプルを提供するリソースです。この Web サイトには、デザイナーが Lightning Web コンポーネントと Aura コンポーネントのコードを編集およびプレビューし、ブラウザに反映された変更を即座に確認できるライブコードエディタも備えています。ライブ コード エディターには、構文の強調表示、オートコンプリート、エラー チェック機能も備わっています。設計者は、Lightning Design System Web サイトを使用して、さまざまなコードスニペットを試し、Lightning コンポーネントの設計原則とベストプラクティスを適用する方法を学ぶことができます。Lightning Design System Web サイト、[UX デザイナー認定資格準備: Salesforce Design System] ローカル開発サーバー。ローカル開発サーバーは、設計者が Lightning Web コンポーネントを Salesforce 組織にリリースせずに構築、実行、テストできるようにするリソースです。ローカル開発サーバーは、ローカルファイルシステムから Lightning Web コンポーネントを提供するローカル Web サーバーを作成する CLI プラグインです。設計者は、ローカル開発サーバーを使用して、Visual Studio Code などの好みのコードエディタで Lightning Web コンポーネントのコードを編集し、ブラウザで自動的に更新された変更を確認できます。ローカル開発サーバーは、コード変更中にコンポーネントの状態とブラウザ セッションを保持するホット リロードもサポートしています。設計者は、ローカル開発サーバーを使用して、開発およびテストのプロセスを高速化し、Lightning Web コンポーネントのコードをデバッグできます。ローカル開発サーバー、[UX デザイナー認定資格準備: ユーザテストと評価] Lightning Web コンポーネントレシピアプリケーションと開発者センターの Lightning コンポーネントライブラリは、UX デザイナーが Lightning コンポーネントのサンプルコードを調べて、コードの変更方法を確認するのに役立つリソースではありません。 Salesforce 組織にコードをリリースしなくても、リアルタイムで外観に影響を与えます。
Lightning Web コンポーネントレシピアプリケーションは、Lightning Web コンポーネントの機能とベストプラクティスを紹介するサンプルアプリケーションです。開発者センターの Lightning コンポーネントライブラリは、Lightning Web コンポーネントと Aura コンポーネントのドキュメントと例を提供するリファレンスガイドです。
ただし、これらのリソースでは、最初にコードを Salesforce 組織またはスクラッチ組織にデプロイする必要があるため、設計者はコードをリアルタイムで編集してプレビューすることはできません。Lightning Web コンポーネント レシピ アプリケーション、開発者センターの Lightning コンポーネント ライブラリ、[UX デザイナー認定資格の準備: ユーザのテストと評価] 参考文献: Lightning Design System Web サイト、ローカル開発サーバー、Lightning Web コンポーネント レシピ アプリケーション、開発者センターの Lightning コンポーネント ライブラリ、[UX デザイナー認定資格]準備: Salesforce Design System]、[UX デザイナー認定資格の準備: ユーザーのテストと評価]