2015 年測試最多的 10 大電子郵件客戶端

已發表: 2015-12-10

隨著時間的流逝，人們用來查看電子郵件的應用程序和設備的數量不斷增加。結果，電子郵件營銷人員的工作隨著時間的推移變得越來越複雜，因為測試工作的重點領域達到了臨界點，使許多電子郵件營銷人員無法確定最有效的測試方式。

哪些電子郵件客戶端最受我的訂閱者歡迎？ 哪些渲染怪癖最多？ 哪些需要花費最多的時間來排除故障？

許多電子郵件營銷人員每天都面臨這些挑戰，但是電子郵件營銷人員在其組織中所處職位的孤立性質常常讓他們獨自面對這些挑戰。

只有當我們集體查看數據時，我們才能看到模式出現，因此，可以定義更準確的藍圖來測試和衡量我們的電子郵件活動。

其他電子郵件營銷人員和設計師的測試工作重點在哪裡？我們分析了超過 3.6 億個 Litmus 預覽測試以找出答案。在您計劃 2016 年的設計和測試工作時，我們希望此列表將作為一個良好的起點。

1. 展望 2013

對於大多數測試客戶端而言，Outlook 2013 位居榜首並不奇怪。在我們的月度市場份額統計中，Outlook 始終位居前 5 名客戶之列。訂閱者經常在 Outlook 客戶端中打開他們的電子郵件，因此設計人員希望確保他們的設計在這些收件箱中看起來很棒。

此外，Outlook 2013 有很多渲染怪癖。預計電子郵件設計人員將經常需要在該客戶端中測試並重新測試並重新測試他們的設計。 Outlook 2013 以及 Outlook 2007 和 2010 使用 Microsoft Word 來呈現電子郵件（是的，真的——文字處理器！）。這意味著對 HTML 和 CSS 的支持很差。

在為這個客戶設計時，需要記住以下幾個怪癖：

不支持 div 和表格單元格中的背景圖像
不支持 CSS 浮動或位置
不支持文字陰影
對填充和邊距的支持不佳
對 CSS 寬度和高度的支持不佳
嵌套元素背景顏色的問題

2. Gmail

Google 的免費 Gmail 服務是世界上最受歡迎的電子郵件服務之一，它讓電子郵件設計人員頭疼不已。 Gmail 的網絡郵件客戶端對 CSS 的支持並不出色，因此它是測試最多的客戶端之一也就不足為奇了（更不用說它在電子郵件客戶端市場份額中排名第二！）。

Gmail 的預處理器會從代碼中去除 JavaScript、對象和嵌入標籤以及 Flash。此外，它還去除了電子郵件中的 head 和 body 標籤以及任何樣式標籤。確保您的電子郵件活動在 Gmail 中正確呈現的最快方法是將您最重要的樣式置於內聯。

Gmail 中的其他怪癖包括：

Gmail 有時會在圖片下方顯示空白，這可能會導致佈局損壞。幸運的是，有一個簡單的解決方法。
網頁字體不顯示。
不支持 CSS display 屬性，該屬性經常與媒體查詢一起使用以顯示和隱藏內容。

3. 展望 2010

Outlook 2010（連同 Outlook 2007）具有與 Outlook 2013 相同的所有怪癖，因此它也是最常測試的客戶端之一是有道理的。這裡有一些其他的怪癖要記住：

默認情況下阻止圖像
支持 ALT 文本，但在文本開頭添加安全信息
動畫 GIF 不播放 - 僅顯示第一幀
HTML5 視頻不播放——顯示後備內容

4. 展望 2007

Outlook 2007 提供與 Outlook 2013 和 Outlook 2010 相同的 HTML 和 CSS 支持。需要我們多說嗎？

5. 展望 2011

啊，又一個 Outlook 客戶端！ Outlook 2011，也稱為“Outlook for Mac”，在 OS X（Apple 用於 Macintosh 計算機的專有操作系統）上運行，並使用 WebKit 來呈現電子郵件。這對電子郵件設計者來說是個好消息，因為 WebKit 對 HTML 和 CSS 有很好的支持。

