現在表示中:

この記事では、AEM 6.4 Assets のユーザーエクスペリエンスの改善点について説明します。

Adobe Experience Manager(AEM)6.4 Assets には UI の複数の改善点が含まれます。シームレスなユーザーエクスペリエンスの提供、生産性の向上、市場に投入するコンテンツ(コンテンツ速度)を作成および管理するスピードの向上を実現できます。

UI は応答性に優れているので、多数のアセットを効率的に管理できます。項目リストが長い場合でも、迅速に検索、表示、並べ替えおよびスムーズなスクロールをおこなうことができます。 

カード、リスト、列などの様々な表示をパーソナライズできます。例えば、カード表示に表示するサムネールのサイズを設定できます。リスト表示では、リスト内のアセットに対して表示する詳細レベルを設定できます。AEM 6.4 Assets には新しいツリー表示が含まれています。これを使用すると、簡単にアセットリポジトリ内を移動してアセットを見つけることができます。

以下の節では、UI の機能強化についてさらに詳しく説明します。

遅延読み込み

AEM 6.4 Assets でアセットを参照または検索すると、一度に最大 200 個のアセットが UI に表示されます。結果は迅速にスクロールすることができます。これは、長い結果リストを参照する場合に特に役立ちます。大量のアセットが一度に読み込まれるので、スムーズに参照することができます。

アセットをタップまたはクリックして詳細ページをレビューした場合に、結果ページに戻るには、ツールバーの「戻る」ボタンをタップまたはクリックします。

カード表示の改善

使用するデバイスおよび必要な詳細の内容に応じて、カード表示のアセットのサムネールのサイズを変更できます。これにより、表示をパーソナライズして、表示されるサムネールの数を制御できます。

カード表示のサムネールのサイズを変更するには、次の手順を実行します。

  1. ツールバーの「レイアウト」アイコンをタップまたはクリックして、「設定を表示」オプションを選択します。

    view_settings
  2. 設定を表示ダイアログで、任意のサムネールサイズを選択し、「更新」をタップまたはクリックします。

    view_settings_dialog
  3. UI でサムネールをレビューします。サムネールが選択したサイズで表示されています。

    thumbnails_changed

カード表示のタイルには、公開ステータスなどの追加情報が表示されています。

publish_status

リスト表示の改善点

リスト表示の最初の列には、デフォルトでアセットのファイル名が表示されます。公開ステータスや処理ステータス、ロケールなどの追加情報も表示されます。

list_view

表示する詳細の内容を設定できます。「レイアウト」アイコンをタップまたはクリックして「設定を表示」オプションを選択し、設定を表示ダイアログで表示する列を指定します。

view_settings_dialoglistview

列表示の改善点

カード表示とリスト表示の次は列表示です。列表示から詳細ページに移動します。列表示のアセットを選択して、アセットのスナップショットの下の「詳細情報」をタップまたはクリックします。

more_details

アセットの詳細への移動も参照してください。

ツリー表示

AEM 6.4 Assets にはツリー表示があります。これを使用して簡単にアセット階層を参照し、目的のアセットまたはフォルダーに移動できます。

ツリー表示を開くには、アセット UI でグローバルナビゲーションアイコンをタップまたはクリックし、メニューから「コンテンツツリー」を選択します。

content_tree

コンテンツ階層から目的のアセットに移動します。

navigate_contenttree

アセットの詳細への移動

アセットの詳細ページでは、ツールバーに「前へ」ボタンと「次へ」ボタンがあるので、フォルダー内のすべての画像を連続して表示できます。

使用しているデバイスによって異なりますが、スワイプするか、キーボードの矢印キーを使用しても、画像間を移動できます。

選択したレイアウトによって異なりますが、次の方法でアセットの詳細ページを開くことができます。

表示 アセットの詳細ページを開く方法
カード表示 UI のアセットタイルをタップまたはクリックします。
リスト表示 リスト内のアセットの行エントリをタップまたはクリックします。
列表示 アセットのスナップショットの「詳細情報」ボタンをタップまたはクリックします。

「前へ」ボタンと「次へ」ボタンを使用して、アセット間を移動します。

prev_next_buttons

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー