電(diàn)子郵件營銷的未來(lái)在于适應周圍環境的能力。全球超過一半的電(diàn)子郵件在移動設備上(shàng)被打開(kāi)，中國地區(qū)電(diàn)子郵件移動設備打開(kāi)率也增速迅猛，達到30%以上(shàng)，而這一比例預計(jì)在未來(lái)幾年将繼續增長。同時(shí)，不容忽視(shì)的是，至少(shǎo)50%的移動用戶将關閉或者删除沒有(yǒu)優化閱讀的電(diàn)子郵件。

對于郵件發送者來(lái)說，解決移動小(xiǎo)屏幕的郵件用戶體(tǐ)驗的一個(gè)最方便的解決方案就是響應設計(jì)，通(tōng)過包括媒體(tǐ)查詢、流體(tǐ)布局、圖片和(hé)定制(zhì)化的文案一整套技(jì)術(shù)和(hé)原理(lǐ)，電(diàn)子郵件可(kě)以在桌面和(hé)移動設備得(de)到最佳展示。響應技(jì)術(shù)允許郵件設計(jì)師(shī)隐藏、堆疊、展開(kāi)、折疊或修改內(nèi)容，以優化電(diàn)子郵件內(nèi)容在小(xiǎo)屏幕上(shàng)的顯示效果。

下面分享7個(gè)關鍵技(jì)巧和(hé)最佳實踐，幫助你(nǐ)通(tōng)過響應式設計(jì)以移動客戶期望的方式提供給移動客戶想要的信息。

1. 以移動設計(jì)為(wèi)中心創建桌面版郵件

把需要響應的部分銘記在心，特别是在設計(jì)階段。首先你(nǐ)要先形成一個(gè)移動設計(jì)的概念，并在此基礎上(shàng)創建桌面版，這正與我們以往的做(zuò)法恰恰相反。保持移動版本盡可(kě)能整潔、簡約，因為(wèi)使用的圖片和(hé)特殊設計(jì)越多(duō)，郵件越難以達到所有(yǒu)移動讀者。

2. 單列設計(jì)可(kě)以更好的同時(shí)滿足桌面和(hé)移動顯示

要想使優化電(diàn)子郵件通(tōng)訊的過程盡可(kě)能簡單，那(nà)麽應該選擇一欄的設計(jì)。這樣實踐的原因在于，并不是因為(wèi)多(duō)列設計(jì)在移動設備上(shàng)無法實現和(hé)展示，而是說單列設計(jì)可(kě)以更好的滿足郵件在桌面和(hé)移動上(shàng)的最佳展示。

3. 學會(huì)玩捉迷藏：隐藏層級、精簡內(nèi)容

設計(jì)一個(gè)手機版本郵件的主要目标是為(wèi)了确保郵件在手機上(shàng)的易讀性。這通(tōng)常意味着在你(nǐ)的移動郵件中，需要隐藏一些(xiē)次要的內(nèi)容，以保持用戶專注于最重要的信息。通(tōng)過對任何不太重要的圖像、段落和(hé)表格等應用一個(gè)簡單的隐藏層級，以使這些(xiē)內(nèi)容在移動設備顯示時(shí)被自動隐藏。

不是電(diàn)子郵件中的每個(gè)信息都一樣重要。在創建響應設計(jì)時(shí)，挑選出電(diàn)子郵件中“最重要”的信息，以避免擁擠、臃腫的移動信息，并保持內(nèi)容簡潔。小(xiǎo)屏幕意味着讓用戶盡可(kě)能有(yǒu)效地互動比以往任何時(shí)候都更重要。

4. 郵件文本左對齊，聚焦用戶更多(duō)注意力

在互聯網的複雜環境中，用戶的注意力随時(shí)都在變化，由上(shàng)海交通(tōng)大(dà)學認知實驗室與艾瑞咨詢聯合發布的《網絡視(shì)頻眼動體(tǐ)驗與廣告效果研究報告》表明(míng)，人(rén)們在觀看網絡視(shì)頻的眼動行(xíng)為(wèi)影(yǐng)響着人(rén)們對視(shì)頻廣告的注意力和(hé)持續時(shí)間(jiān)。此外，用戶對電(diàn)子郵件的不同區(qū)域賦予不同的注意程度，用戶的大(dà)部分注意力集中在左邊的電(diàn)子郵件內(nèi)容。某些(xiē)操作(zuò)系統，尤其是Android用戶，不太樂意伸縮郵件內(nèi)容，而電(diàn)子郵件的左半部分也更容易被注意到。另外，從人(rén)體(tǐ)工程學的角度來(lái)看，在使用手攜式屏幕設備時(shí)，大(dà)多(duō)數(shù)用戶也更容易與左部、中部和(hé)底部區(qū)域的元素互動。

5. 響應式圖像，可(kě)以讓用戶體(tǐ)驗更好

相同尺寸的圖像，在移動設備上(shàng)下載的速度通(tōng)常比在個(gè)人(rén)電(diàn)腦(nǎo)上(shàng)更慢，這将讓移動用戶等待時(shí)間(jiān)更長。當電(diàn)子郵件在移動設備上(shàng)接收時(shí)，用一個(gè)較小(xiǎo)版本的圖像替換，可(kě)以讓用戶體(tǐ)驗更好。

6. 小(xiǎo)屏幕改變了哪些(xiē)郵件設計(jì)規則

小(xiǎo)屏幕改變了以往的郵件設計(jì)規則，太小(xiǎo)的按鈕和(hé)鏈接在觸摸屏設備上(shàng)使用真的非常不方便。根據蘋果公司的指導，鏈接和(hé)按鈕應該有(yǒu)一個(gè)最低(dī)顯示區(qū)域大(dà)小(xiǎo)44x44像素。移動郵件應保持字體(tǐ)大(dà)小(xiǎo)在17-21像素之間(jiān)，最佳的字體(tǐ)大(dà)小(xiǎo)通(tōng)常是19像素；如果CTAs沒有(yǒu)被用戶立即看到，之後可(kě)能用戶再也不會(huì)去留意，所以重要的CTAs應該盡可(kě)能靠近郵件頂部區(qū)域。

7. 分割思考與融合設計(jì)

當你(nǐ)為(wèi)移動用戶瘦身設計(jì)時(shí)，停止從整個(gè)“頁面”角度去思考，而應該分割來(lái)考慮。建議把電(diàn)子郵件的每一部分作(zuò)為(wèi)一個(gè)單獨分割的包，這樣在設計(jì)電(diàn)子郵件時(shí)會(huì)發現存在更大(dà)的自由。

創建一個(gè)響應式的布局有(yǒu)很(hěn)多(duō)種不同的方法，建議綜合融入各種設計(jì)想法。如創建響應式布局最簡單的方法是建一個(gè)流體(tǐ)設計(jì)，使郵件适應設備顯示寬度，但(dàn)作(zuò)為(wèi)一項最佳實踐，可(kě)以綜合使用一個(gè)可(kě)伸縮的響應布局。

如媒體(tǐ)查詢也是響應設計(jì)中最大(dà)的一部分，郵件設計(jì)師(shī)用它來(lái)把電(diàn)子郵件轉變為(wèi)一個(gè)适應移動設備的更細長的版本。但(dàn)不同類型的移動設備也可(kě)以有(yǒu)不同類型的媒體(tǐ)查詢，所以營銷者還(hái)可(kě)以針對流行(xíng)設備的屏幕分辨率進行(xíng)合理(lǐ)響應郵件設計(jì)。