説明
Salesforce Lightning Design System (SLDS) は、設計者や開発者が Lightning Experience の外観と操作性を備えたアプリケーションを作成するのに役立つ CSS フレームワークです。SLDS は、一貫性があり、応答性が高く、アクセスしやすいユーザー インターフェイスを構築するために使用できるデザイン トークン、アイコン、コンポーネント、ユーティリティ、およびパターンのライブラリを提供します1。SLDS が設計者や開発者に提供する機能の 1 つは、セマンティックでアクセス可能なコンポーネント マークアップです。セマンティック マークアップとは、単なるプレゼンテーションではなく、コンテンツの意味と構造を記述する HTML 要素を使用することを意味します。たとえば、主見出しには <h1>、段落には <p>、ボタンには <button> を使用します。セマンティック マークアップは、コードの読みやすさ、保守性、SEO の向上に役立ちます2。アクセシブルなマークアップとは、障害のある人にとってコンテンツの使いやすさとアクセシビリティを向上させる HTML 属性と技術を使用することを意味します。たとえば、aria-label を使用して要素に説明的なラベルを提供したり、role を使用して要素の機能を示したり、tabindex を使用してキーボードのフォーカス順序を制御したりできます。アクセシブルなマークアップは、スクリーン リーダー、キーボード、音声コマンドなどの支援技術を使用するユーザーがコンテンツを認識、理解、操作、操作できるようにするのに役立ちます3。SLDS は、そのコンポーネントにセマンティックでアクセス可能なマークアップを提供します。これらのコンポーネントは、複雑なインターフェイスを作成するためにカスタマイズおよび構成できる再利用可能な UI 要素です。SLDS コンポーネントは、Web アクセシビリティの国際標準である Web コンテンツ アクセシビリティ ガイドライン (WCAG) に準拠しています4。SLDS コンポーネントは、CSS セレクターの明確で一貫したクラス名を作成する方法である BEM (Block Element Modifier) 命名規則も使用します5。SLDS コンポーネントを使用することにより、デザイナーと開発者は、視覚的に魅力的なだけでなく、誰にとっても意味がありアクセスしやすいユーザー インターフェイスを作成できます。参考文献: Salesforce Lightning Design System の概要、セマンティック HTML: Web ページの構造化方法、アクセス可能なリッチ インターネット アプリケーション (WAI-ARIA)、Web コンテンツ アクセシビリティ ガイドライン (WCAG) の概要、BEM - ブロック要素修飾子

説明
システム ステータスの可視性は、この場合に使用されるユーザビリティ ヒューリスティックです。システム ステータスの可視性とは、システムが妥当な時間内で適切なフィードバックを通じて、何が起こっているかをユーザーに常に知らせ続ける必要があることを意味します1。このヒューリスティックを適用する 1 つの方法は、アスタリスク、ラベル、色などの視覚的なインジケーターを使用して、どのフォーム フィールドが必要であるかをユーザーに知らせることです。これは、ユーザーがシステムの期待と要件を理解し、エラーや混乱を避けるのに役立ちます。明確かつタイムリーなフィードバックを提供することで、システムはユーザー エクスペリエンスと満足度を向上させます。参考資料: ユーザー エクスペリエンス デザイン ユニットについて学ぶ | Salesforce Trailhead、[ユーザーインターフェイス設計のための 10 のユーザビリティヒューリスティック]、Salesforce ユーザーエクスペリエンス (UX) デザイナー認定ガイドとヒント

説明
声と口調は、読者がコンテンツをどのように認識し、反応するかに影響を与える文章の 2 つの側面です。
声は、ライターまたはブランドの個性、価値観、態度を一貫して表現します。声は、作家やブランドが誰なのか、そしてそれらが何を表しているのかを反映します。トーンとは、コンテンツの文脈、聴衆、目的に応じた声の変化です。トーンとは、作家やブランドが読者に語りかける方法、そして読者の感情、意図、期待を伝える方法です。口調は状況、メッセージ、読者のニーズや感情に応じて変わります12。
たとえば、Salesforce には、フレンドリーで親切、そして力を与える声が揃っています。私たちは、顧客、パートナー、コミュニティに対する敬意と感謝の気持ちを示す、シンプルで明確な会話的な言語を使用します。また、コンテンツを魅力的で記憶に残るものにするために、ユーモア、比喩、ストーリーテリングも使用します。
ただし、コンテンツの種類や目的によって、私たちのトーンは異なる場合があります。たとえば、Trailhead モジュールやユーザーガイドなどの教育コンテンツを作成するとき、私たちのトーンはより有益で、有益で、サポート的なものになります。私たちは、能動的な音声、命令的なムード、ポジティブなフィードバックを使用して学習者を導き、進歩を促します。ブログ投稿やソーシャルメディア投稿などのプロモーションコンテンツを書くとき、私たちの口調はより説得力があり、熱意があり、インスピレーションを与えるものになります。私たちは、読者を引き付け、行動を起こすよう促すために、修辞的な工夫、感情的な訴え、行動喚起を使用します34。
したがって、UX デザイナーは、声は個性を反映し、トーンは話し方であることを理解して、声とトーンを区別します。参考資料: Voice and Tone - Lightning Design System、ブランド用の Voice and Tone プログラムを作成する方法 | Salesforce の皆さん、なぜ私たちが独自のやり方で書くのかを学びましょう 単元 | Salesforce Trailhead、Trailhead ユニットの執筆 | Salesforce Trailhead