非常好的電子郵件設計趨勢：網絡研討會錄音 + 問答
已發表: 2019-12-09您的訂閱者會收到來自各種渠道的數千條消息的轟炸，讓您的品牌脫穎而出比以往任何時候都更加困難。 一種消除噪音的方法？ 用非常好的電子郵件設計給他們留下深刻印象。
在本次網絡研討會中，我們研究了多年來的電子郵件設計趨勢。 2000 年代初期的電子郵件是什麼樣的？ 2019年哪些趨勢加入了贏家圈？ 2020 年甚至 2030 年會發生什麼？ 真正好的電子郵件團隊加入了我們的電子郵件設計記憶通道，並幫助我們預測接下來會發生什麼。
沒有機會觀看網絡研討會直播？ 別擔心。 您可以隨時訪問完整錄音並閱讀下面的問答。
問答
非常感謝在網絡研討會期間提出問題的所有人！ 以下是我們對最熱門問題的回答的回顧，以及我們對現場網絡研討會期間未解決的一些問題的看法。 還有其他問題嗎？ 請在評論中留下它們。
這些電子郵件設計趨勢在 B2C 和 B2B 之間有何不同？
Mike Nelson ：這些趨勢在 B2B、B2C 和非營利組織中是一致的。 僅僅因為你在一個垂直領域並不意味著你不能使用另一個的設計理念。 唯一似乎有自己感覺的垂直行業是政府電子郵件，它們通常是非常繁重的文本。
使用空白的最佳方法是什麼，既然暗模式往往會使它變得更難？
邁克：當它實際上只是表示空白時，將其稱為“空白”似乎有點令人困惑。 在這種情況下，它是白色還是黑色都沒有關係——您只想為每個元素留出一些空間。
Lily Worth ：我認為白色空間這個詞通常被認為是負空間，這很方便，因為它不是特定於顏色的。
關於在純文本樣式的電子郵件中包含更周到的視覺設計元素的方法的任何提示？
Jason Rodriguez ：對於純文本樣式的電子郵件，它確實歸結為層次結構，因此它不僅僅是您的訂閱者可能不會看到的一長串文本。 如果您可以通過創建具有不同標題的部分並使用不同的權重或不同樣式的文本使這些標題脫穎而出來創建可掃描性，那也很有幫助。
邁克：除非你正在寫一篇長篇文章並使用電子郵件作為媒介，否則盡量將你的段落限制在幾個或幾個句子中。 在可以總結想法的地方使用要點。 使用特殊字符，例如“#################”在想法之間創建視覺中斷。 我們在 RGE 上的這個集合中有一些很好的文本和字母樣式電子郵件示例。
莉莉：我同意傑森的看法。 使用不同的字體大小和粗細——可能還有幾種不同的字體樣式來創建一些層次結構——將有助於使電子郵件易於瀏覽和消化。 您當然可以在排版方面發揮創意； 在我們關於粗體字體的博客文章底部有一些純文本電子郵件的好例子。
有沒有辦法讓動畫和動畫 GIF 可訪問？
Lily ：動畫應該起到輔助作用，因此關鍵信息和號召性用語應該存在於書面內容中。 如果動畫確實包含任何單獨且重要的信息，則應在 ALT 標籤中表示。
對於動畫本身，2 Hz 到 55 Hz 之間的內容閃爍率可能會傷害患有光敏性癲癇症的用戶。 此外，視障用戶可能難以在動畫更改之前閱讀或查看 GIF 上的內容。 確保您的動畫 GIF 具有平滑的過渡或不以高速率從一幀動畫到下一幀。
Jason ：對於大多數活動來說，GIF 本質上是非常具有裝飾性的。 但是，如果該 GIF 沒有加載，如果您的訂閱者打開電子郵件時它不在那裡，那麼您的消息是否仍然有意義？ 如果有人使用屏幕閱讀器閱讀您的電子郵件，他們是否能夠理解您的信息？ 就像 Lily 說的，如果 GIF 提供非重複的價值，那麼確保將該消息放在 ALT 標籤中，以便所有訂閱者都可以訪問該信息。
你有什麼工具可以推薦來創建動畫和 GIF 動圖嗎？
Matt Helbig ：我們仍然看到品牌使用 Adobe Photoshop 或 After Effects 等工具。 添加一些CSS 動畫或懸停效果可能是使用幾行代碼為電子郵件添加動作的好方法。
Lily ：為了創建 Litmus 電子郵件中的動畫，我們使用 Adobe Animate。 該軟件允許我們創建 GIF、PNG 和 HTML5 動畫——過去使用過 Flash 的人會發現這個軟件很熟悉。
Whitney Rudeseal Peet ：如果您希望實現動畫 PNG (APNG) ，目前無法使用 Adobe Photoshop 或 Adobe Animate 將動畫保存為 APNG。 當我們在電子郵件中包含 APNG 時，我們使用 Adobe Animate 創建動畫——但我們將每一幀導出為單個 PNG。 為了將所有這些單獨的 PNG 轉換為 APNG，您可以使用PNG Animator或ezgif.com 中的免費替代工具等工具。
自定義插圖是在 B2B 和 B2C 受眾中使用的，還是主要用於 B2C？
邁克：他們差不多。 我們在網絡研討會中使用的示例可能看起來更像消費者風格，但它們都是 B2B 公司的：Mailchimp（向其他公司出售電子郵件服務）、HelpScout（向企業出售客戶服務技術）和 Bulb（向企業出售能源） .
Jason ：就像電子郵件中的所有內容一樣，這取決於您的品牌和受眾——以及您對每個廣告系列的目標。 因此，如果您所在的行業之一可能會認為自定義插圖之類的事情不那麼嚴重，那麼請不要使用它們。 但請記住，也有機會顛覆該行業。 金融行業的 Simple 或 Stripe 等品牌確實擁抱了一些較新的設計趨勢，因為它們可以更清晰地表達抽象概念，並為其品牌賦予一點個性。 所以永遠不要說永遠。
跨電子郵件客戶端呈現交互式功能是否仍然存在挑戰？
惠特尼：對於許多公司來說，不一致和有限的收件箱提供商支持是他們不發送更多交互式電子郵件的主要原因。 不幸的是，對於懸停效果和交互式圖像輪播等功能來說，情況仍然如此。 考慮到這一點，如果您仍然想要實現交互性，那麼如果您有備用方案，您就不必擔心有限的支持。 查看我們的博客文章，了解交互式電子郵件的回退以開始使用。
暗模式如何提供更好的無障礙體驗？
邁克：這個領域還有很多研究正在進行。 說“黑暗模式”在眼睛上更容易因為籠統的說法是不正確的，但它確實對某些人有幫助——或者，對於其他人來說可能更糟，比如那些有嚴重散光的人。 對於睡眠有問題的人來說，在晚上使用深色模式比使用更亮的屏幕更有幫助，後者可能會影響您的晝夜節律。 暗模式也通常被視為不那麼分散注意力並用於幫助人們集中註意力。 但是，如果對比度太強——例如，真正的黑色背景和真正的白色文本——對於閱讀障礙的人來說更難閱讀。 這可以通過仍然使用深色背景來緩解，但使用類似深灰色和奶油色的字體。
您認為這些設計趨勢如何適用於 65 歲以上的年長觀眾？
邁克：我們沒有具體介紹這一點，但與幾年前相比，我們在網絡研討會上展示並在“真正好的電子郵件”上看到的電子郵件的字體大小顯著增加。 這是老年人口所接受的東西。 人們也熟悉包豪斯和瑞士設計的趨勢。
莉莉：正如邁克所暗示的那樣，預計在 2020 年流行的複古風格很可能會讓老年人懷舊。 簡化也可能對您的受眾有所幫助，因為電子郵件變得更加混亂，使信息和號召性用語更易於閱讀和理解。
雖然排版是一種脫穎而出的好方法，但當電子郵件客戶端不支持許多字體時，很難證明其合理性。 你認為這會很快改變嗎？
Lily ：不幸的是，無法知道是否會推出更多的網絡字體支持，但我們當然希望這種情況發生。 同時，這個方便的工具可以幫助您找到正確的後備以與您的網絡字體一起使用。
當涉及到這些新趨勢時，您認為個性化將如何發展？
馬特：我們期待看到更多品牌個性化電子郵件的每個部分。 客戶將交換數據以獲得更好的體驗。 易於理解的報告、獨特的優惠和致謝讓客戶感覺自己是貴賓。 電子郵件營銷人員應該將客戶數據轉化為對訂閱者最有用和最相關的數據。
另外，這裡是我們在網絡研討會中涵蓋的趨勢的所有真正好的電子郵件集合：
- 自定義插圖
- 更貼心的視覺設計
- 深色設計
- 更大膽的顏色
- 動畫電子郵件