移動互聯網的崛起,催生了響應式設計的誕生與興起。幾乎所有的營銷渠道都與”移動化”這一詞匯捆綁,電子郵件營銷也不例外。大部分電子郵件通過移動設備打開閱讀,這一比例將在后續幾年內繼續增長。同時,至少50%的移動用戶會選擇關閉或刪除并非個性化的電子郵件。未來電子郵件營銷的進化深度反映著其是否具備適應互聯網時代瞬息萬變的能力。
響應式設計指集中創建頁面的圖片排版大小,智能地根據用戶行為以及使用的設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相對應的布局,在郵件呈現上,通過頁面隱藏、折疊、擴展,為用戶帶來舒適的移動閱讀體驗。Webpower將為大家推薦制作響應式郵件過程中的十個關鍵要點。
1.郵件布局
始終都要牢記“響應式”這一詞匯,特別是在設計階段。從移動設計的理念著手,創建移動化的視覺版本,盡量使其保持簡潔有序。越是繁多的圖像或復雜的設計,往往越難送達,移動用戶可能無法收到此類郵件。
2.堅持單行索引
建議選擇單行索引的設計版式,以促使郵件優化過程盡量簡單化。這并不是說多行索引設計無法在移動設備上正常顯示或運行,只是如果需要同時滿足PC端和移動自適應,相關技術難度可能會提升不少。
3.文本左對齊
有相關視覺跟蹤研究表明,西方用戶的大部分注意力集中在電子郵件內容的左邊部分。當然有些操作系統,尤其是安卓系統,無法衡量內容實際寬度以適應屏幕,因此只能顯示郵件的左半部分。從人體工程學的角度,大多數用戶更容易瀏覽到屏幕左下角及中間位置的郵件內容。
4.頂層內容
簡化屏幕在一定程度上確實改變了郵件設計規則。在制作郵件時,具有象征性的CTA購買按鍵應盡可能靠近頂部位置,如果無法被用戶立即看到,它們有可能永遠不會被看到。
5.Media Queries特性
Media Queries是響應式設計中最重的一部分,它不僅被運用于網站響應,而且還能用于電子郵件的布局,使郵件改變成適應移動設備顯示的版本。不同類型的移動設備具有不同的Media Queries特性,這意味著將根據屏幕分辨率鎖定熱門設備進行個性化投遞。
6.尺寸大小
根據蘋果公司的指導建議,鏈接和按鈕的尺寸應當控制在44*44像素以上。在移動設備顯示上,不起眼的鏈接和按鈕是最無用的設計。另外,字體大小可保持在17-21像素范圍內,最佳字體大小則為19像素。
7.精簡內容
并不是所有的郵件內容都是重要的。不妨在創建響應式設計時,選擇郵件中最重要的信息點顯示,避免過分擁擠的移動信息。營銷人員需要注意保持郵件內容簡潔明了,小屏幕意味著營銷人員將比以往任何時候都重視與用戶的有效互動。而屏幕的運用變得尤為珍貴,設計人員應在郵件中隱藏次要內容,保證重要信息能夠被用戶關注,突出顯示優先級的內容。
8.考慮完整性
當你在為移動用戶縮減設計時,不要僅僅只關注頁面布局還需要考慮郵件完整性。營銷人員應考慮郵件中的每一個部分是否適合在移動端顯露,這將給予設計人員更大的空間進行郵件設計。
9.響應式圖片
移動設備在加載項目時通常比PC設備慢,郵件中各類元素需要同時升級移動閱讀體驗,除了文字、版式設計等,圖像也是不容忽視的一環,所有在移動端顯示的內容都應具備響應式的設計前提。
10.測試
市面上現在有許多免費的在線工具以測試移動設計,提供在不同尺寸大小的移動設備上的設計預覽。不妨利用這些在線工具在正式發送郵件前細心調整,避免錯誤,提升移動用戶的閱讀體驗。