モバイル環境におけるアコーディオン要素のユーザビリティは、最初のセクションをデフォルトで展開することで向上します。これは、アコーディオン内にどのようなコンテンツが隠されているかをユーザーに明確に示し、残りのセクションを探索する意欲を高めることができるためです1。また、最初のセクションをデフォルトで展開することで、どのセクションを最初に開くかを判断する必要がなくなるため、ユーザーの認知負荷を軽減することもできます2。さらに、最初のセクションをデフォルトで展開することで、スクリーンリーダーを使用するユーザーがウィジェットの構造と目的を理解しやすくなるため、アコーディオンのアクセシビリティも向上します3。
ブラウザの「戻る」ボタンを使用してコンテンツを折りたたむのは、ユーザーを混乱させ、期待通りのブラウザ動作を妨げる可能性があるため、推奨されません。「戻る」ボタンは前のページに移動するためのものであり、アコーディオンセクションを折りたたむためのものではありません4。また、「戻る」ボタンを使用してコンテンツを折りたたむと、ユーザーが現在のページや状態を見失う可能性があるため、ナビゲーションの問題が発生する可能性もあります4。
展開されたセクションを画面上部に移動することも、ユーザーの空間記憶や方向感覚を阻害する可能性があるため、好ましくありません。展開されたセクションを画面上部に移動すると、アコーディオンセクションの順序や位置が変わってしまい、ユーザーが目的のセクションを見つけてアクセスしにくくなる可能性があります5。また、ユーザーはコンテンツが画面上で移動するとは想定していないため、違和感や一貫性のないユーザーエクスペリエンスを生み出す可能性があります5。
参考文献:
* 完璧なアコーディオンをデザインする方法
* アコーディオン：デザインガイドライン
* アクセシブルアコーディオン - 例とベストプラクティス | Aditus
* データを変更するために「戻る」ボタンを使用しないでください
* 主にアコーディオンで構成されたモバイル ナビゲーションの使いやすさは?

説明
Q タブは、レコードページ上のコンテンツを整理および統合するために使用できる SLDS コンポーネントの一種です。
Q タブは、Lightning アプリケーションビルダーで使用するために設計されたタブコンポーネントのバリエーションです。Q タブを使用すると、ユーザーは同じコンテキスト内で関連情報の異なるビューを切り替えることができます。また、Q タブをネストしてタブ内にサブタブを作成することもできます。Q タブを使用すると、UX デザイナーは、ナビゲートや利用が容易でコンテンツが豊富なレコードページを作成できます。また、Q タブは関連コンテンツをタブにグループ化することで、レコードページの乱雑さやスクロールを減らすのにも役立ちます。Q タブは、各タブのコンテンツの種類とステータスを示すさまざまなアイコン、ラベル、バッジを使用してカスタマイズできます。Q タブは、コンテンツを動的にまたはオンデマンドで読み込むように設定することもでき、レコードページのパフォーマンスとユーザーエクスペリエンスを向上させることができます。参考資料: Q タブコンポーネントブループリント | Lightning デザインシステム、タブコンポーネントブループリント | Lightning デザインシステム、タブ | Lightning Web コンポーネント開発者ガイド | Salesforce Developers

説明
Cloud Kicks (CK) は、次の 3 つのソリューションを使用して、Lightning Experience に移行せずに、カスタム アプリケーションで Salesforce Lightning Design System (SLDS) を活用できます。
Visualforce 向け Lightning スタイルシート：このソリューションにより、CK は既存の Visualforce ページに SLDS スタイルを適用できます。マークアップを書き換えたり、静的リソースを使用したりする必要はありません。<apex:page> タグに lightningStylesheets="true" 属性を追加することで、CK は標準の Visualforce コンポーネントを SLDS コンポーネントに自動的に変換し、ページに Lightning Experience の一貫した外観と操作性を提供できます12。
標準デザイントークン：このソリューションにより、CKはSLDSデザイントークンを使用できるようになります。SLDSデザイントークンは、色、フォント、サイズ、間隔など、SLDSのビジュアルデザイン属性を格納する定義済み変数です。デザイントークンを使用することで、CKはカスタムアプリケーションがSLDSガイドラインに準拠し、Lightning Experienceテーマとの一貫性を維持していることを確認できます。CKは、Lightning Design Systemスコープツールを使用するか、静的リソース3としてダウンロードすることで、デザイントークンにアクセスできます。
Heroku：このソリューションにより、CKはNode.js、Java、PHPなど、様々な言語とフレームワークをサポートするクラウドプラットフォームであるHeroku上でカスタムアプリケーションを構築・展開できます。Herokuを利用することで、CKは基本コンポーネント、トークン、デザインパターンなどのSLDSリソースを活用し、一貫したLightning Experienceのルック＆フィールを持つWebアプリケーションを作成できます。また、CKはLightning Out機能を使用してHerokuアプリケーションにLightningコンポーネントを組み込み、Lightning Web Componentsフレームワークを使用して再利用可能なUI要素を作成することもできます。
参考文献:
[Visualforce 用 Lightning スタイルシート | Salesforce Trailhead]1
[Visualforce 用 Lightning スタイルシート | Salesforce 開発者]2
[デザイントークン | Lightning Design System]3
[デザイントークンの使用 | Lightning Aura コンポーネント開発者ガイド | Salesforce 開発者]
[Lightning Design System を使用したアプリ構築 | Salesforce Trailhead]
[Lightning Web コンポーネント | Salesforce 開発者]

