2015年に最もテストされた電子メールクライアントトップ10

年を追うごとに、人々が電子メールをチェックするために使用するアプリケーションとデバイスの数は増加しています。 その結果、テスト作業に重点を置く領域が転換点に達し、多くの電子メールマーケティング担当者が最も効率的なテスト方法を特定できなくなるため、電子メールマーケティング担当者の仕事は年を追うごとに少し複雑になります。

サブスクライバーに最も人気のある電子メールクライアントはどれですか？ レンダリングの癖が最も多いのはどれですか？ トラブルシューティングに最も時間がかかるのはどれですか？

多くの電子メールマーケティング担当者は毎日これらの課題に直面していますが、組織内での電子メールマーケティング担当者の立場が孤立しているため、多くの場合、単独で直面しています。

データをまとめて表示した場合にのみ、パターンが出現するのを確認できます。その結果、メールキャンペーンをテストおよび測定するためのより正確な青写真を定義できます。

他のメールマーケターやデザイナーはどこにテストの努力を集中していますか？ 3億6000万を超えるLitmusプレビューテストを分析して調べました。 2016年に設計とテストの取り組みを計画する際に、このリストが良い出発点として役立つことを願っています。

1. Outlook 2013

Outlook 2013が、テストされたほとんどのクライアントのリストのトップに立ったことは、私たちにとって驚きではありませんでした。 Outlookは、毎月の市場シェア統計で一貫して上位5つのクライアントに含まれています。 サブスクライバーはOutlookクライアントで頻繁に電子メールを開いているため、デザイナーはそれらの受信トレイでデザインが見栄えがすることを確認したいと考えています。

さらに、Outlook2013には多くのレンダリングの癖があります。 電子メールの設計者は、このクライアントでデザインを頻繁にテスト（および再テスト）して再テストする必要があると予想されます。 Outlook 2013は、Outlook 2007および2010とともに、Microsoft Wordを使用して電子メールをレンダリングします（そうです、実際には、ワードプロセッサです！）。 これは、HTMLとCSSのサポートが不十分であることを意味します。

このクライアント向けに設計する際に留意すべきいくつかの癖を次に示します。

• divおよびテーブルセルの背景画像はサポートされていません
• CSSのフロートまたは位置はサポートされていません
• テキストシャドウはサポートされていません
• パディングとマージンのサポートが不十分
• CSSの幅と高さのサポートが不十分
• ネストされた要素の背景色に関する問題

2.Gmail

Googleの無料のGmailサービスは、世界で最も人気のあるメールサービスの1つであり、メールデザイナーにとって多くの頭痛の種となっています。 GmailのウェブメールクライアントはCSSのサポートが優れているとは言えないため、これが最もテストされたクライアントの1つであることは当然です（メールクライアントの市場シェアで第2位であることは言うまでもありません）。

Gmailのプリプロセッサは、JavaScript、オブジェクトと埋め込みタグ、Flashをコードから取り除きます。 さらに、headタグとbodyタグの両方、および電子メール内のスタイルタグをすべて削除します。 メールキャンペーンがGmailで適切に表示されるようにする最も簡単な方法は、最も重要なスタイルをインラインに配置することです。

Gmailのその他の癖は次のとおりです。

• Gmailでは、画像の下にギャップが表示されることがあります。これにより、レイアウトが破損する可能性があります。 幸いなことに、簡単な修正があります。
• Webフォントは表示されません。
• コンテンツを表示および非表示にするためにメディアクエリと一緒に頻繁に使用されるCSS表示プロパティはサポートされていません。

3. Outlook 2010

Outlook 2010（およびOutlook 2007）には、Outlook 2013と同じ癖があるため、これも最も頻繁にテストされたクライアントの1つであったことは理にかなっています。 覚えておくべき他のいくつかの癖があります：

• デフォルトで画像をブロックします
• ALTテキストをサポートしますが、テキストの先頭にセキュリティメッセージを追加します
• アニメーションGIFは再生されず、最初のフレームのみが表示されます
• HTML5ビデオは再生されません—フォールバックコンテンツが表示されます

4. Outlook 2007

Outlook 2007は、Outlook2013およびOutlook2010と同じHTMLおよびCSSサポートを提供します。さらに詳しく説明する必要がありますか？

5. Outlook 2011

ああ、別のOutlookクライアントです！ Outlook 2011は、「Outlook for Mac」とも呼ばれ、Macintoshコンピューター用のApple独自のオペレーティングシステムであるOS Xで実行され、WebKitを使用して電子メールをレンダリングします。 WebKitはHTMLとCSSを優れた方法でサポートしているため、これは電子メール設計者にとって素晴らしいニュースです。

