あなたのプチオンの努力で視覚とインフォグラフィックを効果的に使用する方法

視覚とインフォグラフィックがプチオン成功のために不可欠である理由

プチオンは、集団的な説得力で運動しています。あなたは人々が感情的な体重を運ぶ原因のためにしばしば、自分の時間、注意、および個人情報に投資することを尋ねます。注目が年によって収縮する混雑したデジタルランドスケープでは、テキストのみのアピールは、カットするのに苦労しています。視覚とインフォグラフィックは、消化可能な感情的に共鳴するフォーマットに複雑な引数を凝縮することにより、ソリューションを提供します。戦略的に適用されたとき、彼らはページを飾るよりも多く行います。彼らは行動を促進し、信頼し、共有性を増幅します。

のジャーナル・オブ・インタラクティブ・マーケティング[は、人々が視覚情報を6万回より速く処理することを示します。誰かがあなたのペットフードリンクを過去にスクロールすると、その速度は重要です。説得力のあるインフォグラフィックは、スクロールを停止し、コア・引数を秒単位で提供し、クリックを保証するために十分な感情的なホックを作成します。速度を超えて、視覚もリコールを改善します。電子メールキャンペーンに埋め込まれたよく設計されたチャートは、たとえば、65%のリテンションを増加させるには、65%の統計量と比較して、メッセージが上昇することができます。

ペットイニシアチブの制作者には、草の根活動家、非営利団体、または関係者が視覚コミュニケーションを習得するかどうかは、もはやオプションではありません。エンゲージメント、コンバージョン、長期的運動の成長を高めるための直接レバーです。

効果的な視覚的観念の背後にある心理学

why]の理解視覚の仕事は、あなたのペディションの旅の各段階のための適切なフォーマットを選ぶのを助けます。神経学的レベルでは、画像は脳の遅く、分析処理を迂回し、感情と記憶の席に直接タップします。これは、汚染された川の写真が水質データの段落よりもより多くの署名を亜鉛メッキすることができる理由です。しかし静的な画像は、唯一の始まりです。エスプレッションとイメージは、両方の理由を組み合わせて、両方のデータを組み合わせて、感情を促進します。

認知負荷の役割

読者がテキスト重いペディションページ、その認知負荷のスパイクに遭遇したとき。彼らは文を解読し、ロジックを接続し、作業メモリに事実を保持しなければなりません。インフォグラフィックは、情報を視覚的な階層にチャンクすることにより、この負荷を軽減します。例えば、ローカルグリーンスペースのグラデーションロスを示すタイムラインインフォグラフィックは、視聴者が説明文の単一の行を読みなくても傾向を吸収させます。処理のこの容易さは、訪問者がサインアップを完了する可能性が増加します。

色と感情的な色合い

色の心理学は視覚的な知覚で重要な役割を果たしています。青は、ポリシーや機関的な変化に焦点を当てたプチオンのために信頼と安定性を伝えます。赤いオレンジ信号の緊急性と危険性、緊急の資金や気候の警告などの時間感的な問題に対する即時の行動を高めることができます。緑は、環境と健康の原因と整列します。あなたの視覚ツールキットには、視聴者を圧倒することなく、あなたのメッセージを強化する審美的なカラーパレットが含まれるはずです。

データ可視化による社会証拠

人間は社会的な動物です。すでに署名した人の多くは、どのように高速署名が蓄積されているか、または支持者の人口統計的なスプレッドが強力な社会的証拠を作成します。「15,000を超えるNeighbors Already Signed」というシンプルなバーチャートは、参加する訪問者が正当性的、期待的、そして緊急であることを伝えます。この技術は、合意の原則を有効活用します。ロバート・シアルディニは、6つのキードライバーが1つのキーとして識別されています。

あなたのプチオンキャンペーンをスーパーチャージする8種類のビジュアル

あらゆるビジュアルが同じ目的を果たしているわけではありません。以下は、特定のユースケースとデザインのヒントと共に、ペットイニションの最も効果的なフォーマットです。

1. データ主導のインフォグラフィック

