ウェブサイト制作におけるオンライン広告の新しいインタラクティブ体験(グラフィックチュートリアル)

ウェブサイト制作におけるオンライン広告の新しいインタラクティブ体験(グラフィックチュートリアル)
オンライン広告の新しいインタラクティブ体験 123WORDPRESS.COM

インターネット時代が成熟するにつれて、オンライン広告の発展も加速しています。圧倒的な広告収入と完璧なブランド表示は、ユーザーが広告媒体として選ぶ第一の選択肢となっています。オンライン広告の「最前線で戦う戦士」として、私たちはどのように最前線の地位を守り、新たな貢献をしていくべきでしょうか。これは検討する価値のある課題です。

インターネット広告は、1994 年に米国で始まりました。この年、Hotwired 誌が Hotwired のオンライン版を立ち上げ、初めて自社の Web サイトでオンライン広告を導入しました。3 年後の 1997 年、Chinabyte が中国で初のオンライン広告を開始しました。これがオンライン広告の発展の始まりとなりました。わずか10年余りの発展の中で、オンライン広告はゼロから始まり、小規模から大規模へと成長し、現在では広告業界の支配力となっています。広告の規模は2012年に462億ドルを超えると予想されています(DCCIデータ)。同時に、ウェブサイトの収益モデルにおいては、オンライン広告が大手ウェブサイトの主な収入源の一つとなっています。他のメディアにはない優れた特性を備えているため:

(1)大勢の観客

(II)正確な配達

(III)強力なインタラクティブ性

(IV)低コスト

(V) データの客観性

広告デザイナーとして、私たちが深く理解する必要があることの一つは、「オンライン広告のインタラクティブ性」です。広告のインタラクティブ性の有無と強さは、オンライン広告の効果に直接影響を及ぼします。これは、ブランドの口コミにも影響を与える可能性があります。

では、オンライン広告がインタラクティブ性の概念に重点を置き始めたのはいつでしょうか?

WEB2.0の登場により、主要ポータルが着実に発展し、ブログ、Weibo、WeChatなどのネットワークツールが広く使用されるようになりました。 Douban、Kaixin、Huaban、Thunder Arkなどのオンライン共有プラットフォームは、ますます成熟し、完成度が高まっています。これにより、人々はますますインターネットに依存するようになりました。ユーザーがやりたいことのほとんどすべてがインターネットを通じて実行できるからです。この使用プロセスにおいて、便利で、理解しやすく、学習しやすく、実際の使用プロセスをシミュレートできるオンライン広告は、視聴者に受け入れられやすく、より良い配信効果を生み出します。視聴者は、そのことについてもっと知りたいと思うようになり、友人や共通の興味を持つ人々に伝えたいと思う可能性が高くなります。この過程で、視聴者の役割も情報受信端末から情報発信者・伝達者へと変化し、この安価なコミュニケーション手段によって広告効果は飛躍的に増大します。製品の広告コストを最小限に抑えます。

したがって、インタラクティブなオンライン広告では、画像やレイアウトに重点を置くだけでなく、これらの最も基本的な視覚要素を体験し、見るだけでなく触れることができるようにする必要があります。写真などの視覚的な要素を通じて視聴者を引き付け、ユーザーの積極的な参加を増やすことでブランドイメージやブランド文化を効果的に伝えます。

インタラクティブなオンライン広告では、スローガンも非常に重要です。主要なスローガンと二次的なスローガンを区別し、要点を押さえ、簡潔にする必要があります。覚えやすく、ユーザーが2度目に広めるのに役立つ必要があります。使用されている言語は親しみやすく日常生活に近いため、製品情報が視聴者にとって受け入れやすくなります。 (広告の価値を測る基準も変わります。広告の成否はクリック数ではなく、クリック単価とコンバージョン率で決まるようになります。)したがって、インタラクティブなオンライン広告には次の 3 つの特徴が必要です。

(a)インタラクティブ性

(2)操作性

(3)情報の平等な対話

では、インタラクティブなオンライン広告はどのように設計すればよいのでしょうか? 参考までに、いくつかの例をご紹介します。

(A)マインドマップの構築。 (発散的思考)

各ブランチのトピックに最も関連のある思考のひらめきを見つけます。それを解釈し、それに基づいてクリエイティブなコピーとスローガンを改良します。

例: Xunlei メンバーシップ機能 – クイック転送

