iPhone 與 Android：如何讓電子郵件在移動設備上看起來很棒

如今，近 60% 的美國成年人擁有智能手機，因此讓電子郵件在移動設備上看起來更美觀比以往任何時候都更加重要。 iPhone 和 Android 的購買量在美國幾乎持平——iPhone 佔銷售額的 47.7%，而 Android 佔有 47.6% 的市場份額。 在歐洲和中國的大部分地區，Android 的購買量最大，其次是 iOS。 相反，在日本，iOS 佔大多數，銷售額超過 60%。 好多啊！ 移動電子郵件設計比以往任何時候都更加重要。

雖然查看全球購買數據是智能手機採用率的重要指標，但重要的是您的受眾。 哪些智能手機最受電子郵件訂閱者歡迎？

了解你的聽眾

除了銷量之外，打開電子郵件是智能手機受歡迎程度的另一個重要指標——尤其是受眾喜歡哪些設備。

移動打開現在佔電子郵件打開總數的 50% 以上。 這些移動打開的大部分發生在 iPhone 上，佔打開總數的 26%，Android 佔打開總數的 7%。

為什麼銷售和電子郵件之間的差異會打開？ 雖然 iOS 默認顯示圖像，但許多 Android 應用程序不顯示。 由於確定打開電子郵件的位置需要加載圖像，因此由於自動圖像阻止，某些應用程序和程序的數據被過多或過少。

與智能手機銷售一樣，從整體上查看電子郵件開放數據對於識別趨勢非常有用。 更重要的是了解您的訂閱者在哪裡打開您的電子郵件。 跟踪和分析您的訂閱者正在使用哪些應用程序和程序是為您的受眾優化廣告系列的最佳方法之一。

您可以使用 Litmus 電子郵件分析數據來獲取此信息。

將電子郵件視為應用程序

60% 的成年人擁有智能手機，很明顯人們喜歡隨時隨地消費內容。 他們最喜歡的內容類型？ 電子郵件，當然！

有這麼多人使用智能手機——電子郵件是這些設備上最受歡迎的活動——評估你的電子郵件在這些小屏幕上的顯示方式很重要。

在移動電子郵件設計方面，有很多需要考慮的地方。 除了眾多智能手機之外，用戶還有數十種不同的電子郵件應用程序可供選擇——每個應用程序都有自己的一組渲染怪癖。 原生 Android 電子郵件應用程序中的電子郵件與 Gmail 應用程序中的同一電子郵件的顯示方式可能大不相同。

Android 4.x 本機電子郵件應用程序（響應式）

Android Gmail 應用程序（無響應）

了解您的受眾在哪裡打開電子郵件至關重要，特別是考慮到 71% 的人會刪除在移動設備上看起來不好看的電子郵件，而 16% 的人會退訂！

了解限制

在針對 iOS 和 Android 訂閱者進行優化時，請務必記住，並非所有移動電子郵件應用程序都具有相同的 HTML 和 CSS 支持。 那會使電子郵件創建變得太容易了，不是嗎？

	媒體查詢	圖像阻塞	替代文字	帶樣式的 ALT 文本	預覽文本
Android 4.x（本機電子郵件客戶端）
安卓 Gmail 應用
安卓雅虎！ 郵件應用
iOS 郵件應用程序（本機電子郵件客戶端）			*	*
iOS Gmail 應用			*	*
iOS 雅虎！ 郵件應用

*圖像在 iOS 中默認啟用，但出於測試目的手動禁用。 iOS Gmail 應用程序沒有禁用圖像的選項。

例如，iOS 和 Android 電子郵件應用程序對響應式設計的支持不一，旨在為訂閱者提供最佳的電子郵件體驗——無論他們是在移動設備還是桌面設備上閱讀。

響應式電子郵件使用媒體查詢，這是一組特殊的 CSS 樣式，其作用類似於條件語句。 它們響應設備的屏幕尺寸，根據屏幕尺寸應用不同的規則集。