これらは、証拠ベースのペディショニングのバックボーンです。統計、比較、およびタイムラインを単一のスキャン可能な構成にまとめます。例えば、あなたのペディションがローカル学校の資金改革を要求する場合、前後のインフォグラフィック表示教室のオーバークローディング比と全国平均が大幅に効果的にすることができます。棒グラフ、パイチャート、またはアイコン配列を使用して、すぐに数字を作ることができます。

Design tip:]は、インフォグラフィックごとに最大4つのデータポイントを使用します。そのリスクよりも認知過負荷。信頼性を維持するために、下部の小さなテキストでソースを常に引用します。

2. 比較インフォグラフィック

あなたのペディションが現在の現実に対する理想的な結果を下ると、サイドバイサイドの比較グラフィック作品は不思議です。左と右にある「私たちができること」に「今持っているもの」を表示してください。この構造は、ステークを明らかにし、有形に感じるようにします。

3. ステップバイステップガイド

あなたのペディションが、新しい政策を採用するために地方議会を請願うような行動に複雑な呼び出しを伴う場合、ステップバイステップビジュアルを使用してプロセスを概説します。各ステップは、アイコンと短いラベルであることができます。 "1。プチオン"、2。あなたのネットワークと共有する"3。聴覚に出席します。これは、不確実性を減らし、フォロースルーを増加させます。

4. 引用カードおよび証言のグラフィック

認証は、現代の支持で通貨です。影響を受けたコミュニティメンバーからの引用で、自分の写真(許可を得て)できれいな背景に置かれ、あなたの問題を人間化することができます。たとえば、データの行で引用をペアリングし、例えば、メディアの家賃に関する統計に隣接する「家族が家賃の40%を費やしています」。これらのカードはInstagram、Facebook、LinkedInで非常に共有可能です。

5. 影響のタイムライン

タイムラインインフォグラフィックは、長期的に問題に対処するプチオンのために優れています。資金削減の年、汚染の数十年 - 問題の歴史を表示し、その後、ペットイニションが成功した場合、未来を計画します。この物語アークは、緊急性と同時に希望を作成します。

6. アイコン駆動の簡易化装置

ペットのイメージが、複数のファセット(例えば、食品のセキュリティ)で問題に取り組むと、それぞれのファセットを表現するためのアイコンが段落よりも効果的である。ワンワードラベルを持つ5つのアイコン、「アクセス」、「コスト」、「栄養」、「警告」、「ポリシー」 - 明らかに、多面的な課題を要約する。あなたのペットフードランディングページ上のヘッダーとしてこれらを使用してください。

7. アニメーションGIFとショートビデオクリップ

静的視覚の焦点要求が集中している間、短いアニメーションスニペット(15秒未満)は、電子メールやソーシャル投稿に埋め込まれて、データが時間とともに変化する様子を見せることができます。氷の融点や住宅価格のスイックの年々に進行するGIFは、ビデオ制作リソースを必要としずに動きを追加し、目を引く。

8. ミームとサティカルグラフィックス

アブシュルドポリシーまたは企業的malfeasanceに対してプッシュバックするプチオンのために、味のあるメムはウイルスの注意を生成できます。尖ったキャプションとペットの明確なリンクでユーモラスなイメージをペアリングします。しかし、このフォーマットは、トーンがあなたの原因に合ったときだけ使用します。深刻なまたは悲劇的な問題は、敬意のあるビジュアルを必要とします。

変換するビジュアルをデザインする方法:実用的なガイド

効果的なビジュアルを作成するには、グラフィックデザインでは学位を必要としません。アクセス可能なツールといくつかのコア原則では、誰もがプロレベルのアセットを生成できます。キーは、装飾上の明快さを優先することです。

シングル、強力なメッセージで始まります

設計ツールを開く前に、視聴者が思い出したい単一のテイクアウトを書き留めてください。例えば、「毎年植えられた1つのツリーは、2028年までに当社の都市の炭素の出力をオフセットできます。」という情報グラフィック、カラー、アイコン、テキストの各要素は、その文章を支持します。何かを議論します。

