iPhoneとAndroid：モバイルでメールの見栄えを良くする方法

公開: 2015-04-10

今日、アメリカの成人の60％近くがスマートフォンを所有しているため、モバイルでメールの見栄えを良くすることがこれまで以上に重要になっています。 iPhoneとAndroidの購入は米国でもほぼ同じです。iPhoneは売上の47.7％を占め、Androidは市場シェアの47.6％を占めています。ヨーロッパと中国のほとんどでは、Androidが購入の大部分を占めており、iOSがそれに続きます。逆に、日本ではiOSが60％以上の売り上げで過半数を占めています。それは多いです！モバイルメールのデザインはこれまで以上に重要です。

世界中の購入データを見ることはスマートフォンの採用を示す優れた指標ですが、重要なのはオーディエンスです。メール購読者に最も人気のあるスマートフォンはどれですか？

あなたの聴衆を理解する

販売だけでなく、メールの開封もスマートフォンの人気を示すもう1つの優れた指標です。特に、視聴者の間でどのデバイスが好まれているかを示します。

現在、モバイルの開封は、電子メールの開封全体の50％以上を占めています。これらのモバイルオープンの大部分は、全オープンの26％を占めるiPhoneと、全オープンの7％を占めるAndroidで発生します。

なぜ売上と電子メールの間に食い違いが生じるのですか？ iOSはデフォルトで画像を表示しますが、多くのAndroidアプリは表示しません。メールを開く場所を決定するには画像を読み込む必要があるため、一部のアプリやプログラムのデータは、自動画像ブロックのために過大または過小に表示されます。

スマートフォンの販売と同様に、メールのオープンデータ全体を確認することは、傾向を特定するのに最適です。さらに重要なのは、購読者がどこでメールを開いているかを理解することです。サブスクライバーが使用しているアプリやプログラムを追跡および分析することは、オーディエンス向けにキャンペーンを最適化するための最良の方法の1つです。

Litmus Email Analyticsデータを使用して、この情報を取得できます。

メールをアプリとして受け入れる

大人の60％がスマートフォンを所有していることから、人々はいつでもどこでもコンテンツを消費することを好むことは明らかです。彼らの好きなタイプのコンテンツは？もちろんメール！

非常に多くの人々がスマートフォンを使用しており、それらのデバイスで最も人気のあるアクティビティは電子メールであるため、これらの小さな画面で電子メールがどのように表示されるかを評価することが重要です。

モバイルメールのデザインに関しては、考慮すべきことがたくさんあります。多数のスマートフォンに加えて、ユーザーは数十の異なるメールアプリから選択できます。それぞれに独自のレンダリングの癖があります。ネイティブAndroidメールアプリのメールは、Gmailアプリの同じメールとは大きく異なる表示になる可能性があります。

Android 4.xネイティブメールアプリ（レスポンシブ）

Android Gmailアプリ（レスポンシブではありません）

視聴者がどこでメールを開いているかを理解することは非常に重要です。特に、71％の人がモバイルデバイスで見栄えが悪い場合にメールを削除し、16％が登録を解除することを考慮します。

限界を知る

iOSとAndroidのサブスクライバー向けに最適化する場合、すべてのモバイルメールアプリが同じHTMLとCSSをサポートしているわけではないことを覚えておくことが重要です。それではメールの作成が簡単になりすぎますね。

	メディアクエリ	画像のブロック	ALTテキスト	スタイル付きALTテキスト	プレビューテキスト
Android 4.x（ネイティブメールクライアント）
AndroidGmailアプリ
Android Yahoo! メールアプリ
iOSメールアプリ（ネイティブメールクライアント）			*	*
iOSGmailアプリ			*	*
iOS Yahoo! メールアプリ

*画像はiOSでデフォルトで有効になっていますが、テスト目的で手動で無効にされています。 iOS Gmailアプリには、画像を無効にするオプションがありません。

たとえば、iOSとAndroidのメールアプリはレスポンシブデザインのサポートが混在しています。これは、モバイルとデスクトップのどちらで読んでいるかに関係なく、サブスクライバーに可能な限り最高のメールエクスペリエンスを提供することを目的としています。

レスポンシブメールは、条件付きステートメントのように機能するCSSスタイルの特別なセットであるメディアクエリを使用します。これらはデバイスの画面サイズに応答し、その画面サイズに基づいてさまざまなルールのセットを適用します。

