レスポンシブ Web デザインの 3 つのコンテンツ戦略: 計画、優先順位付け、抽出

ほとんどのマーケティング担当者にとって、「レスポンシブ Web デザイン」という用語は、Web 開発者やワイヤー フレームのイメージを思い浮かべる可能性が最も高いでしょう。 しかし、それは一連の文やテキストの塊を思い起こさせるはずです。

コンテンツは、最初にリードを引き付け、販売サイクルを通じてリードを推進するエンジンです。 また、レスポンシブ Web デザインの主な仕事は、Web 訪問者が電話、タブレット、デスクトップのいずれを使用しているかに関係なく、コンテンツを簡単に消化できるようにすることです。

レスポンシブ Web デザインは、各文がより多くの読者を引き付け、より多くのリードを集めるようにコンテンツを再考する機会です。

レスポンシブデザインとは？

まず、レスポンシブ Web デザインの背景を少し説明します。 コンセプトはシンプルです。ウェブ訪問者が使用しているデバイスに応じて、モバイルまたはデスクトップ向けにデザインを自動的に最適化する単一のウェブサイトを作成します。 Web サイトがレスポンシブかどうかを簡単に確認する方法の 1 つは、デスクトップ ビュー (全画面表示ではなくウィンドウ ビュー) で、Web サイトの右下隅をつかみ、ゆっくりとスマートフォンのサイズに縮小することです。 Web サイトが縮小するにつれてモバイル フレンドリーなビューに変換される場合、その Web サイトはレスポンシブです。 読みにくい、スクロールしてピンチする Web サイトに単純に縮小する場合、応答しません。

レスポンシブ デザインは、モバイルが同じコンテンツの単なる別のプラットフォームではないことを理解することから始まります。 モバイルの急速な台頭により、コンテンツの形、構成、サイズが変化しました。 そして、人々はモバイル コンテンツに対して根本的に異なるものを期待しています。

これらの期待は、企業のコンテンツ キャンペーンのすべての要素 (メール マーケティング、ソーシャル、Web コンテンツなど) に共通しています。 Web サイトのコンテンツはモバイル向けに応答性が高く、最適化されている必要がありますが、メール マーケティング テンプレートやソーシャル キャンペーンも同様です。

レスポンシブデザインが必要な理由

レスポンシブ デザインがない場合は、それが必要です。 Google は、レスポンシブ デザインのない企業の検索ランキングにペナルティを課しています。 また、モバイル Web トラフィックは非常に遍在しているため、すべての Web サイトは、同じ Web サイトからモバイル ユーザーとデスクトップ ユーザーにインテリジェントにサービスを提供する必要があります。

いくつかの簡単な統計: モバイルはすべての有料検索クリックの 41%、すべての有料検索支出の 31% (Merkle RKG)、およびすべてのメール開封 (Litmus) の 53% を促進します。 モバイルのトレンドを考えると、これらの数字がすぐに減速することはありません。

モバイル向けに真に最適化されたコンテンツを作成した結果は、驚くべきものになる可能性があります。 Act-On は、レスポンシブ デザインによってリードが 93.5% 増加したことを発見しました。 セールス リードをすぐに 2 倍にすることができる他の簡単なソリューションは何ですか?

レスポンシブ デザイン用にコンテンツを最適化するための 3 つのステップ。

1. 部門横断的な計画

レスポンシブ デザインは、デジタル チームを Web 開発に任せるだけの問題ではありません。 これは、コピーライター、デザイナー、ストラテジストによるチームの取り組みです。

効果的な計画により、コンテンツ、コーディング、およびデザインがすべて一致して、Web サイトがリード生成マシンになることが保証されます。 最初から、Web 訪問者のプロファイル、訪問者の動機、望ましい結果など、基本を明確にすることから始めます。 誰があなたのウェブサイトを訪れていますか? なぜ？ サイトにアクセスしたユーザーに何をしてもらいたいですか?

最初から部門間のコラボレーションを行うことで、プロジェクトがデザインの付帯機能と組織化された効果的なコンテンツとの間でバランスが取れていることが保証されます。

2. 明確な階層でコンテンツに優先順位を付ける

レスポンシブ Web デザインでは、コンテンツの優先順位付けが不可欠です。 デスクトップ ブラウザー ページの領域がハンドヘルド サイズに縮小されると、コンテンツがごちゃごちゃになります。 幅の広い複数列の Web ページが、1 列のモバイル ページに圧縮されます。 Web サイトが正しく設計されていない場合、最も重要なコンテンツの一部がページの下部に表示され、到達するまでに長い (長すぎる) スクロールが必要になる場合があります。

コンテンツ作成に優先度レベルを割り当てると、最も重要なコンテンツが確実に上位に表示される構造が作成されます。 層に従ってコンテンツを識別することにより、コンテンツ階層を作成します。 この識別は、理想的にはマーケティング チームまたはコピーライティング チームで行い、デザイナーやプロジェクト マネージャーに明確に伝える必要があります。 このコラボレーションは、モバイル視聴者向けのコンテンツ階層を維持するデザインにつながります。

コンテンツをモバイル サイズに絞り込む

ソフトウェアやオペレーティング システムのユーザーが機能的で直感的なデザインを期待するのと同じように、今日の読者は、簡潔なチャンクに巧みに作成されたコンテンツを期待しています。

コンテンツ戦略は、読者向けの UI や UX に似ていると考えてください。 ユーザー エクスペリエンスの設計に時間、労力、反復が必要なのと同じように、コンテンツは読者を念頭に置いて何度も作業する必要があります。 隠された構造は、使いやすさ (コンテンツの場合は読みやすさ) に大きな影響を与えます。

最終ドラフトの後でまだ灰色のテキストの大きな塊を読者に提示している場合は、コンテンツの蒸留をもう一度行う必要があります。 写真やビデオなどのマルチメディア製品で分割された箇条書き、宣伝文、簡潔なテキストが残るまで、コンテンツを分割し続けます。 データ量の多い複雑なテキストのチャンクをインフォグラフィックに変換することを検討してください。テキストとビジュアルを組み合わせることで、データを簡単に理解できるビジュアルに変えることができます。

縦方向のチャンキング – テキストを縦方向のチャンクに分割し、それぞれに独自の見出しと写真を並べて配置できるようにすることで、読者は横にスキャンして縦方向のチャンクを少しずつ読むことができます。

この一口サイズのコンテンツ配信システムは、灰色のテキストの壁よりも視覚的に魅力的であり、ライターとデザイナーが個々の考えを特定し、それらをタイトなテキストに作成し、簡潔に提示する作業を既に行っていることを読者に知らせます。方法。

レスポンシブ デザインは、すでに長すぎる To Do リストに追加するだけではありません。 それは煩わしいことでも、優先度が低いことでもありません。 1 つのプロジェクトで、コンテンツを洗練させ、Web デザインを洗練させ、モバイル バイヤーを喜ばせるチャンスです。

~ 開発プロセスの管理、コストの見積もり、モバイル ファーストへの移行など、レスポンシブ Web デザインのすべての秘訣を学びたいですか? ウェビナー全体を見るレスポンシブ デザイン: Web ページと電子メールに関する 10 のすべきこととすべきでないこと.