フローティングプロンプトまたはドッキングプロンプトを使用して新しいプロセスを通じて営業ユーザーにガイダンスを提供する最適な方法は、AppExchange のウォークスルーアプリケーションを使用することです。このアプリケーションを使用すると、管理者はコードではなくクリック操作でアプリケーション内ガイダンスのウォークスルーを作成および管理できます。ウォークスルーは、Lightning ページ上の一連の手順をユーザーに示す対話型チュートリアルです。ユーザーはプロンプトを確認し、アクションボタンをクリックし、指示に従ってプロセスを完了できます。管理者は、レポートとダッシュボードを使用して、ウォークスルーのエンゲージメントと完了状況を追跡することもできます。ウォークスルーアプリケーションは標準のアプリケーション内ガイダンス機能と互換性があり、myTrailhead1 のサブスクリプションは必要ありません。
他のオプションは、次の理由によりこのシナリオには適していません。
* myTrailhead を使用したアプリ内ガイダンス プロンプト: このオプションには、管理者が独自のコンテンツとブランディングを作成できるカスタマイズ可能な学習プラットフォームである myTrailhead のサブスクリプションが必要です。
アプリ内ガイダンスプロンプトはmyTrailheadの機能の一つですが、ウォークスルーとは異なります。プロンプトはLightningページに表示される単一ステップのメッセージであり、ウォークスルーはプロセスをユーザーをガイドする複数ステップのチュートリアルです。プロンプトはヒント、お知らせ、リンクを提供するために使用できますが、タスクの実行方法をユーザーに示すことはできません234。
* Salesforce Flow を使用したカスタムビルド：このオプションにはコーディングと開発のスキルが必要であり、管理者チームにはこれらのスキルが不足している、または実現不可能な場合があります。Salesforce Flow は、管理者がクリックやコードを使用してプロセスやタスクを自動化できるツールです。フローは、ボタン、アクション、スケジュール、レコードの変更など、さまざまなイベントによってトリガーできます。フローでは、フィールド、テキスト、画像、コンポーネントを含む画面をユーザーに表示することもできます。ただし、画面はプロンプトやウォークスルーとは異なります。画面はフローロジックの一部であり、次のステップに進むにはユーザー入力が必要です。画面をフローティングプロンプトやドッキングプロンプトとしてカスタマイズすることはできず、Lightning ページ56 でユーザーをガイドすることもできません。
* 基本アプリ内ガイダンスプロンプト：このオプションではmyTrailheadのサブスクリプションは不要ですが、ウォークスルー機能はご利用いただけません。基本アプリ内ガイダンスプロンプトは最初のオプションで説明したものと同じですが、myTrailheadのカスタマイズとブランディングは適用されません。
基本プロンプトはコードではなくクリック操作で作成・管理でき、プロファイルや権限でフィルタリングできます。ただし、基本プロンプトはLightningページに表示される単一ステップのメッセージであり、ユーザーにタスクの実行方法を示すことはできません23。
参考文献:
* : [アプリ内ガイダンスのウォークスルー: 営業ユーザー向け入門]
* : [アプリ内ガイダンスダッシュボード: ウォークスルーエンゲージメント]
* : [Lightning Experience のアプリ内ガイダンス]
* : [Salesforce Flow | Salesforce 開発者センター]
* : [Salesforce Flow ワークフロー自動化ツール - Salesforce.com]
* : [Salesforce Flow 完全ガイド | Salesforce Ben]
* : [Trailhead | 楽しく学ぶ方法]
* : [エディションと価格 - myTrailhead - Salesforce]
* : [Salesforce が個人学習プラットフォームの myTrailhead を発表...]
* : [Trailhead | Salesforceを楽しく学ぶ方法]
* : [myTrailhead の使い方 - Salesforce]