アバターグループ

概要

Avonni Avatar Group コンポーネントは、Experience Cloud サイト上でユーザーやチームのアバターのコレクションを表示するためのソリューションです。このコンポーネントは、個人やグループを視覚的に魅力的かつ整理された方法で表現し、ユーザー体験を向上させ、サイト内で有益なコンテキストを提供します。

構成オプション

データソース

アバターグループが正しい人々を表示するための情報の取得先を指定します。ここで重要なのが データソース です。アバターを Salesforce データの中心に接続するようなイメージです。

手動

このオプションは、小規模なチームや特定のイベントやプロジェクトのアバターのみを表示する必要がある状況に最適です。

  1. 各人を追加: 表示したい各個人について、アバターグループの設定に直接詳細を入力します。

  2. 主要情報を提供: これには次のものが含まれます:

    • アバター画像: 写真がある場合は、ここにアップロードできます。

    • イニシャル: 画像がない場合に表示されます。

    • その他の詳細: 役職や部署など、追加情報を含めることができます。

手動オプションは手間がかかりますが、アバターグループに誰を表示するかを完全にコントロールできます。

クエリ

チームが頻繁に変わる場合や、アバターを常に Salesforce 組織の最新情報に合わせたい場合は、このオプションが最適です。

仕組みは次のとおりです:

  1. オブジェクトを選択: アバター情報が格納されている Salesforce のオブジェクト(User、Contact、カスタムオブジェクトなど)を選択します。

  2. データをマッピング: アバターグループの属性(名前、役職、プロフィール画像など)と、選択したオブジェクト内の対応するフィールドとを結び付けます。これにより、アバターグループは各人物の正しい詳細をどこで見つけるかがわかります。

クエリオプションを使用すると、アバターグループは Salesforce データの動的な反映となり、常に最も正確で最新の情報を表示します。

バリアント

  • 四角: アバターは四角形で表示され、クラシックでクリーンな外観になります。

  • 円形: アバターはよりモダンで親しみやすい円形で表示されます。

  • 空(画像なし): 画像が利用できない場合、イニシャルやプレースホルダーアイコンが空の円形や四角形内に表示されます。画像データがない場合でも視覚的一貫性を保つためにこのオプションを選択してください。

サイズ

  • 各アバターの寸法を制御します。サイトのレイアウトやコンテキストに合わせて、x-small、small、medium、large、x-large、xx-large の中からサイズを選択できます。

レイアウト

  • スタック: アバターが縦に重ねて表示され、狭いスペースやサイドバーに最適です。

  • グリッド: アバターがグリッドレイアウトで配置され、多くのユーザーやチームを見せたい場合に適しています。

  • リスト: アバターが横一列に表示されます。スペースが限られているが複数のアバターを見せたいときに有用です。

最大表示数

  • グループに表示するアバターの数を制限します。これによりレイアウトが整い、ユーザーに視覚的な過負荷を与えないようにできます。

イニシャルを自動フォーマット(トグル)

  • このオプションを有効にすると、画像が利用できない場合にユーザーやチームのイニシャルを自動的に表示します。画像データが欠けている場合でも一貫した視覚表現を提供します。

リンク先(アバターをインタラクティブにする)

このセクションは、アバターにクリック時に別の場所へ移動させる「スーパーパワー」を与えるようなものです!

なぜこれが役立つのか?

  • ユーザープロフィール: 専門家チームを表示することを想像してください。アクションへのリンクを設定すると、アバターをクリックしたときにその人のフルプロフィールページを開くことができます。

  • カスタムアクション: クリックで特定の Flow を起動したり、外部サイトへリダイレクトしたりすることもできます。

仕組み:

  1. タイプを選択: クリックでユーザーをどこに誘導するかを選択します。レコードページ、カスタムページ、Flow、外部URL などが考えられます。

  2. アクション名をカスタマイズ: ナビゲートのインタラクションを使用する場合、呼び出すアクション名を選択します。

リンク先機能を使用すると、アバターグループは単なる顔の表示以上のものになり、追加情報やアクションへのゲートウェイとなります。

Avonni Avatar Group コンポーネントの使用方法

これらの構成オプションにより、Avonni Avatar Group コンポーネントをニーズに合わせて調整できます。たとえば、プロジェクトページでチームメンバーを紹介したり、アカウントページで顧客のアバターを表示したり、コミュニティメンバーの視覚的に魅力的なリストを作成したりできます。

Avonni Avatar Group コンポーネントは非常に適応性が高いことを覚えておいてください。外観はスタイリングでさらにカスタマイズでき、アバターをクリック可能にしたり、ユーザープロフィールへのリンクを追加したりするなど、インタラクティブな要素を追加することもできます。

Avonni Avatar Group コンポーネントを活用することで、Experience Cloud サイトのユーザーにとってよりパーソナライズされ情報量の多い体験を作成でき、つながりを促進し、オンラインコミュニティ内の人間的要素を際立たせることができます。

最終更新

役に立ちましたか?