レスポンシブデザインにより、環境全体で最適な電子メールエクスペリエンスが可能になりますが、メディアクエリはどこでもサポートされているわけではありません（上のグラフを参照）。さらに複雑なことに、メディアクエリはAndroidネイティブメールアプリではサポートされていますが、SamsungAndroidデバイスではサポートされていません。ネイティブクライアントでもサポートされていません。これは、SamsungがネイティブのAndroidメールアプリを独自のメールアプリに置き換えた結果です。ハイブリッドコーディングアプローチを使用して、このクライアントで電子メールをレスポンシブにすることができます。

さらに、メディアクエリは普遍的にサポートされていないため、メディアクエリがサポートされていない場合のバックアップとして、これらのモバイルフレンドリー要素を使用することを検討してください。

コンテンツとデザインを簡素化する

人々は自分の携帯電話を1日に平均150回見ています。これらの短い相互作用は、あなたがすぐにあなたの主張を理解しなければならないことを意味します。キャンペーンの関連情報に焦点を合わせ、購読者が電子メールをすばやくスキャンできるようにします。

さらに、読みやすさを向上させるために、1列のデザインを使用することを検討してください。 2つ以上の列がモバイルデバイスの小さな画面を混雑させ、サブスクライバーが電子メールを読んだり操作したりするのを困難にします。

すべてを大きくする

読みやすさとスキャン可能性をさらに高めるには、大きなフォントを使用します。購読者は、電子メールを読むためにモバイルデバイスにズームインする必要はありません。最悪の目でもメッセージを簡単に読めるように、フォントを十分に大きくしてください。

本文のコピーには14ピクセル、見出しには22ピクセルの最小サイズを使用することをお勧めします。テキストを14px以上に保つと、iOSでナビゲーションバーやその他のレイアウト要素が壊れることを回避できます。これにより、小さなコピーのサイズが13px以上に自動的に変更されます。

また、タッチしやすいボタンを使用してください。 44x44pxの最小ボタンサイズを使用することをお勧めします。十分な余白で囲んでください！サブスクライバーがCTAを簡単にタップできるようにする必要があるため、CTAをテキストやその他のリンクで囲まないでください。

防御的に設計する

多くのAndroidおよびiOSメールアプリは、デフォルトで画像をブロックします。結果として、電子メールを最適化し、このシナリオを計画することが重要です。画像がオンかオフかに関係なく、サブスクライバーがメッセージの大部分を読んで操作できるようにする必要があります。

HTMLテキストと画像の適切なバランスを使用して（HTMLテキストは画像オフ環境でも表示されます）、画像が存在しない場合でも関連情報が存在するようにします。

さらに、ほとんどの画像ブロックシナリオで画像の代わりにレンダリングされる代替テキスト（ALTテキスト）は、画像をブロックするアプリを回避するための最良の方法の1つです。スタイル付きのALTテキストを使用して、説明をポップにすることもできます。

受信トレイ用に最適化

サブスクライバーは最初に受信ボックスで電子メールを操作するため、このビューを最適化することが重要です。サブスクライバーが認識できる信頼できる名前を常に使用してください。さらに、電子メールの内容を説明し、購読者に電子メールを開くように促す件名を使用します。

上記で参照されているすべてのiOSおよびAndroidメールアプリは、プレビューテキストをサポートしています。この余分な数行のテキストを件名と組み合わせて使用して、サブスクライバーが開くようにさらに促します。プレビューテキストはHTMLの最初の数行のテキストから取得されるため、「Webページとして表示」や「これが表示されない」などのテキストを確認してください。表示されていません。

テスト、テスト、テスト！

AndroidやiOSのメールアプリだけでなく、すべての受信トレイで最高のパフォーマンスのキャンペーンを作成するには、キャンペーンを常にテストする必要があります。メールアプリのサポートは常に変化しているため、送信するたびにテストを行うことで、キャンペーンが適切に表示され、機能することを確認できます。

さらに、A / Bテストを使用して、視聴者の共感を呼ぶものを確認します。見出し、プレビューテキスト、名前、デザイン要素など、テストするものは無数にあります。これは、キャンペーンに測定可能な改善を加えるための最も効果的な（そして簡単な！）方法の1つです。

モバイルオーディエンスを発見して最適化する

メールはモバイル向けに最適化されていますか？彼らはそうあるべきですか？販売データを見ると、部分的な全体像が描かれるだけです。サブスクライバーの行動を見ることが重要です。結局のところ、彼らはあなたが送っている人たちであり、一般の人々ではありません。

LitmusのEmailAnalyticsを使用すると、iPhoneとAndroidで誰が開いているかを確認できます。次に、メールプレビューを使用して、人気のあるアプリやプログラムでメールのスクリーンショットを取得します。無料でお試しください！

無料トライアルを開始→