Outlook 2011 呈現的電子郵件與 Apple Mail 非常相似：

支持帶樣式的 ALT 文本
動畫 GIF 播放
支持 HTML5 視頻
在主題行中顯示符號

需要注意的一個怪癖是 Outlook 2011 默認情況下會阻止圖像，但會向受信任的發件人顯示它們。使用 ALT 文本和實時文本和圖像的適當平衡，以確保無論圖像是否存在，您的設計都是可操作的。

6. iPad

根據我們的市場份額統計，iPad 是第三大最受歡迎的電子郵件客戶端，佔電子郵件打開總數的 12%。像所有 Apple 的電子郵件客戶端一樣，iPad 使用 WebKit 進行渲染，這意味著它對 HTML 和 CSS 有很好的支持。

沒有必要針對 iPad 用戶進行媒體查詢，因為它的屏幕尺寸足夠大，可以舒適地顯示大多數電子郵件設計。但是，如果您選擇為 iPad 實現特定的媒體查詢，我們有完美的代碼段供您使用。

6. iPhone 5S

iPhone 一直是 2015 年最受歡迎的電子郵件客戶端。與 iPad 一樣，iPhone 不太可能讓電子郵件設計者感到悲傷。

以下是有關本機 iOS 郵件應用程序中電子郵件的一些注意事項：

默認顯示圖像
支持媒體查詢
支持帶樣式的 ALT 文本
顯示預覽文本

8. iPhone 6

另一個 iPhone——以及另一個具有強大 HTML 和 CSS 支持的平台！但是，有幾點需要注意。雖然之前所有的 iPhone 版本都具有相同的尺寸和相同的媒體查詢斷點，但 iPhone 6 在這種同步性方面遇到了麻煩。 iPhone 不再有“一個媒體查詢來統治它們”。幸運的是，我們有針對不同 iPhone 設備的媒體查詢片段。

在這款比以往任何時候都更大的 iPhone 上使用電子郵件要注意的另一件事是，與以前的版本相比，發件人名稱、主題行和標題文本中顯示的字符更多。

如果您的訂閱者使用的是 iOS 9（Apple 最新的移動操作系統），則需要注意一些怪癖：

如果您的訂閱者使用的是 iOS 9（Apple 最新的移動操作系統），則需要注意一些怪癖：
自動縮放會導致佈局損壞。
在具有全角背景的電子郵件上添加了填充，這可能會導致電子郵件兩側出現空白。

9. iPad 迷你

又一個蘋果客戶！ iPad Mini 具有與 iPad 相同的顯示尺寸，因此如果您已經針對這些設備，則無需調整您的媒體查詢。

10.雅虎郵箱

最受測試的電子郵件客戶端列表是雅虎郵件。雖然 Yahoo Mail webmail 客戶端受瀏覽器怪癖的影響，但 Yahoo Mail 通常對當今電子郵件設計中使用的最常見的 HTML 和 CSS 有很好的支持。最顯著的遺漏是支持 CSS 定位規則，如頂部、右側、底部和左側。

其他怪癖包括：

align="center" 屬性不起作用，這會導致表格顯示在其預期位置的左側。幸運的是，有一個修復程序。
與 Gmail 一樣，雅虎經常在圖片下方顯示空白。為了解決這個問題，在 img 標籤中將圖像聲明為塊級元素。

查看我們 2015 年的其他前 10 名名單

2015 年 10 大電子郵件設計 + 營銷博客文章
2015 年 10 大電子郵件營銷統計數據
2015 年 10 大最受歡迎的片段
2015 年 10 大社區討論
2015 年 10 大電子郵件設計播客集
2015 年最受歡迎的 10 大電子郵件客戶端
2015 年表現最佳的 10 封 Litmus 電子郵件
2015 年十大電子郵件發展趨勢
2016 年 10 大電子郵件營銷預測

您應該將測試工作集中在哪裡？

電子郵件營銷在為您的受眾量身定制時效果最佳。通過電子郵件分析找出人們打開您發送的電子郵件的位置。

免費試用 Litmus →