一貫したカラーパレットを選択

パレットを3色に制限します。1つのプライマリ(メインビジュアル重視)、1つのセカンダリ(背景やセカンダリ要素)、そして1つのアクセント(「今すぐ署名」のような行動を呼び出すための)。[]]カラーハント[]]]のようなツールを使用して、調和的な組み合わせを見つける。一貫性はチャネル全体でブランドの認識をビルドします。

ティポグラフィ: 少ないありますもっと

フォントファミリーは2つ以上使用しません。見出し(太字、サセリフ)と本文(中立的で高いレガブル)の1つ。データラベルやコールツーアクションボタン用の装飾的なフォントを避けてください。フォントサイズはモバイル画面で読みやすく、ペディションビューの大部分は発生します。

白空間を取り入れる

単一のイメージにあまりにも多くの情報をクランピングすることは目的を打ち破ります。テキストとデータポイントの周りの多岐にわたる空白は、視覚的に専門的で信頼できる感じさせます。それはまた最も重要な要素に目を描きます - 通常、視聴者が取るようにしたいアクション。

常に明確なコールをアクションに含める

すべてのビジュアルはビューアを1つの特定のアクションに動かす必要があります。そのアクションは、ほぼ常に「プチオンを署名」です。CTAを目立たせ、ボタンやグラフィックの下部の3分の1の太字なリンクとして頻繁に配置します。ソーシャルメディア共有が可能なためには、短縮されたURLまたは署名されたフォームに直接つながるQRコードが含まれます。

デザインの背景のないプロフェッショナルなビジュアルをデザインするツール

ビジュアルデザインへの参入障壁は決して下がりません。以下は、アドボカシーキャンペーンで使用されるトップツールであり、ペットイション作業のために設定された使いや機能の容易性によってランク付けされています。

Canva(無料とプロ)

Canvaは、非営利団体や活動主義のために特別に構築されたインフォグラフィックテンプレートの何千ものを提供しています。そのドラッグアンドドロップインターフェイスは、あなた自身のデータとブランドカラーを数分で交換することができます。無料のティアには、ほとんどの請願キャンペーンに十分なアセットが含まれています。背景除去とプレミアムストック写真のProにアップグレード。

フィクトチャート

Piktochartは、インフォグラフィックとデータ集中的なビジュアルを専門としています。それはあなたがあなたの数字を入力することができ、即座にレンダリングされたそれらを見ることができます事前構築されたチャートウィジェットを提供します。プラットフォームには、プレゼンテーションテンプレートも含まれ、オンラインタウンホールや意思決定者とのミーティング中に共有するのに便利です。

ベンガネージ

Venngageはストーリーテラーの周りに構築されています。そのテンプレートは物語の流れに焦点を当て、タイムラインインフォグラフィックやステップバイステップガイドに最適です。このツールには、テキストのプロンプトや色のコントラストチェッカーなどのアクセシビリティ機能も含まれています。これは多くの場合、アドボカシーデザインを見下ろすものです。

Adobe Express(旧Adobe Spark)

Adobe Expressは、完全なAdobeスイートを学習することなく、画像、テキスト、エフェクトをレイヤーしたい人のためのよりデザイン柔軟性を提供します。これは、洗練されたプロフェッショナルな外観を与える、Adobe Fontsとストックライブラリと統合します。無料版は寛大であり、有料プランはチームコラボレーション機能を提供します。

ヴィスメ

Vismeは、データ可視化、インタラクティブな要素、さらにはスライドショー用のオーディオナレーションを含むオールインワンのビジュアルコンテンツプラットフォームです。ロビーミーティング用のプレゼンテーションデッキが必要なプチのために、Vismは強い選択です。

あなたのプチオンエコシステムを渡る視覚を統合する

ビジュアルを作成することは、作業の半分だけです。戦略的な配布は、適切な瞬間に適切な目の前に着陸することを可能にします。キャンペーンのすべてのチャネルに視覚を織る方法は次のとおりです。

あなたのプチオンランディングページ