雖然響應式設計允許跨環境獲得最佳電子郵件體驗，但並非所有地方都支持媒體查詢（見上圖）。 更複雜的是，雖然 Android 原生電子郵件應用程序支持媒體查詢，但三星 Android 設備不支持它們——即使在原生客戶端中也是如此。 這是三星用自己的電子郵件應用程序替換原生 Android 電子郵件應用程序的結果。 您可以使用混合編碼方法使您的電子郵件在此客戶端中具有響應性。

此外，由於媒體查詢並非普遍支持，請考慮使用這些移動友好元素作為不支持媒體查詢時的備份：

簡化內容和設計

人們平均每天看手機 150 次。 這些簡短的互動意味著您必須快速理解您的觀點。 專注於您的營銷活動中的相關信息，讓訂閱者可以快速掃描您的電子郵件。

此外，請考慮使用單欄設計以提高易讀性。 兩欄或更多欄擠滿了移動設備的小屏幕，使訂閱者難以閱讀您的電子郵件並與之互動。

讓一切變得更大

為了進一步提高可讀性和可掃描性，請使用大字體。 訂閱者不應該放大他們的移動設備來閱讀您的電子郵件 - 使您的字體足夠大，以便即使是最糟糕的眼睛也可以輕鬆閱讀您的郵件。

我們建議正文副本使用最小尺寸為 14 像素，標題使用最小尺寸為 22 像素。 保持文本至少 14 像素將避免在 iOS 上損壞導航欄和其他佈局元素，它會自動將小副本的大小調整為最小 13 像素。

此外，請使用易於觸摸的按鈕。 我們建議使用 44x44px 的最小按鈕大小。 一定要用足夠的空白包圍它！ 您希望確保您的 CTA 易於訂閱者點擊，因此不要在它們周圍放置文字或其他鏈接。

防禦性設計

默認情況下，許多 Android 和 iOS 電子郵件應用程序會阻止圖像。 因此，針對這種情況優化您的電子郵件和計劃至關重要。 無論圖像是打開還是關閉，您仍然希望您的訂閱者能夠閱讀您的大部分消息並與之互動。

使用 HTML 文本和圖像的適當平衡（HTML 文本仍將顯示在圖像關閉環境中），以確保即使圖像不存在，相關信息仍將存在。

此外，替代文本（ALT 文本）在大多數圖像阻塞場景中代替圖像呈現，是繞過阻塞圖像的應用程序的最佳方法之一。 您甚至可以使用帶樣式的 ALT 文本來讓您的描述流行起來！

優化收件箱

由於訂閱者首先在收件箱中與您的電子郵件交互，因此針對此視圖進行優化至關重要。 始終使用您的訂閱者會識別的值得信賴的名稱。 此外，使用描述電子郵件內容的主題行並吸引您的訂閱者打開它。

上面提到的所有 iOS 和 Android 電子郵件應用程序都支持預覽文本。 使用這額外的幾行文本（與主題行配對）來進一步鼓勵您的訂閱者打開！ 預覽文本是從 HTML 中的前幾行文本中提取的，因此請確保使用“作為網頁查看”或“看不到這個？”之類的文本。 沒有出現。

測試，測試，再測試！

為了製作效果最佳的營銷活動——不僅在 Android 和 iOS 電子郵件應用程序上，而且在每個收件箱中——您應該不斷測試您的營銷活動。 對電子郵件應用程序的支持一直在變化 - 因此在每次發送之前進行測試可確保您的活動看起來和工作正常。

此外，使用 A/B 測試來查看與您的受眾產生共鳴的內容。 有無數的東西需要測試，包括標題、預覽文本、名稱和設計元素。 這是對您的廣告系列進行可衡量的改進的最有效（且簡單！）的方法之一。

為您的移動受眾發現 + 優化

您的電子郵件是否針對移動設備進行了優化？ 他們應該是嗎？ 查看銷售數據只能描繪出部分畫面——查看訂閱者的行為很重要。 畢竟，他們是您要發送給的對象，而不是一般人群。

借助 Litmus 的電子郵件分析，您可以查看誰在 iPhone 和 Android 上打開郵件。 然後，使用電子郵件預覽在流行的應用程序和程序中獲取電子郵件的屏幕截圖。 免費試用我們！

開始免費試用 →