当サイトを最適な状態で閲覧していただくにはブラウザのJavaScriptを有効にしてご利用下さい。
JavaScriptを無効のままご覧いただいた場合には一部機能がご利用頂けない場合や正しい情報を取得できない場合がございます。
承知しました
本サイトではWebサイトのエクスペリエンスを向上させるために、Cookieを使用しています。Cookieはブラウザの設定から無効にできます。本サイトで使用するCookieについては、プライバシーポリシーをご確認ください。

Blog

ブログ

コンテンツ管理

コンテンツモデルがどのように細部に焦点を合わせるか

By Michael Andrews  

コンテンツは、トピックに関する多くの詳細を説明することがよくあります。しかし、顧客は彼らの注意を引く詳細に集中することができますか?それとも、彼らは細部に迷い、彼らが探しているものに気付かないのでしょうか?

構造化されたコンテンツにより、読者はさまざまな時期に最も重要な詳細に集中できます。コンテンツに最初に遭遇したとき、読者は特定の種類の詳細を他の詳細よりも優先します。個々のコンテンツ要素を活用することで、ライターは最初の連絡先で最も優先度の高い詳細を提供できます。

適切な詳細の配置

多くの場合、一度にすべての詳細を表示することはできませんが、どのような詳細を表示する必要がありますか?最も役立つ情報を選択し、表示方法を選択して、詳細を絞り込む必要があります。

コンテンツモデルを使用して、表示するのに最も適切であると判断した正確な詳細を引き出すことにより、潜在的な情報過多を抑えることができます。

編集者とデザイナーは、コンテンツを構造的に考えることで、何を言う必要があるかを、どのように提示するかで調整できます。

コンテンツモデルは画面デザインをサポートできるため、理想的なユーザーエクスペリエンスを提供する方法で情報を強調できます。コンテンツモデルの特定の要素を画面デザインのモジュールに接続できます。編集とプレゼンテーションの柔軟性を実現します。

コンテンツモデルを使用すると、次の3種類の「ビュー」を切り替えることができます。

  1. プレビュー–コンテンツがどのようになるかを明らかにする
  2. 概要–コンテンツがどのような情報について話しているかを述べる
  3. ビューファインダー–目標どおりの正確なコンテンツに到達する

コンテンツを構造化すると、さまざまな詳細レベルを表示できます。情報が表示されると、階層として表示されます。以前に、これがリストタイムラインでどのように機能するかを調べました。詳細レベル間を移動するこの機能は、他の一般的なユーザーエクスペリエンスに存在します。パターン。

編集者は、さまざまな状況で読者の興味を引く可能性が高いものに基づいて、表示する部分に関して3つのオプションがあります。

  1. コンテンツからの刺激的なハイライト
  2. トピックに関するヘッドライン情報
  3. 顧客のニーズに関連する意思決定に不可欠なデータ

プレビュー:刺激的なハイライトを紹介する

読者がコンテンツを表示する前に、そのコンテンツを味わいたい場合があります。興味をそそる。人々が興味を持っているかもしれないものを発見するのを手伝ってください。彼らはそれを完全に見る前に何を期待するかという印象を得ることができます—それはサンプリングまたは試食メニューを作成することについてです:スニークプレビュー。

プレビューで使用される一般的な要素には、次のものがあります。

  • 引用や小見出しなどのティーザー
  • 画像のサムネイル
  • ビデオ予告編

プレビューは、読者が類似したアイテムの中で何に興味があるのかわからない場合に役立ちます。

プレビューはさまざまな方法で表示できます。特定のレイアウトは、読者がアイテムを一瞥して興味のあるアイテムを見つける機能を提供するのに優れています。これを行う一般的なレイアウトには、グリッドに配置されたタイルと画像中心のギャラリーがあります。

概要:ヘッドライン情報にスポットライトを当てる

読者は、スキャンしたコンテンツをすばやく要点に到達させたいと思うことがよくあります。その場合は、詳細に入る前に見出し情報を提示する必要があります。

ジャーナリストや他の作家は、読者がすべてを読む前にコンテンツの概要を理解できるように、最も重要な詳細を最初に「フロントローディング」することの価値を長い間知っていました。これらの手法は、逆ピラミッドスタイルの執筆または「 ボトムラインアップフロント」方式。

デザイナーもこのアプローチの利点を認識しています。designerAnnekaBjorkeson 氏は次のように述べています。「静的なページにすべての詳細を公開すると、すぐに混乱が生じます。代わりに、前提を理解し、要求に応じて詳細を提供するのに十分な資料をユーザーに提供してください。」

概要は、読者が最も知る必要のあるコンテンツ要素を取り込みます。これにより、読者は最も関連性の高いコンテンツを一目で見つけることができます。

概要の重要な要素は次のとおりです。

  • 見出し
  • 小見出し
  • 説明的または物語的な要約
  • 価格または経費データ
  • 時間の経過に伴う変化の方向やサイズなどのトレンドライン
  • 使用状況またはパフォーマンスのメトリック
  • 記載されているアイテムのステータス

読者が選択する前に利用可能な情報の範囲を理解する必要がある場合、著者はこれらの種類の要素を提示する必要があります。見出し情報をスキャンすることで、アイテムの重要性と、アイテムが類似しているかどうかをすばやく確認できます。

コンテンツの概要が表示されたら、読者は必要に応じて詳細を掘り下げることができます。

このアプローチの目標は、要約をタップまたはクリックすることで詳細なコンテンツを補足できる要約を読者に提供することです。この形式の対話は、多くのUIコンポーネントで使用されます。

  • UIカード
  • 顧客セルフサービスポータルなどのダッシュボード
  • 拡張パネル(アコーディオンまたは折りたたみ式パネルとも呼ばれます)
  • 詳細オンデマンドのツールチップとバルーン
  • マップ内の注釈

ビューファインダー:意思決定に不可欠なデータへのアクセスを提供します

別のシナリオは、顧客がすべての詳細を表示したいが、選択したアイテムについてのみ表示したい場合です。そのために、顧客は最初に、他の詳細が関連するために不可欠な1つまたは2つの重要な詳細に焦点を合わせます。

顧客は自分の基準に一致するアイテムのみに関心があるため、パブリッシャーは顧客が最も気にかけている変数またはパラメーターを選択できるようにする必要があります。顧客は、「近くの場所のみを表示する」または「特定のアイテムのみを表示する」と考える可能性があります。ソース。"

このアプローチは、特定の詳細が顧客の主要な決定基準である場合に適したオプションです。

ユーザーインターフェイス内では、いくつかの一般的な手法がこのアプローチをサポートしています。まず、画面ウィジェットを使用すると、ユーザーは特定の基準を指定できます。郵便番号に基づいて詳細情報を提供するロケーターウィジェットがその例です。フィルターは別の一般的な手法です。ユーザーは、トピック、日付、または別の説明用語など、関心のある値を指定できます。これらの手法の両方で、要素繰り返し使用される制御値になります。

フィルタの例(出典:米国特許庁)
フィルタの例(出典:米国特許庁)

よく見るように

要約すると、構造化されたコンテンツにより、表示される詳細を顧客の旅に合わせて調整できます。ライターとデザイナーは、顧客がコンテンツにどのように遭遇するかを計画するため、顧客が最初に見る必要のある情報を計画して、詳細を調べることに興味を持つことができます。フルコンテンツで。

Headless CMSの導入をお考えでしょうか?

クラウドとマルチデバイスに最適化されたKentico Kontentをお試しください