メールレターは、加入者と通信するための名刺です。 したがって、デザインレターの1つのスタイルを開発し、常にそれに従うことをお勧めします。 手紙のデザインは、サイト上または企業スタイルと同じである必要があります。そうすれば、もちろん彼があなたのクライアントでない限り、加入者はすぐにあなたを認識します。
メールニュースレターの要点とデザイン要素について簡単に説明します。
デザインテンプレート
メールメッセージテンプレートの最適な幅は600ピクセルです。 また、さまざまなデバイスで文字を表示する問題は、適応設計によって解決されます。 最適化されたテンプレートでは、大量のコンテンツを追加するためのオプションが少なくなりますが、スマートフォンでメールを表示することを好む多くのユーザーの忠誠心が得られます。
シンプルでフラットなデザインが流行
購読者は、シンプルなHTMLレイアウトの文字を好むため、メッセージを簡単にナビゲートできます。 シンプルでありながら味で作られたスタイリッシュなデザインは、まったく別の問題です。
色域
最近の電子メールでは、ほとんどの場合、1つまたは2つの原色のみが書き込み用に選択されています。 使用する色が少ないほど、メッセージを見やすくなり、コンテンツの邪魔になりません。 ブランドが関連付けられている色を選択します。
調査によると、最も人気のある色はオレンジ、黒、青の色合いです。
どのような場合でも、「有毒な」色は使用されません。 テキストと背景のコントラストが優れていても、そのような文字を読むのは簡単ではありません。 ほとんどのユーザーにとって、それは否定的な反応を引き起こし、それらの多くは単に未読の手紙を閉じます。 涙目デザインは機能しません。
フォント
推奨フォントテキストは12px、行間は1.5です。 これらのパラメータにより、手紙の受取人はすべての情報を快適に読むことができます。 あなたが手紙を読むために緊張しなければならない場合、これは自動的に手紙の内容に投影される否定的な感情を作成します。 これを回避するには、適切なフォントサイズと行間隔を選択するだけでなく、テキストの色と背景色のコントラストを実現する必要もあります。
選択されたフォントは、レターの全体的なデザインに完全に適合し、読者が目ですぐに確認できるようにする必要があります。 ニュースレターの場合、次の色を優先することをお勧めします。
ストロークなどの効果は使用しないほうがよいでしょう。
ニュースレターの構造要素
アクションボタンを呼び出します 。 クライアントが目的のアクションを実行するには、CTAボタンを簡単に見つけて、同じシンプルさでクリックする必要があります。 このため、ボタンは十分に大きく、手紙の一般的な背景に対して目立つようにする必要があります）
クリック可能な写真 。 読者の少なくとも10％が写真をクリックし、それぞれに独自の動機があります。 見やすくするために小さな画像をクリックすると、通常は大きな画像がサイトにつながります。 広告メールでは、画像の適切なデザインが特に重要です。
最小テキスト 。 ほとんどの場合、これはニュースレターに適用されます。 なぜユーザーに巨大なテキストを読ませるのですか？ 読者にとって、垂直スクロールを最小限に抑えた軽くて短い文字は、はるかに便利です。
手紙のすべての要素が全体的にどのように見えるか、そしてそれらがどのように互いに補完し合っているかを考え、主要なアイデアを強調することが重要です。 読者が文字の本質を理解しやすくするために、画像を使用してテキストを視覚化し、主要なフレーズを強調表示し、文字をブロックに分割するなどが重要です。
プリヘッダー 。 サブスクライバーはメールを読み飛ばすことができ、1つのトピックが機能しない場合があります。 しかし、デュエットはキャッチーなトピックであり、プリヘッダーはモバイルデバイス上であっても、読者を本当に引き付けることができます。 レターが画像なしで表示された場合、プリヘッダーはクライアントにレターの内容を伝えます。
他に何を追加できますか？
アニメーションGIF
そうそう-彼らは戻ってきています。 さらに、GIFファイルは電子メールだけでなく、Webデザイン全体にも返されました。 GIFは、重要な行動を促すフレーズを強調しながら、訪問者の注意をすばやく引き付けることができるため、効果的な形式です。
返品の理由は非常に簡単です。手紙を「復活」させ、動きとアニメーションを追加する必要があります。
試してみて、活気のあるニュースレターを作成してください！
Irina Chugay、マーケティング担当者SendPulse