Outlook 2011は、電子メールをAppleMailと非常によく似た形でレンダリングします。

• スタイル付きのALTテキストをサポート
• アニメーションGIFが再生されます
• HTML5ビデオがサポートされています
• 件名に記号を表示します

注意すべき1つの癖は、Outlook 2011はデフォルトで画像をブロックしますが、信頼できる送信者には画像を表示することです。 ALTテキストと、ライブテキストと画像の適切なバランスを使用して、画像が存在するかどうかに関係なく、デザインが実用的であることを確認します。

6. iPad

iPadは、市場シェアの統計によると3番目に人気のある電子メールクライアントであり、開封された電子メール全体の12％を占めています。 Appleのすべての電子メールクライアントと同様に、iPadはWebKitを使用してレンダリングします。つまり、HTMLとCSSを強力にサポートしています。

iPadユーザー向けのメディアクエリをターゲットにする必要はありません。その画面サイズは、ほとんどの電子メールデザインを快適に表示するのに十分な大きさだからです。 ただし、iPadに特定のメディアクエリを実装することを選択した場合は、使用するのに最適なスニペットが用意されています。

6. iPhone 5S

iPhoneは、2015年を通じて最も人気のある電子メールクライアントとして君臨し続けています。iPadのように、iPhoneは電子メール設計者に苦痛を与える可能性はほとんどありません。

ネイティブiOSメールアプリのメールについて注意すべき点がいくつかあります。

• デフォルトで画像を表示します
• メディアクエリをサポート
• スタイル付きのALTテキストをサポート
• プレビューテキストを表示します

8. iPhone 6

別のiPhone—そして優れたHTMLとCSSをサポートする別のプラットフォーム！ ただし、注意すべき点がいくつかあります。 以前のすべてのiPhoneバージョンは同じサイズで、同じメディアクエリブレークポイントを持っていましたが、iPhone6はこの同期でレンチを投げました。 iPhoneの「すべてを支配する1つのメディアクエリ」はもうありません。 幸い、さまざまなiPhoneデバイス用のメディアクエリスニペットがあります。

このかつてないほど大きなiPhoneでの電子メールについてのもう一つの注意点は、以前のバージョンと比較して、from名、件名、およびプリヘッダーテキストに表示される文字が多いことです。

サブスクライバーがiOS9（Appleの最新のモバイルオペレーティングシステム）を使用している場合、注意すべきいくつかの癖があります。

• サブスクライバーがiOS9（Appleの最新のモバイルオペレーティングシステム）を使用している場合、注意すべきいくつかの癖があります。
• 自動ズームはレイアウトの破損につながります。
• 全幅の背景を持つ電子メールにパディングが追加されるため、電子メールの両側に空白が生じる可能性があります。

9. iPad Mini

さらに別のAppleクライアント！ iPad MiniのディスプレイサイズはiPadと同じであるため、これらのデバイスを既にターゲットにしている場合は、メディアクエリを調整する必要はありません。

10.Yahooメール

最もテストされた電子メールクライアントのリストを締めくくるのはYahooメールです。 Yahoo Mail Webメールクライアントはブラウザの癖の影響を受けますが、Yahoo Mailは一般に、今日の電子メール設計で使用される最も一般的なHTMLとCSSを非常によくサポートしています。 最も注目すべき省略は、上、右、下、左などのCSSポジショニングルールのサポートです。

その他の癖は次のとおりです。

• align =“ center”属性が機能しないため、テーブルが目的の位置の左側に表示されます。 幸いなことに、修正があります。
• Gmailと同様に、Yahooは画像の下にギャップを表示することがよくあります。 この問題を解決するには、画像をimgタグのブロックレベルの要素として宣言します。

2015年の他のトップ10リストをチェックしてください

• 2015年のトップ10メールデザイン+マーケティングブログ投稿
• 2015年のトップ10のEメールマーケティング統計
• 2015年のトップ10の最も人気のあるスニペット
• 2015年のトップ10コミュニティディスカッション
• 2015年のトップ10メールデザインポッドキャストエピソード
• 2015年のトップ10の最も人気のある電子メールクライアント
• 2015年のトップ10ベストパフォーマンスリトマスメール
• 2015年のトップ10の電子メール開発
• 2016年のトップ10のEメールマーケティング予測

テストの取り組みをどこに集中させる必要がありますか？

Eメールマーケティングは、オーディエンスに合わせて調整すると最も効果的に機能します。 EmailAnalyticsで送信したメールを他の人がどこで開いているかを調べます。

Litmusを無料でお試しください→