2010 年代至今：經受住時間考驗的電子郵件設計趨勢
已發表: 2021-04-01電子郵件已經走了很長一段路。 由 Ray Tomlinson 於 1971 年創立，最初作為與不接聽電話的同事交流的一種方式，後來發展成為一種強大的力量。 電子郵件營銷渠道繼續帶來驚人的高回報，投資回報率為 36:1。
今年 10 月，電子郵件正式迎來 50 週年紀念。我們不禁感到有些懷舊。 這就是為什麼我們決定回顧電子郵件從 2010 年代到現在的歷史。
我們請了電子郵件專家 Lily Worth，我們的電子郵件設計和製作專家，以及電子郵件開發人員和 Thies Publishing 的所有者 Brian Thies，深入了解檔案並分享他們多年來的經驗，特別是在編碼和設計方面的一些見解。
在我們重新審視 2010 年代倖存下來的電子郵件設計趨勢時，與我們一起沿著記憶之路走一走。 在這篇文章中，我們將研究一些最具標誌性的設計趨勢以及它們如何變得更好。
電子郵件在 2010 年代成長起來
1990 年代到 2000 年代是電子郵件設計的複興時期。 1991 年左右，互聯網——正如我們現在所知——誕生了。 然後在 1990 年代後期，隨著將 HTML 引入電子郵件，電子郵件經歷了重生。
2010年代呢？ 儘管是有史以來“最合適”的十年，但電子郵件營銷確實取得了重大進步。
在這十年中，很多事情開始發展：細分、個性化、電子郵件自動化、合規性（如 GDPR）、可訪問性等等。 這為我們今天所知的電子郵件營銷奠定了基礎。
以下是過去十年電子郵件營銷里程碑的簡史：
- 2009 年 - 引入了響應式電子郵件。
- 2010 年——觸發式電子郵件成為常態，48% 的營銷人員現在發送觸發式電子郵件。
- 2012 年——現在有 9000 萬美國人在移動設備上使用電子郵件。
- 2013 年 – Google 在 Gmail 中引入了標籤。
- 2014 年 – CSS 與 HTML 的集成帶來了交互式電子郵件時代。
- 2014 年 – 動態內容用於為訂閱者創造個性化體驗。
- 2014 年 – 加拿大的反垃圾郵件立法 (CASL) 生效。
- 2015 年 - 電子郵件中的 CSS 動畫越來越受歡迎。
- 2016 年 – 個性化接管。
- 2016 年 – 採用 GDPR。
- 2018 年——Apple 在其第 15 個操作系統版本中引入了黑暗模式。
編碼和設計呢？
定義 2010 年代的電子郵件設計趨勢
為了喚起我們的回憶，我們讓莉莉挖掘檔案並分享她能找到的最早的電子郵件。 讓我們來看看她在 2009 年為 Experian 設計和開發的第一封電子郵件：
她在重新訪問這封電子郵件後有何想法？ “大量圖像切片，小字體，沒有響應代碼。”
這是 Lily 的另一封第一封電子郵件，來自 Experian 的另一個項目：
莉莉從這件事中想起了什麼？ “按鈕和冗長的標題文本。 很高興看到那個時候，我們大部分時間都在使用實時文本。”
為了更進一步，我們要求我們在 Twitter 上的社區分享他們發送的第一個電子郵件活動（感謝#EmailGeeks！）。 讓我們看看定義這十年電子郵件的一些關鍵特徵。
花哨的按鈕
在防彈鈕扣之前，有各種各樣的鈕扣。 常見的處理是光面處理，以及良好的斜面和浮雕。
首先，讓我們看一些光澤按鈕的示例。
這是電子郵件中的一個示例，可追溯到 2014 年：
看看這個斜面和浮雕效果。 不可抗拒，你不覺得嗎？
雖然這更像是 90 年代的一個特徵，但我們在早期的電子郵件中看到了光澤與斜面和浮雕技術的結合，梅根·博舒伊森 (Megan Boshuyzen) 於 2008 年設計的第一封電子郵件就展示了這一點。
我在 2008 年的第一個平面設計實習期間在 Photoshop 中設計了這個。 它已發送給開發團隊進行編碼！ pic.twitter.com/OA9xsrXjrF
- 梅根 Boshuyzen (@megbosh) 2021 年 3 月 10 日
陰影
那時，我們似乎很喜歡以任何可能的方式為我們的電子郵件增加深度。 除了上面列出的按鈕樣式？ 投下陰影。
查看這封 2010 年的電子郵件。“浮動”星巴克卡和禮品卡是通過陰影實現的。
導航欄
電子郵件設計往往緊跟網頁設計的腳步。 許多在網絡上流行的內容很快就會找到通過電子郵件發送的方式。
以下是 Paul Airy 的第一個電子郵件活動中導航欄的示例：
我設計和開發的首批電子郵件活動之一。 pic.twitter.com/euS5FcafnV
— 超越信封 (@Paul_Airy) 2021 年 3 月 10 日
下面顯示的導航欄的另一個示例，來自 Justine Jordan：
正如 Emily Benson 所說，電子郵件往往看起來像“被電子郵件困住的網站”。 我們不能說得更好了！
標註框
在移動成為常態之前，重點主要放在桌面上。 該方法似乎是“盡可能多地進入這封電子郵件”。
雖然側邊欄在今天的電子郵件中很常用，但當時，標註框通常會出現在電子郵件的側邊欄中，作為一種結構內容的方式。
側邊欄的一些缺點是它們會增加視覺混亂並且難以做出響應。 即使是更乾淨、設計良好的側邊欄也可能分散訂閱者對電子郵件活動主要目標的注意力。
開啟電子郵件營銷的新時代
我們今天所知的許多設計趨勢都是在過去十年中引入的。 2009 年響應式設計的引入——加上 2010 年代初電子郵件使用量的激增——是一種催化劑，打開了大門，後來影響了現在電子郵件的大部分構建方式。
隨著我們過去十年的進步，可訪問性和包容性設計成為對話的重要組成部分。
為移動設備設計
隨著 2010 年代初期移動設備的日益普及，針對移動設備進行優化變得必不可少。 可擴展、流暢和響應式設計成為電子郵件開發中需要考慮的重要方法。 根據我們 2015 年的帖子：
2011 年，移動電子郵件幾乎不是我們關注的焦點，僅佔打開電子郵件的 8%。 快進到 2014 年，近一半的電子郵件是在智能手機和平板電腦上打開的——四年內增加了 500%。
以下是 2016 年未響應電子郵件的示例（以及被困在電子郵件中的網站的另一個示例）：
合作
當我們向 Brian 詢問他在過去十年中通過電子郵件看到的最大變化時，他談到了自動化和交易工具需求的增加如何導致招聘激增：
“最大的變化之一是來自希望在其行業中立足的公司的合法（和相關）營銷電子郵件數量的增長。
這包括更多地使用自動化和交易工具，以與用戶和消費者建立更緊密的聯繫。 這種激增引發了招聘熱潮，並為我們今天享受的龐大電子郵件營銷社區鋪平了道路。”
布賴恩·蒂斯
人越多，合作越多。 最終，更智能地跨協作工作的需求變得明顯。 它需要考慮所編碼內容的長期使用過程——不僅對於電子郵件開發人員，而且對於“招聘狂潮”中不斷壯大的營銷人員、設計師和工程師團隊。
可重複使用的內容塊、片段、全局變量和模板等策略成為更有效地編碼電子郵件的常規部分。
哪些電子郵件設計趨勢得以倖存和發展？
讓我們來看看過去十年中哪些設計趨勢得以倖存和演變。
按鈕，但更好
如前所述，過去十年電子郵件設計最具標誌性的方面之一是那些花哨的按鈕。 雖然我們仍然可以看到斜面、浮雕和光面，但它們已經變得低調而簡單。
這是具有斜面和浮雕效果的按鈕的現代示例：
一旦可訪問性成為圖片的重要組成部分，我們就想出瞭如何使按鈕防彈，這樣我們的號召性用語就不會包含在可以被阻止或關閉的圖像中。
使用圖像，但更智能
在我們知道僅使用圖片的電子郵件不是製作電子郵件活動的最佳方式之前，我們一直在這樣做。
那時，一種流行的創建電子郵件的方法是在 Photoshop 上切片（#SlicinAndDicin，有人嗎？），導出 HTML，然後從那裡開始工作。 然而，隨著我們隨著時間的推移不斷學習和發展，我們發現這並不是最好的方法。
到 2012 年，有 9000 萬美國人在移動設備上使用電子郵件。 隨著移動設備的興起，我們想出瞭如何更智能地工作。
在 2014 年麥當勞的這個例子中，我們看到他們如何使用替代文本和背景顏色實施一些最佳實踐技術，將訂閱者體驗放在首位。 這是顯示圖像與關閉圖像的並排比較。
總體主題：簡單
雖然我們今天確實在電子郵件中看到了所有這些內容，但它們比當時更加微妙和簡單。 簡而言之，Lily 解釋說，電子郵件現在擁有“更簡潔的設計——簡化的佈局，更少的混亂和更大的字體。 現在更好地考慮了可讀性。”
總的來說，與我們今天看到的電子郵件相比，過去的電子郵件傾向於發生很多事情。 雜亂的佈局（標註框和導航欄）的使用已經演變成更簡單的佈局。
回想起來真好
回憶我們的過去可以讓我們意識到我們已經改變了多少。 改變是好的——這是我們成長和進化的標誌！ 所以謝天謝地，電子郵件總是在變化，對嗎？
當 Lily 和 Brian 想到 2010 年代時，會想到什麼？
“我是電子郵件演變的粉絲，絕對活在現在/未來，不回頭。 ”
百合值得
“雖然我懷念管理少量電子郵件客戶端的簡單性，但我不會懷念 Litmus 之前涉及的大量測試。 能夠對代碼進行小幅調整併同時查看所有電子郵件客戶端的結果，可以節省大量時間。”
布賴恩·蒂斯
 | 確保您的電子郵件在面對變化時看起來完美無缺 電子郵件在不斷發展，有超過 15,000 種不同的潛在渲染——而且還在不斷增加。 確保您的電子郵件在面對變化時看起來完美無缺。 通過確保在任何收件箱中發送的每封電子郵件都符合品牌要求且沒有錯誤，從而在每封電子郵件中保護您的品牌聲譽。 開始免費試用 → |