ランディングページは、あなたのプライマリコンバージョンゾーンです。横のまたは下にある、直接、フォールドの上にヒーローインフォグラフィックを配置します。このビジュアルは、コアの問題と5秒未満の所望の結果を要約する必要があります。二次インフォグラフィックを使用して、証拠ポイント(例えば、「なぜこのプティオンマター:4キーファクト」)を表示するページをさらに下に表示します。パートナー組織からのサードパーティの内訳やロゴは、ビルドするアイコンの簡単な列として表示することができます。

ソーシャルメディアフィード

各ソーシャルプラットフォームは異なるビジュアルフォーマットを必要とします。InstagramとFacebookでは、最小限のテキストオーバーレイで正方形または垂直(4:5)画像を使用します。LinkedInとTwitter(X)では、横(16:9)インフォグラフィックがより良くなります。各プラットフォームの行動にあなたの呼び出しを合わせます。Instagramは、ストーリー主導のカルーセル(スワイプ可能なインフォグラフィックカード)に最適です。Twitterは単一の強力なデータポイントをリンクで支持しています。プラットフォーム固有のテキストオーバーレイを使用して、視覚的なリフトを解除します。

メールキャンペーン

埋め込まれたビジュアルを持つメールは、テキストのみの同等物よりも最大42%高いオープンレートを参照してください。 Campaign Monitor]]に従って。電子メールの最初の3分の1で、コンペインフォグラフィックを配置しますが、重要な情報を伝えるために画像に依存することを避けます。一部の電子メールクライアントはデフォルトで画像をブロックします。常に視覚的なメッセージを要約し、画像の下にあるテキストバージョンを追加します。 CTAでは、背景が表示されるボタンです。

オフラインイベントと印刷材料

プチオンはデジタルだけではありません。ラルリー、コミュニティミーティング、またはイベントのタブリングでは、印刷されたインフォグラフィックは、ポスターボード上で手渡したり表示したりすることができます。これらの物理的なコンテキストでは、より大きなタイプサイズ(少なくとも18pt)と高コントラスト色を使用します。バナースタイルのインフォグラフィックは、写真の背景として2フィート広く2倍にすることができます、参加者はソーシャルシェアのためにそれらをポーズすることを奨励します。

パートナーニュースレターとブログの埋め込み

お客様が、石炭業界パートナーがインフォグラフィックにコードを埋め込むようにしてください。多くのプラットフォーム(Google Sites、Squarespace、WordPressなど)では、CanvaやPiktochartのビジュアルを直接埋め込むことができます。各埋め込みは、あなたのペット条件ページへのリンクを張って、紹介トラフィックを追跡する必要があります。

視覚の影響を測定する

測定結果が向上します。これらのメトリックを使用して、視覚が運転結果であるかを評価します。

クリック徹底率(CTR)

ソーシャルメディアやメールで視覚を見たり、ペットを通したりする人が、どのように多くの人に追跡できます。視覚的な投稿とテキストのみの投稿のCTRを比較します。視覚がうまく最適化されると、30%以上の違いが一般的です。

社会株式とリーチ

インフォグラフィックは、ソーシャルメディア上で最も共有されているコンテンツタイプです。 ]]HubSpot]]に従っています。 UTMパラメータを使用して、共有インフォグラフィックリンクから直接多くのペディションシグネチャが来ているかを追跡します。 Google AnalyticsやBitlyなどのプラットフォームは、どのビジュアルフォーマットが最も二次的なシェアを生成するかを明らかにできます。

ページとスクロール深さの時間

あなたのペディションランディングページでは、訪問者の目指す場所を見るために、熱間マッピングツール(HotjarやCrazy Egg)を使用します。印象的なインフォグラフィックがページやより深いスクロール深さで長時間相関している場合、そのビジュアルはその仕事をしています。 A / Bテスト2つの異なるヒーロービジュアルが、どの1つがより完全な署名につながるかを確認します。

変換漏斗ドロップオフ

ペットのペディションページのデータセクションで高いドロップオフに気付いたら、インフォグラフィックで長い統計リストを交換してみてください。適切に設計されたビジュアルは、同じ情報をより速く、より記憶に伝えるため、20〜40%の低下を減らすことができます。

