全球超過一半的電子郵件在移動設(shè)備上被打開，而根據(jù)全球領(lǐng)先的多渠道智能化營銷服務(wù)商webpower的郵件客戶數(shù)據(jù)分析，中國地區(qū)電子郵件移動設(shè)備打開率也增速迅猛，達到30%以上，這一比例預(yù)計在未來幾年將繼續(xù)增長。不容忽視的是，至少50%的移動用戶將關(guān)閉或者刪除沒有優(yōu)化閱讀的電子郵件。
對于郵件發(fā)送者來說，解決移動小屏幕的郵件用戶體驗的一個最方便的解決方案就是響應(yīng)設(shè)計，通過包括媒體查詢、流體布局、圖片和定制化文案等一整套技術(shù)和原理，電子郵件可以在桌面和移動設(shè)備得到最佳展示。響應(yīng)技術(shù)允許郵件設(shè)計師隱藏、堆疊、展開、折疊或修改內(nèi)容，以優(yōu)化電子郵件內(nèi)容在小屏幕上的顯示效果。
多渠道智能化營銷服務(wù)商webpower提供了7個關(guān)鍵技巧和最佳實踐，幫助你通過響應(yīng)式設(shè)計以移動客戶期望的方式提供給移動客戶想要的信息。
1. 以移動設(shè)計為中心創(chuàng)建桌面版郵件
把需要響應(yīng)的部分銘記在心，特別是在設(shè)計階段。首先你要先形成一個移動設(shè)計的概念，并在此基礎(chǔ)上創(chuàng)建桌面版，這正與我們以往的做法恰恰相反。保持移動版本盡可能整潔、簡約，因為使用的圖片和特殊設(shè)計越多，郵件越難以達到所有移動讀者。
2. 單列設(shè)計可以更好的同時滿足桌面和移動顯示
要想使優(yōu)化電子郵件通訊的過程盡可能簡單，那么應(yīng)該選擇一欄的設(shè)計。webpower這樣實踐的原因在于，并不是因為多列設(shè)計在移動設(shè)備上無法實現(xiàn)和展示，而是說單列設(shè)計可以更好的滿足郵件在桌面和移動上的最佳展示。
3. 學會玩捉迷藏：隱藏層級、精簡內(nèi)容
設(shè)計一個手機版本郵件的主要目標是為了確保郵件在手機上的易讀性。這通常意味著在你的移動郵件中，需要隱藏一些次要的內(nèi)容，以保持用戶專注于最重要的信息。通過對任何不太重要的圖像、段落和表格等應(yīng)用一個簡單的隱藏層級，以使這些內(nèi)容在移動設(shè)備顯示時被自動隱藏。
不是電子郵件中的每個信息都一樣重要。在創(chuàng)建響應(yīng)設(shè)計時，挑選出電子郵件中“最重要”的信息，以避免擁擠、臃腫的移動信息，并保持內(nèi)容簡潔。小屏幕意味著讓用戶盡可能有效地互動比以往任何時候都更重要。
4. 郵件文本左對齊，聚焦用戶更多注意力
在互聯(lián)網(wǎng)的復雜環(huán)境中，用戶的注意力隨時都在變化，由上海交通大學認知實驗室與艾瑞咨詢聯(lián)合發(fā)布的《網(wǎng)絡(luò)視頻眼動體驗與廣告效果研究報告》表明，人們在觀看網(wǎng)絡(luò)視頻的眼動行為影響著人們對視頻廣告的注意力和持續(xù)時間。
webpower研究同樣表明，用戶對電子郵件的不同區(qū)域賦予不同的注意程度，用戶的大部分注意力集中在左邊的電子郵件內(nèi)容。某些操作系統(tǒng)，尤其是Android用戶，不太樂意伸縮郵件內(nèi)容，而電子郵件的左半部分也更容易被注意到。另外，從人體工程學的角度來看，在使用手攜式屏幕設(shè)備時，大多數(shù)用戶也更容易與左部、中部和底部區(qū)域的元素互動。
5. 響應(yīng)式圖像，可以讓用戶體驗更好
相同尺寸的圖像，在移動設(shè)備上下載的速度通常比在個人電腦上更慢，這將讓移動用戶等待時間更長。當電子郵件在移動設(shè)備上接收時，用一個較小版本的圖像替換，可以讓用戶體驗更好。
6. 小屏幕改變了哪些郵件設(shè)計規(guī)則
小屏幕改變了以往的郵件設(shè)計規(guī)則，太小的按鈕和鏈接在觸摸屏設(shè)備上使用真的非常不方便。根據(jù)蘋果公司的指導，鏈接和按鈕應(yīng)該有一個最低顯示區(qū)域大小44x44像素。
webpower在服務(wù)客戶時建議，移動郵件應(yīng)保持字體大小在17-21像素之間，最佳的字體大小通常是19像素；如果CTAs沒有被用戶立即看到，之后可能用戶再也不會去留意，所以重要的CTAs應(yīng)該盡可能靠近郵件頂部區(qū)域。
7. 分割思考與融合設(shè)計
當你為移動用戶瘦身設(shè)計時，停止從整個“頁面”角度去思考，而應(yīng)該分割來考慮。webpower的郵件設(shè)計師們，通常會把電子郵件的每一部分作為一個單獨分割的包，這樣在設(shè)計電子郵件時會發(fā)現(xiàn)存在更大的自由。
創(chuàng)建一個響應(yīng)式的布局有很多種不同的方法，建議綜合融入各種設(shè)計想法。如創(chuàng)建響應(yīng)式布局最簡單的方法是建一個流體設(shè)計，使郵件適應(yīng)設(shè)備顯示寬度，但作為一項最佳實踐，可以綜合使用一個可伸縮的響應(yīng)布局。
媒體查詢也是響應(yīng)設(shè)計中最大的一部分，郵件設(shè)計師用它來把電子郵件轉(zhuǎn)變?yōu)橐粋€適應(yīng)移動設(shè)備的更細長的版本。不同類型的移動設(shè)備也可以有不同類型的媒體查詢，所以營銷者還可以針對流行設(shè)備的屏幕分辨率進行合理響應(yīng)郵件設(shè)計。
對于郵件發(fā)送者來說，解決移動小屏幕的郵件用戶體驗的一個最方便的解決方案就是響應(yīng)設(shè)計，通過包括媒體查詢、流體布局、圖片和定制化文案等一整套技術(shù)和原理，電子郵件可以在桌面和移動設(shè)備得到最佳展示。響應(yīng)技術(shù)允許郵件設(shè)計師隱藏、堆疊、展開、折疊或修改內(nèi)容，以優(yōu)化電子郵件內(nèi)容在小屏幕上的顯示效果。
多渠道智能化營銷服務(wù)商webpower提供了7個關(guān)鍵技巧和最佳實踐，幫助你通過響應(yīng)式設(shè)計以移動客戶期望的方式提供給移動客戶想要的信息。
1. 以移動設(shè)計為中心創(chuàng)建桌面版郵件
把需要響應(yīng)的部分銘記在心，特別是在設(shè)計階段。首先你要先形成一個移動設(shè)計的概念，并在此基礎(chǔ)上創(chuàng)建桌面版，這正與我們以往的做法恰恰相反。保持移動版本盡可能整潔、簡約，因為使用的圖片和特殊設(shè)計越多，郵件越難以達到所有移動讀者。
2. 單列設(shè)計可以更好的同時滿足桌面和移動顯示
要想使優(yōu)化電子郵件通訊的過程盡可能簡單，那么應(yīng)該選擇一欄的設(shè)計。webpower這樣實踐的原因在于，并不是因為多列設(shè)計在移動設(shè)備上無法實現(xiàn)和展示，而是說單列設(shè)計可以更好的滿足郵件在桌面和移動上的最佳展示。
3. 學會玩捉迷藏：隱藏層級、精簡內(nèi)容
設(shè)計一個手機版本郵件的主要目標是為了確保郵件在手機上的易讀性。這通常意味著在你的移動郵件中，需要隱藏一些次要的內(nèi)容，以保持用戶專注于最重要的信息。通過對任何不太重要的圖像、段落和表格等應(yīng)用一個簡單的隱藏層級，以使這些內(nèi)容在移動設(shè)備顯示時被自動隱藏。
不是電子郵件中的每個信息都一樣重要。在創(chuàng)建響應(yīng)設(shè)計時，挑選出電子郵件中“最重要”的信息，以避免擁擠、臃腫的移動信息，并保持內(nèi)容簡潔。小屏幕意味著讓用戶盡可能有效地互動比以往任何時候都更重要。
4. 郵件文本左對齊，聚焦用戶更多注意力
在互聯(lián)網(wǎng)的復雜環(huán)境中，用戶的注意力隨時都在變化，由上海交通大學認知實驗室與艾瑞咨詢聯(lián)合發(fā)布的《網(wǎng)絡(luò)視頻眼動體驗與廣告效果研究報告》表明，人們在觀看網(wǎng)絡(luò)視頻的眼動行為影響著人們對視頻廣告的注意力和持續(xù)時間。
webpower研究同樣表明，用戶對電子郵件的不同區(qū)域賦予不同的注意程度，用戶的大部分注意力集中在左邊的電子郵件內(nèi)容。某些操作系統(tǒng)，尤其是Android用戶，不太樂意伸縮郵件內(nèi)容，而電子郵件的左半部分也更容易被注意到。另外，從人體工程學的角度來看，在使用手攜式屏幕設(shè)備時，大多數(shù)用戶也更容易與左部、中部和底部區(qū)域的元素互動。
5. 響應(yīng)式圖像，可以讓用戶體驗更好
相同尺寸的圖像，在移動設(shè)備上下載的速度通常比在個人電腦上更慢，這將讓移動用戶等待時間更長。當電子郵件在移動設(shè)備上接收時，用一個較小版本的圖像替換，可以讓用戶體驗更好。
6. 小屏幕改變了哪些郵件設(shè)計規(guī)則
小屏幕改變了以往的郵件設(shè)計規(guī)則，太小的按鈕和鏈接在觸摸屏設(shè)備上使用真的非常不方便。根據(jù)蘋果公司的指導，鏈接和按鈕應(yīng)該有一個最低顯示區(qū)域大小44x44像素。
webpower在服務(wù)客戶時建議，移動郵件應(yīng)保持字體大小在17-21像素之間，最佳的字體大小通常是19像素；如果CTAs沒有被用戶立即看到，之后可能用戶再也不會去留意，所以重要的CTAs應(yīng)該盡可能靠近郵件頂部區(qū)域。
7. 分割思考與融合設(shè)計
當你為移動用戶瘦身設(shè)計時，停止從整個“頁面”角度去思考，而應(yīng)該分割來考慮。webpower的郵件設(shè)計師們，通常會把電子郵件的每一部分作為一個單獨分割的包，這樣在設(shè)計電子郵件時會發(fā)現(xiàn)存在更大的自由。
創(chuàng)建一個響應(yīng)式的布局有很多種不同的方法，建議綜合融入各種設(shè)計想法。如創(chuàng)建響應(yīng)式布局最簡單的方法是建一個流體設(shè)計，使郵件適應(yīng)設(shè)備顯示寬度，但作為一項最佳實踐，可以綜合使用一個可伸縮的響應(yīng)布局。
媒體查詢也是響應(yīng)設(shè)計中最大的一部分，郵件設(shè)計師用它來把電子郵件轉(zhuǎn)變?yōu)橐粋€適應(yīng)移動設(shè)備的更細長的版本。不同類型的移動設(shè)備也可以有不同類型的媒體查詢，所以營銷者還可以針對流行設(shè)備的屏幕分辨率進行合理響應(yīng)郵件設(shè)計。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則
本文來源： 移動小屏時代，郵件營銷要注意什么？
