[AEM Assets]{class="badge positive" title="AEM Assetsに適用）。"}
Dynamic Media ジャーニー：基本知識（第 1 部） dm-journey-part1
-
Dynamic Media を初めて使用しますか？ Dynamic Media の概要について詳しくは、Dynamic Media の操作を参照してください。
-
最大限に活用するには、Dynamic Media のベストプラクティスに従ってください。
-
スナップショットツールで Dynamic Media の画像機能をお試しください。
-
アダプティブビデオでスムーズなビデオ再生を実現します。
-
スマート切り抜きで画像の切り抜きを自動化します。
-
スマート切り抜きでビデオの切り抜きを自動化します。
-
インタラクティブな 3D を活用したエクスペリエンスを実現します。
-
その他の場合は、Dynamic Media リソースバンクを参照してください。
このガイドでは、Adobe Experience Managerの Dynamic Media を紹介し、システムの仕組み、主な機能、およびweb、モバイル、マーケティングチャネルをまたいだリッチビジュアルメディアの作成、管理、配信を高速化する方法について説明します。 Dynamic Mediaを使用すると、1つのマスターアセットからインタラクティブでレスポンシブなオンデマンドの画像とビデオを提供できるようになり、制作費を削減し、あらゆる顧客接点で顧客体験を向上させることができます。
前提条件
このジャーニーを始める前に、Dynamic Mediaはこれらの形式、テクノロジー、およびデザインワークフローを直接操作するため、次の領域に精通しておくことが重要です。
- 画像およびビデオ形式に関する基本的な理解 – Dynamic Mediaが様々なエンコーディングでアセットを取り込み、変換、配信するために必要です。
- HyperText Markup Language （HTML）とカスケーディングスタイルシート （CSS）の基本を理解します。Web ページに Dynamic Media 配信を埋め込み、スタイル設定するのに役立ちます。
- Adobe Illustrator、Adobe Photoshop、Adobe XDなどのデザインツールの基本を理解します。Dynamic Mediaのソースアセットは、通常、これらのアプリケーションで作成されるため便利です。
- Adobe Experience Managerの Dynamic Media へのアクセスは役に立ちますが、概念的にフォローする必要はありません。
学習内容
第 1 部
- Dynamic Mediaとは何か、およびリッチメディアのスケーラブルで高性能な配信をどのようにサポートしているか。
- レスポンシブ画像、インタラクティブビデオ、360度スピン、e コマースおよびマーケティング向けのパーソナライズされたビジュアルエクスペリエンスなど、Dynamic Mediaの実用的なユースケース。
- 取り込みから処理、エンドユーザーの配信まで、アセットがDynamic Media システムをどのように流れるのか。
第 2 部
- Dynamic MediaのUniform Resource Locator （URL）と、Dynamic Mediaが画像サーバーを通じてオンデマンドでコンテンツを配信する方法を分析します。
- 必要なディメンション、形式、および品質設定でアセットをレンダリングするために 画像プリセット を作成する基礎。
- 画像セット （代替ビュー用の関連製品画像のコレクション）、スピンセット （製品の360°回転ビューを作成する画像のシーケンス）、および混在メディアセット （画像、ビデオ、およびスピンセットの組み合わせを1つのインタラクティブビューア）。
オーディエンス
このジャーニーは、Adobe Experience Managerの Dynamic Media が初めて使用する次のロール向けに設計されています。
- 管理者
- ビジネスアナリスト
- コンテンツアーキテクト
- コンテンツ作成者
- デザイナー
- 開発者
- マーケター
- プロダクトマネージャー/リード
Dynamic Media の概要と機能 dm-journey-a
Dynamic Mediaは、ブランドとマーケターがオンデマンドでリッチなビジュアル マーチャンダイジングとマーケティング アセットを配信できるようにするAdobe ソリューションです。 画像、ビデオ、3Dなどの 主要なソースアセット のセットを使用して、Dynamic Mediaは グローバルでスケーラブルでパフォーマンスが最適化されたCDN （コンテンツ配信ネットワーク） を通じて、このリッチコンテンツ の複数のバリエーションをリアルタイムで生成して配信します。
主な機能
Dynamic Mediaは、次のようなインタラクティブな視聴体験を構築、提供します。
- Zoom – 製品画像の高解像度クローズアップ表示
- 360度スピン – 買い物客があらゆる角度から商品を調べることができる回転商品ビュー
- Video – 静的アセットと一緒に配信されるストリーミングメディア
Assetsは、web、モバイル、およびソーシャルサイトで使用できるように動的に拡張されます。 レンダリングはCDNでリアルタイムに行われるため、単一のマスターアセットをあらゆるチャネルやデバイスサイズで再利用できるため、配信先ごとに個別のバージョンを手作業で制作して保存する必要がありません。 これにより、制作費を削減し、顧客がどこでコンテンツに出会っても、一貫性のあるブランド体験を提供することができます。
Adobe Experience Manager Assetsとの連携
Dynamic Mediaには、Adobe Experience Manager Assets DAM （デジタルアセット管理）ソリューションのワークフローが組み込まれており、デジタルキャンペーン管理プロセスを簡素化および合理化します。 この統合により、クリエイティブ、マーケティング、マーチャンダイジングの各部門は、ソースファイル、承認、メタデータ、配信を統合環境から管理し、アセットガバナンスをオムニチャネル配信に直接接続することができます。
複数の配信オプションを持つ1つのファイル
Adobe Dynamic Mediaは、1つのコア原則（1つのプライマリアセットファイル、複数の配信オプション）に基づいて動作します。 チャネル、デバイス、web ページごとにメディアを複製して手動でバージョンを変更する代わりに、Dynamic Mediaは1つの プライマリアセット を保存し、その1つのソースからすべてのレンディションをオンデマンドで生成します。
なぜこれが重要なのかを理解するには、画像や動画などの単一アセットに対する従来のワークフローを検討します。 通常、ひとつの主要なアセットを制作し、エクスペリエンス、ターゲットデバイス、web ページ、アセットが表示されるプロパティごとに、同じアセットのバージョンを手作業で制作します。 時間の経過とともに、ひとつのアセットのバージョン数は20個、30個以上に増えます。多くの場合、バージョン履歴は添付されません。 ライブラリ内のあらゆる画像と動画で、その労力を増やしましょう。 アセットのバリエーションの量は、維持や更新に膨大になり、それに応じてストレージコストが増加します。
Dynamic Mediaの違い
Dynamic Mediaは、従来のシステムとは根本的に異なります。マーケターと開発者は、Dynamic Mediaを使用して、URL呼び出しを通じて、単一のプライマリアセットから 動的 にメディアを配信するからです。 クライアントがリクエストする Dynamic Media URL パス には、Adobe パブリッシュサーバーにアセットが顧客の画面に配信されたときにアセットを表示する方法を示す埋め込み手順が含まれています。 その結果、同じプライマリアセットを 無制限のレンディション で即座に配信でき、次のようなバリエーションを即座に作成できます。
- サイズ – 対象のレイアウトまたはブレークポイントに合わせたディメンション
- Format – 要求するクライアント用に最適化された画像またはビデオ形式
- 解像度 — ディスプレイに一致するピクセル密度
つまり、あらゆるバリエーションを事前に生成して保存する必要がなくなります。 代わりに、URL自体がレンディションを定義し、サーバーがリアルタイムで生成します。
あらゆる画面や帯域幅で一貫した品質
この配信方法により、Adobe Dynamic Mediaは、サイズや帯域幅に関わらず、あらゆる画面に一貫性のある高品質なエクスペリエンスを送信します。 また、Dynamic Mediaは、あらゆる画面タイプに対応するフルサイズの動画を最適化し、それらをアダプティブに ストリーミングし、視聴者の接続にもとづいて画質を調整することで、スムーズで中断のないユーザーエクスペリエンスを維持します。
Adobe Dynamic Mediaは、サイズや帯域幅に関係なく、あらゆる画面に一貫性のある高品質なエクスペリエンスを提供します。
「1つのプライマリアセットで複数の配信オプション」が重要な理由
単一のプライマリアセットに統合することで、モデルから直接得られる実践的なメリットがいくつか生まれます。
- ストレージ容量の削減 – 手作業で生成した多数のバリエーションを1つのソースファイルで置き換えます。
- より高速な反復 — プライマリアセットを更新すると、すべてのダウンストリームレンディションに変更が自動的に反映されます。
- 一貫性のあるブランドエクスペリエンス – すべてのデバイスとチャネルが同じ信頼できるソースから提供され、バージョン間のドリフトが排除されます。
- 簡素化されたガバナンス – 信頼できる唯一の情報源は、アドホックコピーの膨大なコレクションよりも、追跡、監査、更新が容易です。
次の節で説明するように、この「1つのプライマリアセットファイル、複数の配信オプション」の概念は、Dynamic Mediaがweb、モバイル、コネクテッドエクスペリエンスをまたいでメディア配信を効率的に拡張する方法の基礎となります。
コンテンツ配信ネットワーク
画像や動画アセットを活用する準備が整ったら、Dynamic Mediaのバックボーン（毎日数百人もの世界中のクライアントにサービスを提供する強力でトップクラスの配信ネットワーク）がそれをサポートします。 Dynamic Mediaは、Akamaiがホストする コンテンツ配信ネットワーク（CDN） 全体にアセットを配信します。 CDNは、エッジサーバーの分散ネットワークであり、シームレスに連携して、世界中のエンドユーザーにコンテンツ、特に大規模なリッチメディアファイルを配信します。
CDNの仕組み
web コンテンツは、インターネット上に配置されたweb キャッシュに保存され、最も近いキャッシュからエンドユーザーに直接サービスされ、より迅速に配信されます。 このプロセスは次のように機能します。
- 最初のリクエスト：誰かが初めてweb ページをダウンロードすると、アセットはその地域のCDN キャッシュに配信されます。
- キャッシュストレージ：これらのアセットは、ローカルのエッジサーバーに保存されます。
- その後の要求：同じ領域のユーザーが次にページにアクセスすると、キャッシュされたコンテンツはオリジンではなく、近くのサーバーから配信されます。
コンテンツは、物理的にユーザーに近い場所に配置されるため、ネットワーク待ち時間とラウンドトリップ時間が短縮され、すばやく届きます。 これは、CDNを従来のシングルオリジン配信よりも高速にする中核となるメカニズムです。
エンドユーザーと企業にとっての利点
CDNは測定可能な利点をもたらします。
- 地理的に近いキャッシュを使用してWeb ページの表示を高速化
- コンテンツはリクエストごとに発信元ではなくキャッシュ ネットワークから提供されるため、中央サーバーでの帯域幅の需要が減少しました
- 低遅延と迅速なアセットレンダリングにより、ユーザーエクスペリエンスが向上しました
- 最適化された配信フローにより、読み込み時間が遅くなることなく訪問者の関心を維持できるため、売上が増加
パフォーマンスと拡張
CDNは、大規模なグローバル規模で活動することで、これまで次のことを実現してきました。
- 毎月3.5 ペタバイトの顧客へのトラフィック
- 1日で520億のアセット
- 864,000枚の画像とビデオが顧客に正常に配信されました毎秒
これらの図は、Dynamic MediaのAkamaiが支援するCDNがリッチメディア配信にもたらすスループットと信頼性を示しています。
スマートイメージング
Dynamic Mediaはすでにアセットを最適化しており、コンテンツ配信ネットワーク（CDN）を使用して、モバイルシステムとデスクトップシステムで各アセットが迅速に読み込まれるようにしています。 これを実現するために、Dynamic Mediaでは 画像プリセット を使用して画像の画質を定義します。 画像プリセットは、エクスペリエンスやページの様々な部分に対して、送信する画像のタイプやシャープネス、その他のレンダリングパラメーターも定義します。
しかし、画像プリセットの枠を超えてDynamic Mediaに価値を加えるには、スマートイメージングがあります。
スマートイメージング機能は、既存の画像プリセット設定と特定のエンドユーザー特性に応じて、標準のDynamic Media配信に比べて22% ～ 47%のパフォーマンス改善を実現し、アセットに触れたことがないかのように画質を維持します。
スマートイメージングの仕組み
スマートイメージングでは、顧客の ブラウザー機能 に基づいて画像の 形式 と ファイルサイズ を自動的に最適化することで、画像アセットの配信パフォーマンスをさらに向上させることができます。 既存の画像プリセット（画像プリセットについては、このジャーニーのパート IIで説明します）と連携し、配信時にインテリジェンスを適用します。
このインテリジェンスにより、ブラウザーと ネットワーク接続速度 に基づいて画像ファイルのサイズがさらに縮小されます。 つまり、スマートイメージング機能は、顧客のブラウザー機能とネットワーク速度に基づいて画像のフォーマットとファイルサイズを自動的に最適化し、特定の視聴条件に各配信を適応させます。
パフォーマンスとビジネスインパクト
画像アセットはページの読み込み時間の大部分を占めるため、スマートイメージングによって生成されるパフォーマンスの向上は、いくつかの主要なビジネス指標に直接影響します。 画像配信の高速化により、次のことが可能になります。
- コンバージョン率向上
- サイトでの滞在時間が増加
- サイト直帰率の低下
因果関係を単純化：小さく最適化された画像の読み込みが速く、ページを高速化してよりスムーズなユーザーエクスペリエンスを構築し、よりスムーズなエクスペリエンスがエンゲージメントと収益の向上につながります。
スマートイメージングを有効にする方法
Adobe Dynamic Media テクニカルサポートでは、調整された作業が必要なため、スマートイメージングはデフォルトで有効になりません。 スマートイメージングを有効にするには、CDN キャッシュを完全にクリアする必要があります。これは、時間の経過とともに再入力されます。これにより、以前キャッシュされた最適化されていない画像バリエーションが、新しく最適化された配信に置き換えられます。
スマートイメージングを使用するには、次の手順に従います。
- テクニカルサポートチケットをAdobe Dynamic Media テクニカルサポートに送信します。
- テクニカルサポートからURL パラメーターを受け取り、完全にアクティベートする前にスマートイメージングの動作をプレビューできます。
- 任意のweb ページまたは画像でテストして、独自のコンテンツのパフォーマンスの向上とファイルサイズの削減を測定します。
- サイト全体でスマートイメージングが有効になるように、完全なアクティベーションをリクエストします。
サイト全体での展開に着手する前に、特定のプリセットやオーディエンスに対して、予想されるパフォーマンス向上の22%～47%を検証できます。
アダプティブビデオセット
アダプティブビデオセットは、同じソースビデオの複数のエンコードされたバージョンをグループ化し、それぞれ異なる ビットレート と 形式 でレンダリングされます。これにより、最適なファイルをあらゆるデバイスに任意のネットワーク条件で配信できます。 これは、メディア企業がエンコーディング、サイズ変更、配信ロジックを手作業で管理することなく、スマートフォン、タブレット、デスクトップをまたいでビデオをスムーズにストリーミングできるDynamic Mediaのソリューションです。
動画配信が複雑である理由
ページに動画が含まれている場合、通常、顧客はそのコンテンツに長く関与し、ページに長く留まります。これは、Adobeの分析で確認した行動パターンです。 しかし、そのエンゲージメントを捉えるには、いくつかの技術的な課題を一度に解決する必要があります。
- プライマリ ソース ファイルが大きいです。多くの場合、サイズが大きすぎて直接サービスを提供できません。
- 再生がスムーズに行われるように、プレーヤーは ビデオのサイズを設定し、エンコードして配信する方法 を決定する必要があります。
- 視聴者のデバイスまたは使用可能な帯域幅に関係なく、再生は信頼性が維持される必要があります。
Dynamic Mediaは、1つの静的ファイルの代わりにアダプティブビデオセットを生成して提供することで、これらの課題に対処します。
アダプティブビデオセットの仕組み
- プライマリビデオをアップロードします。 まず、オリジナルの高品質なソースファイルを作成し、システムにアップロードします。
- 自動トランスコード。 Dynamic Mediaは、そのソースを自動的に複数の派生ビデオにサイズ変更（またはトランスコード）します。各ビデオは、特定のクラスのデバイスまたは接続速度に最適化された異なる解像度とビットレートでエンコードされます。
- リクエスト時のインテリジェント配信。 視聴者がビデオをリクエストすると、Dynamic Mediaは どのエンコードされたバージョン、どの品質レベル、どの形式 を提供するかを決定し、それを電話、タブレット、またはデスクトップコンピューターにストリーミングします。
例えば、iOS モバイルデバイスで、Dynamic Mediaは接続が 4G、5G、またはWi-Fi かどうかを検出します。 その信号に基づいて、アダプティブビデオセット内の様々なビットレートから適切なエンコードされたビデオを自動的に選択し、デバイスにストリーミングします。
自動品質切り替え
アダプティブビデオセットは、視聴条件に継続的に応答します。
- ネットワークの変動： ネットワークの状態が再生中に変更されると、プレーヤーは自動的にセット内の別のエンコードされたバージョンに切り替わります。 これにより、再生が継続的に維持され、帯域幅の低下による中断を減らすことができます。
- デスクトップでのフルスクリーン表示：お客様がフルスクリーンモードに入ると、アダプティブビデオセットは、より高解像度のエンコーディングを提供して応答し、より大きなディスプレイサイズでの視聴体験を向上させます。
主なメリット
アダプティブビデオセットを使用すると、次のような結果が得られます。
- 複数の画面やデバイスをまたいでDynamic Media ビデオを視聴するユーザー向けのスムーズで高品質な再生。
- 簡単なビデオ管理。単一のソースのアップロードは、必要なあらゆるバージョンに自動的にトランスコードされるため、デバイスや帯域幅のシナリオごとに個別のファイルを手動で作成、保存、ターゲティングする必要がありません。
- 同じアダプティブビデオセットがデバイス機能、接続タイプ、再生コンテキストに即座に適応するため、一貫した視聴者エクスペリエンス。
Dynamic Media のユースケース dm-journey-b
以下は、積極的な顧客エンゲージメント、ロイヤルティ、コンバージョン、および 投資収益率（ROI） の向上を促進するためにDynamic Mediaが解決する一般的なユースケースの問題とソリューションです。
ダイナミックメディアは、マーケティング、e コマース、デジタルエクスペリエンスの各部門が直面している繰り返し発生する課題に対処し、あらゆるデバイス、チャネル、オーディエンスセグメントをまたいで、リッチなビジュアルコンテンツを大規模に配信する必要があります。 画像、動画、インタラクティブなメディアの制作と配信を一元化することで、Dynamic Mediaは手作業による制作のオーバーヘッドを減らし、市場投入までの時間を短縮し、顧客が適切なコンテキストで適切なビジュアルエクスペリエンスを見えるようにします。これにより、エンゲージメントが強化され、コンバージョン率が向上します。
Dynamic Mediaの一般的なユースケース
- レスポンシブでデバイスに最適化された画像 – 要求するデバイスとビューポートに合わせて、サイズ、切り抜き、圧縮された画像を自動的に配信します。 これにより、複数の手動レンディションを作成して保存する必要がなくなり、ページ読み込みパフォーマンスが向上し、デスクトップ、タブレット、モバイルをまたいで一貫した視覚的エクスペリエンスが生み出されます。
- オンデマンド動画配信とストリーミング — サードパーティの動画プラットフォームを使用せずに、チャンネルをまたいで動画をエンコード、ホスト、アダプティブストリーミングできます。 アダプティブビットレート配信は、様々なネットワーク条件でのスムーズな再生を保証し、より高いウォッチスルー率とより豊富な商品storytellingをサポートします。
- インタラクティブビューアとリッチメディアエクスペリエンス – 買い物客が商品を詳細に調べることができるように、ズーム、360度スピン、画像セット、カルーセル、ホットスポット付きビデオビューアを提供します。 インタラクティブな体験はエンゲージメントを高め、購入へのためらいを減らし、コンバージョン率の向上に直接貢献します。
- スマート切り抜きとAIを活用した画像処理 — インテリジェント切り抜きを使用して、あらゆる縦横比とチャネルで画像の被写体を中央に配置します。 これにより、反復的な手作業による編集作業が排除され、マーチャンダイジングのビジュアルがブランド基準に即して大規模に維持されます。
- パーソナライズされたコンテクストに即したビジュアルエクスペリエンス – 同じアセットのバリエーション（異なる色、言語、価格オーバーレイ、プロモーションメッセージ）を1つのマスターファイルから提供します。 Personalizationをアセットレベルで利用すれば、各オーディエンスセグメントの関連性を高め、カスタマイズされた体験を提供することでロイヤルティを向上できます。
- 一貫性のあるオムニチャネル配信 — web、モバイルアプリ、電子メール、ソーシャル、実店舗内スクリーン、マーケットプレイスなど、一度公開すればあらゆる場所に配信できます。 メディアに関する信頼できる唯一の情報源があれば、不整合を防ぎ、ブランドの信頼を損なうことができます。
- キャンペーンの市場投入までの時間を短縮 – キャンペーンごとに撮り直したり再編集したりする代わりに、動的なパラメーターを使用してマスターアセットを再利用します。 マーケティング部門は、キャンペーンをより迅速に立ち上げ、反復、ローカライズすることができ、これにより勢いを保ち、キャンペーンのROIを向上させることができます。
これらのユースケースは、具体的な制作や納品の課題と、運用コストの削減、ローンチサイクルの迅速化、顧客エンゲージメントの強化、コンバージョンの向上、長期的なロイヤルティの向上など、測定可能なビジネス成果を結び付けています。
ユースケース：プライマリファイルアプローチ
ページの重さの問題
一般的なweb ページの重みのおよそ90%は、リッチメディアに由来します。画像や動画ファイルは、他のページコンポーネントよりも大幅に重いことが多いです。 残りの 10%は、HTML、CSS コード、特定のタグ です。 画像であれ動画であれ、ページの重さとコンテンツサイズを削減することは、Dynamic Mediaの最も重要で最も明白なユースケースのひとつです。 ページの読み込み速度を高速化し、モバイルネットワークのパフォーマンスを向上させ、デバイス間でよりスムーズな体験を提供することで、エンゲージメントとコンバージョンの向上につながります。
一般的なweb ページのコンテンツページの重み。
リッチメディアがページの重さを支配するため、その90%を最適化することにDynamic Mediaは重点を置いています。 コアコンセプトは 複数の配信オプションを持つ1つのプライマリアセットファイル であり、このアプローチは、ページ全体の重みを軽減する上で中心となります。
単一のプライマリファイルのアプローチ
1つのプライマリアセットで、一度に多くのサーフェスに電力を供給できます。 例えば、1つの製品画像を次の場所で再利用できます。
- 商品詳細ページ
- サムネールページ
- ショッピングカート
- 検索グリッド
このウォッチは1つのプライマリ アセット ファイルですが、複数のレンディションを持ち、コピーではなく、その場で作成されます。
この再利用は非常に効率的で、アセットが表示されるあらゆるエクスペリエンスで視覚的な一貫性を確保します。
Dynamic Mediaが単一ファイルのアプローチで解決する問題
アセットの重複が隠れたコストを生む理由
エクスペリエンスの種類ごとに個別のアセットを作成する場合、ひとつの開始画像に20個、30個、40個のバリエーションを保存することが一般的になります。各バリエーションには料金を支払い、管理する必要があります。 そして、それぞれの顧客接点で適切な画像を使用することが求められます。これは、ブランドの一貫性に直接影響します。 画像が見つからない場合、チームはアセットを再度複製することになり、保管と調整のコストが増大します。
ワンファイルアプローチの利点
Dynamic Mediaは、その1つの開始画像から動的に画像のバリエーションを作成します。 Creativeチームは、グラフィックデザインチームやフォトスタジオと何度も連携して追加コンテンツを生成することなく、主要なアセットで柔軟に作業できます。 レンディションは事前に構築されて倉庫に保管されるのではなくオンデマンドで制作されるため、制作コストを直接削減し、市場投入までの時間を短縮できます。
ワンファイル方式では、単一のプライマリファイルがあらゆるダウンストリームバージョンで利用できます。 サイト、プロパティ、顧客体験全体で必要なレンディションは、顧客に配信された時点でのみ生成されます。 これにより、アセットに必要なストレージフットプリントを大幅に削減し、ワークフロー全体の複雑さを低減できます。 Dynamic Mediaの配信システムは、あらゆる画像や動画の最適化、迅速な読み込み、あらゆるスクリーンとデバイスでの見栄えを保証します。
ユースケース：ビデオ
Dynamic Mediaは、デジタルコマースで最も要求の厳しいアセットタイプの1つである video に対応しています。 ビデオアセットは、ファイルサイズが大きく、複数の形式が必要であり、さまざまなデバイス、画面解像度、ネットワーク条件をまたいでスムーズにレンダリングする必要があるため、管理、保存、配信が本質的に複雑です。 パイプラインを自動化していない場合、通常、手作業でのトランスコードや一貫性のない再生品質、読み込み時間の低下などが発生し、それらがブランドの認識やコンバージョンに直接影響を及ぼします。
顧客は、次のような問題を解決したいと考えて Dynamic Media にたどり着きます。
「私のビジネスはビデオを持っていますが、配信を避けました。 テストの結果、ビデオの品質に一貫性がなかったことが示されました。 これはブランドとコンバージョンに影響します。"
一貫性のない再生は、ユーザーの信頼を損ない、直帰率を増加させます。なぜなら、訪問者は、停滞した動画や低品質の動画を、製品品質やブランド品質が低い印として解釈するからです。 Dynamic Mediaのソリューションは、その1つのプライマリビデオファイルを取得し、Dynamic Mediaが自動トランスコーディング プロセスを通じて必要なすべてのサイズとエンコーディングを生成できるようにすることです。 その後、この出力はDynamic Mediaの インテリジェントビデオプレーヤー と組み合わされ、デバイスと接続にもとづいてリアルタイムで最適なレンディションが選択されます。
その結果、このワークフローは、メインランディングページ、カテゴリーページ、製品詳細ページなど、動画が表示されるあらゆる場所で、一貫性のある高品質な再生を保証し、ブランドの整合性を保ち、カスタマージャーニー全体でより強力なコンバージョンパフォーマンスをサポートするのに役立ちます。
検討すべきその他のユースケースを以下に示します。
ユースケース：唯一の信頼できる情報源
ユースケース：AI を活用したリッチメディア向けスマート切り抜き
ユースケース：インタラクティブメディアのオーサリング
Dynamic Media システムでのアセットのフロー dm-journey-c
一般的なDynamic Media ワークフローでは、アセットを次の3つのシーケンシャルフェーズに移動します。（1）作成、（2）オーサリング/アップロード、（3）最適化と公開。 結果として、一元管理された Dynamic Media サーバー から、web、印刷、電子メール、デスクトップ、モバイルの各チャネルに動的に配信される1つの プライマリアセット が生成されます。
アセットがDynamic Media システム内をどのように流れるのか。
1. 作成フェーズ – プライマリアセットを作成しています
ワークフローは作成段階から始まります。ここでは、高品質の プライマリアセット を作成することを目標としています。 これらの主なアセットは、通常、次のものから生成されます。
- プロフェッショナルな写真撮影
- 動画ベンダーと制作パートナー
- プロジェクト用に作成されたオーディオファイル
Adobe Creative Suite アプリケーションは、この段階をサポートします。これには、Adobe InDesign、Adobe Photoshop、Adobe Illustratorなどが含まれます。これらは、Dynamic Media システムに入る前にソースコンテンツをデザイン、レタッチ、最終調整するために使用されます。
2. オーサリングフェーズ — Dynamic Mediaにアップロード中
作成が完了すると、完成したアセットは Dynamic Media 内のオーサリングソリューションにアップロードされます。 このフェーズでは、適切な 画像プリセット と ビューア が設定され、サイト上の様々なweb ページに整列されます。これにより、各アセットは、意図した配置に対して適切なサイズ、画質、インタラクティブな動作でレンダリングされます。
3. 公開段階 – 最適化とマルチチャネル配信
最終段階では、コンテンツが最適化され、Dynamic Media サーバーに公開されます。 この最適化により、アセットを動的配信に備え、単一のマスターファイルをあらゆる出力チャネルで効率的に再利用できるようになります。 公開すると、アセットは次の宛先に配信できるようになります。
- Web ページとレスポンシブサイト
- 印刷物本番
- 電子メール キャンペーン
- デスクトップ体験
- モバイル デバイス
この一元化された一元的な配信先モデルにより、チャネル全体で視覚的な一貫性を維持しながら、配信先ごとに個別のレンディションを保存および管理する必要性を低減できます。
Dynamic MediaへのAssetsのアップロード
プライマリアセットを作成したら、それをDynamic Mediaにアップロードします。 ファイルの種類、形式、サイズは、Dynamic Mediaがアセットをどのように処理および配信するかを決定する重要な属性です。 アップロード時に、one-file support モデルから最大値を抽出してください。
例えば、下の腕時計の画像は 4560 x 3020 ピクセル です。 フルサイズの画像を表示する予定がない場合でも、利用可能な最高解像度でアップロードする必要があります。 ソース画像が大きいほど、Dynamic Mediaはアーティファクトを導入することなく高解像度のマスターからダウンサンプルできるため、あらゆるレンディションをまたいで、最小のサムネールに至るまで、より高品質なDynamic Mediaを提供できます。 この重要な原則を忘れないでください。既存の画像の解像度を簡単に 減少 できますが、低解像度の画像の解像度を 増加 しようとすると、ピクセル化された結果が不十分になります。
アセットのアップロードに関する考慮事項
推奨されるファイル形式： Adobeでは、可逆形式でアセットをアップロードすることをお勧めします。 JPEGを配信または保存するたびに、非可逆圧縮によって画質が低下するため、JPEGをソースフォーマットとして使用しないでください。 代わりに、可逆的な形式で最高解像度の画像から始めます。 通常、推奨される形式は次のとおりです。
- TIFF （タグ付き画像ファイル形式）
- PNG （Portable Network Graphics）
カラースペースに関する考慮事項： デジタルチャネルまたはweb配信を計画する場合、デフォルトのカラースペースは RGB（赤、緑、青） です。これは、画面が光を使用してカラーをレンダリングする方法に対応します。
ほとんどのユーザーは、CMYK （シアン、マゼンタ、イエロー、キー/ブラック）でアセットを配信することを検討していません。また、必要な理由も考慮していません。 CMYKは、オフセット印刷機やデジタル印刷機で使用されるインキに対応するため、印刷物の標準的なカラースペースです。 ただし、Dynamic Mediaは両方のカラースペースでの配信をサポートしています。
多くの顧客は、依然として次のような印刷物の制作に依存しています。
- 倉庫卸売クラブがメンバーカタログを作成しています
- 食料品店が毎週のチラシと回覧を印刷しています
これらのお客様は、RGBとCMYKの両方で画像を必要とします。 従来、この要件を満たすには、RGB版とCMYK版の2つのファイルを個別に管理する必要がありました。 ただし、Dynamic Mediaでは、CMYK アセットを直接アップロードでき、Dynamic Mediaは画像プリセットまたはカラープロファイルを通じてRGB アセットを自動配信します。 これにより、同じファイルの複数のバージョンを作成および管理する必要がなくなり、複数の配信オプションを持つ1つのプライマリアセットファイルという基本原則を維持できます。
アセットの公開とプレビュー
Dynamic Mediaでのアセットの公開
アセットをDynamic Mediaにアップロードして公開し、顧客に接するあらゆるエクスペリエンスに配信できるようにします。 手動で公開するには：
- Dynamic Mediaでアップロードしたアセットを選択します。
- 公開または クイック公開 をクリックします。
未公開のアセットはDynamic Mediaの配信レイヤーを通じて提供されないため、ライブ web ページから参照できないため、任意のエクスペリエンスでアセットを使用する場合は常に公開が必要です。 アセットが公開されると、その結果、次の2つの方法でweb ページにアセットを含めることができます。
- Dynamic Mediaが生成したURLをコピーして、直接参照します。
- 埋め込みコードをコピーし、ページのマークアップに貼り付けます。
アップロード時の自動公開
Dynamic Mediaは、手作業によるワークフローの枠を超え、自動公開をサポートします。 Dynamic Mediaを設定して、ユーザーの介入なしに、アップロードの瞬間にアセットを即座に公開できます。 これにより、手作業による公開作業が不要になり、新しいアセットを取り込んでからweb配信に利用できるようになるまでの時間が短縮されます。
アセットのレンディションのプレビュー
アップロード後、Dynamic Mediaは、アセットのレンディションをプレビューする複数の方法を提供します。 プレビューでは、アセットが本番環境に組み込まれる前に顧客が目にするものを確認でき、切り抜き、サイズ変更、視聴者の行動、全体的な視覚的品質の検証に役立ちます。
画像プリセットを使用したプレビュー
一般的なプレビュー方法では、画像プリセットを使用します。
- Dynamic Mediaでアセットを選択します。
- レンディションを開きます。
- 画像プリセットを選択します（「大」など）。
結果のURL パスには、画像プリセット名（「大」など）が含まれ、web ページで使用するのと同じURLです。
選択した「大きい」画像プリセットに基づくアセットのレンディションのプレビュー。 結果のURL パスには、「大」画像プリセット名が含まれており、Web ページで使用されます。
上記の URL は実際のものです。 試してみる。
ビューアプリセットを使用したプレビュー
アセットをプレビューする別の方法では、ビューアプリセットを使用して、インタラクティブなHTML5 ビューア内でアセットをレンダリングします。
- 画像アセットを選択します。
- Viewers プリセットを選択します（例：「ZoomVertical_light」）。
- 「URL」ボタンと「埋め込み」ボタンを使用して、配信URLまたは埋め込みスニペットをコピーします。
選択した「ZoomVertical_light」ビューアプリセットに基づくアセットのプレビュー。 画像上でマウスポインター（「+」）を移動してズームインしました。 「URL」ボタンと「埋め込み」ボタンに注目してください。
上記の レンディション は実際のものです。 試してみる。
オプション - 詳細情報
このドキュメントのパート Iでは、web、モバイル、コネクテッドチャネルをまたいで、画像、セット、ビデオなどのレスポンシブでインタラクティブなリッチメディアを配信するように設計されたAdobe Experience ManagerのDynamic Mediaの基本について説明しました。 第1部で紹介した概念について理解を深めるには、以下の厳選されたリソースを使用してください。 これらの補足資料では、Dynamic Mediaのワークフロー、設定、配信パターンについて、より技術的な詳細を説明します。 それ以外の場合は、このドキュメントのパート IIに進んでください。 この Dynamic Media ジャーニーの次のステップを参照してください。
Dynamic Media チュートリアル
- Experience Manager AssetsでDynamic Mediaを使用する — アセットの取り込み、画像プリセット、動的配信など、Adobe Experience Manager Assets内でDynamic Media機能を直接有効にする方法、設定、適用する方法を示す機能ビデオとガイド付きウォークスルー。
- Adobe Experience Manager コンテンツライブラリ （Dynamic Mediaで検索） — Dynamic Mediaを検索して、管理者、開発者、マーケター向けのロールベースの学習パスを見つけることで、推奨されるチュートリアル、コース、記事をフィルタリングできる、より広範なExperience League ラーニングハブ。
Dynamic Media ビューア
- 各ビューアの ライブデモ — Dynamic Media ビューアの各タイプ（ズーム、スピン、ビデオ、カルーセルビューアなど）のインタラクティブな動作デモ。実稼動サイトに導入する前に、ビューアの外観、ユーザーインタラクション、動作を評価するのに役立ちます。
このDynamic Media ドキュメントの次のステップ whats-next
このドキュメントのパート IIでは、アセット配信とマルチアセットのビューアエクスペリエンスに関するより深い技術的な焦点を当てて、Dynamic Mediaのジャーニーを進めていきます。 具体的には、パート IIでは次の内容について説明します。
- Dynamic Media URL — URL構造とパラメーターを詳しく調べることで、アセットがリクエストされ、配信された際に舞台裏で何が起こるかを正確に把握できます。
- 画像プリセット – 各配信コンテキストで必要なサイズ、形式、品質でアセットを動的にレンダリングするプリセットの作成の基本。
- 画像セット — ユーザーが単一のインタラクティブビューア内で複数の角度またはバリエーションから商品またはアセットを表示できるセットを作成する方法。
- スピンセット — 360度の回転表示エクスペリエンスを生み出す画像のシーケンスを組み立てる方法。
- 混在メディアセット – 画像、スピンセット、ビデオなど、様々なアセットタイプを統合して統合ビューアにする方法。
これらのトピックは、パート Iで紹介した基本概念に直接基づいて作成され、より豊かでインタラクティブなDynamic Media エクスペリエンスを設定するための準備を整えます。
Dynamic Media: The Basics, Part IIに進みます。