一般的な間違いとThemを避ける方法

よく意図したビジュアルでも、後火できます。避ける下落は次のとおりです。

デザインを積み過ぎる

様々な色、フォント、クリップアートアイコン、またはデータポイントが視覚的なノイズを作成します。聴衆はグラフィックを無視するか、混乱を感じるでしょう。 3色、2フォント、および4つのキーデータ要素以外の3つのルールに貼り付けます。

モバイル最適化の無視

ペット署名の大きな割合は、モバイルデバイスから来ています。デスクトップ画面用にインフォグラフィックが設計されている場合、テキストは携帯電話上で微小な画像になります。常にモバイル画面上のビジュアルをプレビューし、すべてのテキストがズームなしで合法のままに保つことを確認します。キャンバスとPiktochartは、モバイル固有のプレビューモードを提供します。

ミス・トップまたは非ラベルデータの使用

信頼性は壊れやすいです。チャートがy軸またはオムツのサンプルサイズをトランクする場合、シャープなサポート担当者または相手がそれを呼び出します。キャンペーンインフォグラフィックのすべてのデータポイントには、ソース引用を含める必要があります。あなたのデータに自信がない場合は、公開前に事実確認パートナーに相談してください。

テキストとアクセシビリティの代替

スクリーンリーダーは、画像を解釈できません。すべてのビジュアルがオンラインで公開されるには、同じ情報を画像と同じ情報に伝えている記述的なaltテキストが含まれるはずです。複雑なインフォグラフィックの場合、テキストのトランスクリプトやテキストバージョンへのリンクを提供します。アクセシビリティは、倫理的な義務と実用的なものの両方であり、それはあなたの障害者コミュニティへの到達を拡大します。

CTA を忘れる

次回のビューアーに何をすべきかを伝えない美しいインフォグラフィックは、ペディションツールではなく、アートピースです。常に明確に埋め込まれ、行動に繰り返しコール。 Twitterでグラフィックが共有されている場合、同行ツイートにはペディションURLも含まれます。

ケーススタディ:視覚と一種のプチオンがそのシグネチャレートを3倍にする方法

2023年、近所のクリーンウォーター組織は、ペットデーションと市議会のペディションを組み合わせて、単純な前後のインフォグラフィックを使用していました。このグラフィックは、ローカル湖で青緑色の藻が咲き乱れるタイムラインを示し、資金が割り当てられた場合、完全な修復の投影と対しました。組織はFacebookとNextdoorにグラフィックを共有し、ペディションランディングページ上に小さなバージョンを埋めました。2週間以内に、署名されたカウントは1,200から3,800にジャンプし、その後の上昇が、その後に影響を受けた後に、彼らは、その後、その後の視覚的な組織の73%を増加させました。

この例では、重複(強制終了)を削減し、緊急(将来の成果を投じる)増幅する、単一の焦点を絞った視覚が、広告費なしでキャンペーン結果を増やすことができます。

最終思考:動きの建物のための車としての視覚

ビジュアルとインフォグラフィックは装飾ではなく、それは説得力のあるアーキテクチャです。ペットイニションキャンペーンでは、毎秒の注意が借りられます。すぐに価値を提供し、何も価値をクリアで感情的に共鳴するイメージよりも速く届けることができます。ソーシャルメディアの最初のスクロールから最終的な署名確認ページまで、ビジュアルはサポーターの旅行をガイドし、理解し、コミットメントを固める障壁を削除します。

データを最も強力な単一の物語を識別することによって始まります。上記のリストから1つのツールを選択し、ドラフトを作成し、小さなオーディエンスでそれをテストします。フィードバックに基づいて反復します。時間をかけて、あなたは、さまざまな支持者の間で再構成、ローカライズ、共有できる視覚のライブラリを開発します。あなたの請願ワークフローに視覚的なコミュニケーションを埋め込むことで、あなたはより多くの署名を集めるよりも、視覚的に文字を生成し、ペットの降水後に持続的なコミュニティを持続することができます。