回憶過去的一種方法是從整體的角度考慮具體的細節。 因此，為了幫助 Lily 和 Brian 回到過去，我們不得不詢問他們除了電子郵件之外還遺漏的事情。
莉莉和布萊恩在過去十年中錯過了什麼？
“那時對銀幕的依賴較少，英國喜劇更好，我想念幾乎每晚都能看到樂隊現場演出。”
百合值得
“簡單。 不用戴口罩。”
布賴恩·蒂斯
最後，我們迫不及待地鼓勵 Lily 和 Brian 分享他們的第一個電子郵件地址（提示：只有一個人說的是實話）。
啊，美好的時光
時不時的回想一下也是不錯的。 查看我們過去的電子郵件可以提醒我們已經走了多遠。 因此，它可以幫助我們對當下產生新的欣賞。
雖然我們可能會錯過 Photoshop 上#SlicinAndDicin 的禪意，但進化是一件好事。 2010 年代是電子郵件的決定性十年。 90 年代走了，所以 2010 年代可以運行。
還是有點懷舊？ 我們也是。 這就是為什麼我們製作了這個特別版的 Litmus Weekly 來向 90 年代致敬。
 | 認識你的新電子郵件好友 這是我們由電子郵件營銷人員、設計師和開發人員製作的絕無僅有的時事通訊。 訂閱您應該了解的精心挑選的內容和新聞——所有這些都帶有個人特色。 給我報名！ → |