分析の結果、Thunder Quick Transferの本質は高速ネットワーク中継プラットフォームであると結論付けました。これらのキーワードから、その特徴がわかるだけでなく、そのサービスの重要性も反映されています。Thunder Quick Transferは、ユーザーに高速伝送リソースを提供するだけでなく、Quick Transferがユーザーに提供するサービスも重要です。ユーザーを自分の友人のように扱い、毎日パッケージ番号付きのギフトのようにユーザーに高速サービスを届けます。さらに重要なのは、この感情を反映することです。そこで、これらに基づいて、私たちはスローガンを決めました。インターネット時代になっても、贈り物の共有は依然として複雑ですか? 迅速さが私たちの目的です。

サンダークイック転送.SWF

(ii)マウス応答を使用して対象ユーザーと対話する

マウスを使用して移動、クリック、ドラッグします。その他の基本的な使用原則により、視聴者ユーザーはインタラクティブ広告に参加しやすくなります。視聴者の学習コストを削減するために、できるだけ多くの現実の行動をシミュレートするようにしてください。未知のものに対して混乱を感じることはありません。

例: Xunlei メンバー機能 - 高速チャネル、オンライン ゲーム アクセラレータ、オフライン ダウンロード、Xunlei 再生権限

高速チャンネル.SWF

高速チャンネルは、実際の材料コンベアベルトをシミュレートします。ジョイスティックをドラッグすると、サンダー高速チャンネルがスピードをもたらすだけでなく、さらに重要なことに、コーヒーを飲む時間を与えてくれることを実感できます。

オンラインゲームアクセラレータ.SWF

オンライン ゲーム アクセラレータを使用すると、トラック (従来の加速なし) とスポーツカー (オンライン ゲーム アクセラレータを使用した後) の速度を比較することで、プレイヤーはまるで空を飛んでいるかのような気分を味わうことができます。

素材を移動するときにカウントダウンする必要はありません。オフライン ダウンロードを使用すると、カウントダウンが簡単になります。

Xunlei はツールだけでなく、楽しい時間を過ごすための簡単な方法も提供します。

出典: Thunder CUED

<<:  Linuxの運用と保守、基本的なプロセス管理、リアルタイム監視と制御

>>:  CSS の子要素の Z インデックスと親要素の兄弟ノードの階層問題を解決する

推薦する

訪問者にあなたのウェブサイトを覚えてもらうための3つの便利なコード

訪問者があなたのウェブサイトを覚えておくのに役立つ3つの便利なコード。お気に入りに追加するためのヒン...

Linux で誤って削除したメッセージ ファイルを復元する方法

プロセスで使用されていて、誤って削除されたファイルがある場合、それらを回復することができます。プロセ...

きれいなJavaScriptコードの書き方を教える記事

目次1. 変数意味のある名前を使う不必要なコンテキストを追加しないようにするハードコードされた値を避...

IE8はマルチ互換モードを使用してWebページを正常に表示します

IE8には複数の互換モードがあります。 IE プラットフォームの設計者である Chris Wilso...

Jenkins の Docker のデプロイとインストール手順

まず、Docker がインストールされたサーバーが必要です。 (私はすでにこれをサーバーにインストー...

Docker チュートリアル: コンテナの使用 (簡単な例)

Docker を初めて使用する場合は、コンテナの管理を始めるために習得する必要がある基本的なコマン...

WordPress実験を実装するための3つの仮想マシンのKVM展開の詳細説明

1. KVM の概要カーネルベースの仮想マシンの略称は、Linux 2.6.20 以降のすべての主要...

ショートビデオ(Douyin)の透かし除去ツールの実装コード

目次1. まず最初のリンクを取得する2. ブラウザでこのリンクを開いてください3. アドレスを開くと...

MySQL 5.7.10 winx64 のインストールと設定方法のグラフィック チュートリアル (win10)

MySQL は比較的使いやすいリレーショナル データベースです。今日は、win10 システムを再イ...

react-navigation6.xルーティングライブラリの基本的な使い方の詳しい説明

目次react-nativeプロジェクトの初期化react-nativeプロジェクトをインストールす...

マークアップ言語 - リスト

標準化されたデザインソリューション - マークアップ言語とスタイルマニュアルWeb 標準ソリューショ...

CSS でテキストシャドウと要素シャドウ効果を使用する

テキストシャドウの紹介CSSでは、 text-shadowプロパティを使用してテキストの影を設定しま...

Webpack5-react スキャフォールディングをゼロから構築するための実装手順 (ソースコード付き)

目次ウェブパック5公式スタート建築ガイド構築を開始する依存する準備が完了したら、プロジェクトの構築を...

KVM 仮想化のインストール、展開、管理のチュートリアル

目次1.kvmの展開1.1 kvmのインストール1.2 kvm Web管理インターフェースのインスト...

サーバー間のファイル バックアップ ソリューション、サーバー ファイルを別のサーバーに自動的にバックアップする方法は?

多くの組織ではファイル サーバーをバックアップする必要があり、あるサーバーから別のファイル サーバー...