ปี 2010 ถึงปัจจุบัน: เทรนด์การออกแบบอีเมลที่รอดพ้นจากการทดสอบของเวลา

อีเมลมาไกลมาก ก่อตั้งขึ้นโดย Ray Tomlinson ในปี 1971 สิ่งที่เริ่มต้นจากการสื่อสารกับเพื่อนร่วมงานที่ไม่ยอมรับโทรศัพท์ได้พัฒนาเป็นโรงไฟฟ้า ช่องทางการตลาดผ่านอีเมลยังคงให้ผลตอบแทนสูงอย่างน่าประหลาดใจ ด้วย ROI ที่ 36:1

ตุลาคมนี้ อีเมลมีอายุ 50 ปีอย่างเป็นทางการ เราอดไม่ได้ที่จะรู้สึกคิดถึง นั่นเป็นเหตุผลที่เราตัดสินใจย้อนกลับไปดูประวัติของอีเมลตั้งแต่ปี 2010 จนถึงปัจจุบัน

เราขอให้ Lily Worth ผู้เชี่ยวชาญด้านอีเมล ผู้เชี่ยวชาญด้านการออกแบบและผลิตอีเมลของเรา และ Brian Thies ผู้พัฒนาอีเมลและเจ้าของ Thies Publishing ขุดลงไปในที่เก็บถาวรและแชร์ข้อมูลเชิงลึกเกี่ยวกับประสบการณ์ของพวกเขาตลอดหลายปีที่ผ่านมา โดยเฉพาะด้านการเขียนโค้ดและการออกแบบ

เดินไปกับเราในช่องทางแห่งความทรงจำในขณะที่เราทบทวนแนวโน้มการออกแบบอีเมลที่เอาชีวิตรอดในปี 2010 ในโพสต์นี้ เราจะมาดูแนวโน้มการออกแบบที่โดดเด่นที่สุดบางส่วนและวิธีที่พวกเขาพัฒนาให้ดีขึ้น

อีเมลเติบโตขึ้นในปี 2010

ทศวรรษ 1990 ถึง 2000 เป็นยุคฟื้นฟูศิลปวิทยาสำหรับการออกแบบอีเมล ประมาณปี 1991 อินเทอร์เน็ต—อย่างที่เรารู้ตอนนี้—ถือกำเนิดขึ้น จากนั้นในช่วงปลายทศวรรษ 1990 อีเมลได้เกิดใหม่ด้วยการนำ HTML มาสู่อีเมล

แล้วปี 2010 ล่ะ? แม้ว่าจะเป็นทศวรรษที่ "เรียงลำดับมากที่สุด" ก็ตาม ความก้าวหน้าครั้งสำคัญเกิดขึ้นกับการตลาดผ่านอีเมล

ในช่วงทศวรรษนี้ มีหลายสิ่งหลายอย่างเกิดขึ้น: การแบ่งส่วน การปรับเปลี่ยนในแบบของคุณ อีเมลอัตโนมัติ การปฏิบัติตามข้อกำหนด (เช่น GDPR) การช่วยการเข้าถึง และอื่นๆ อีกมากมาย นี่เป็นเวทีสำหรับการตลาดผ่านอีเมลที่เรารู้จักในปัจจุบัน

ต่อไปนี้คือประวัติโดยย่อของเหตุการณ์สำคัญด้านการตลาดผ่านอีเมลในช่วงทศวรรษที่ผ่านมา:

• 2009 – มีการแนะนำอีเมลที่ตอบสนอง
• 2010 – อีเมลที่ถูกทริกเกอร์กลายเป็นเรื่องปกติ โดย 48% ของนักการตลาดกำลังส่งอีเมลที่ถูกทริกเกอร์
• 2555 – ปัจจุบันชาวอเมริกัน 90 ล้านคนใช้อีเมลบนอุปกรณ์พกพา
• 2013 – Google แนะนำแท็บต่างๆ ภายใน Gmail
• 2014 – การรวม CSS เข้ากับ HTML ทำให้เกิดยุคของอีเมลแบบโต้ตอบ
• 2014 – ใช้เนื้อหาแบบไดนามิกเพื่อสร้างประสบการณ์ส่วนบุคคลกับสมาชิก
• 2014 – กฎหมายต่อต้านสแปมของแคนาดา (CASL) มีผลบังคับใช้
• 2015 – แอนิเมชั่น CSS ภายในอีเมลได้รับความนิยม
• 2016 – การปรับเปลี่ยนในแบบของคุณเข้ามาแทนที่
• 2016 – ใช้ GDPR
• 2018 – Apple เปิดตัว Dark Mode ซึ่งเป็นส่วนหนึ่งของระบบปฏิบัติการรุ่นที่ 15

แล้วการเข้ารหัสและการออกแบบล่ะ?

แนวโน้มการออกแบบอีเมลที่กำหนดปี 2010

เพื่อเขย่าความทรงจำของเรา เราขอให้ Lily ขุดลงไปในเอกสารสำคัญและแชร์อีเมลฉบับแรกสุดที่เธอหาเจอ มาดูอีเมลฉบับแรกที่เธอออกแบบและพัฒนาสำหรับ Experian ในปี 2009:

ความคิดของเธอหลังจากกลับมาดูอีเมลนี้อีกครั้ง? “การแบ่งส่วนรูปภาพจำนวนมาก แบบอักษรขนาดเล็ก และไม่มีโค้ดที่ตอบสนอง”

นี่เป็นอีเมลฉบับแรกของ Lily อีกฉบับหนึ่งจากโครงการอื่นที่ Experian:

ลิลลี่จำอะไรได้บ้างจากเรื่องนี้? “ปุ่มและข้อความนำหน้าแบบยาว เป็นเรื่องดีที่เห็นว่าในตอนนั้น เราใช้ข้อความสดเป็นส่วนใหญ่”

เพื่อก้าวไปอีกขั้น เราขอให้ชุมชนของเราบน Twitter แบ่งปันแคมเปญอีเมลครั้งแรกที่พวกเขาเคยส่ง (ขอบคุณ #EmailGeeks!) มาดูลักษณะสำคัญบางประการที่กำหนดอีเมลของทศวรรษนี้

ปุ่ม Garish

ก่อนปุ่มกันกระสุนจะมีปุ่มต่างๆ การรักษาทั่วไปมีความ มันเงา และ มุมเอียงและลายนูนที่ ดี

ขั้นแรก มาดูตัวอย่างปุ่มแบบมัน

นี่คือตัวอย่างในอีเมลย้อนหลังไปถึงปี 2014:

และดูเอฟเฟกต์นูนและนูนนี้ ต่อต้านไม่ได้ คุณว่าไหม?

แม้ว่าจะเป็นลักษณะเฉพาะของยุค 90 ก็ตาม แต่เราเห็นการผสมผสานความมันวาวผสมกับเทคนิคการเอียงและนูนในอีเมลฉบับแรกของเรา ซึ่งแสดงโดยอีเมลฉบับแรกของ Megan Boshuyzen ที่เธอออกแบบในปี 2008

ฉันออกแบบสิ่งนี้ใน photoshop ในปี 2008 ในการฝึกงานด้านการออกแบบกราฟิกครั้งแรกของฉัน ถูกส่งไปยังทีมพัฒนาเพื่อเขียนโค้ดแล้ว! pic.twitter.com/OA9xsrXjrF

– Megan Boshuyzen (@megbosh) 10 มีนาคม 2564

เงาหล่น

ดูเหมือนว่าเราเป็นแฟนตัวยงของการเพิ่มความลึกให้กับอีเมลของเราในทุกวิถีทางที่เป็นไปได้ในตอนนั้น นอกจากรูปแบบปุ่มที่ระบุไว้ข้างต้นแล้ว? เงาตก.

ตรวจสอบอีเมลนี้ตั้งแต่ปี 2010 บัตร Starbucks "ลอย" และบัตรของขวัญเกิดขึ้นได้ด้วยเงาตกกระทบ

แถบนำทาง

การออกแบบอีเมลมีแนวโน้มที่จะเดินตามรอยเท้าของการออกแบบเว็บอย่างใกล้ชิด สิ่งที่ได้รับความนิยมมากมายบนเว็บนั้นหาทางส่งอีเมลได้ในไม่ช้า

ต่อไปนี้คือตัวอย่างแถบนำทางในแคมเปญอีเมลฉบับแรกของ Paul Airy:

หนึ่งในแคมเปญอีเมลแรกที่ฉันออกแบบและพัฒนา pic.twitter.com/euS5FcafnV

– นอกเหนือจากซองจดหมาย (@Paul_Airy) 10 มีนาคม 2564

อีกตัวอย่างหนึ่งของแถบการนำทางที่แสดงด้านล่าง จาก Justine Jordan:

ดังที่เอมิลี่ เบนสันกล่าว อีเมลมีแนวโน้มที่จะดูเหมือน "เว็บไซต์ที่ติดอยู่ในอีเมล" เราไม่สามารถพูดได้ดีกว่านี้แล้ว!

กล่องคำบรรยาย

ก่อนที่มือถือจะกลายเป็นบรรทัดฐาน โฟกัสไปที่เดสก์ท็อปเป็นอย่างมาก แนวทางนี้ดูเหมือนจะ "เข้าถึงอีเมลนี้ได้มากที่สุด"

แม้ว่าแถบด้านข้างมักจะใช้ในอีเมลในปัจจุบัน แต่ในสมัยนั้น กล่องข้อความเสริมมักจะถูกนำเสนอในแถบด้านข้างของอีเมลเพื่อเป็นวิธีในการจัดโครงสร้างเนื้อหา

ข้อเสียบางประการของแถบด้านข้างคือการเพิ่มความยุ่งเหยิงของภาพและอาจตอบสนองได้ยาก แม้แต่แถบด้านข้างที่สะอาดกว่าและออกแบบมาอย่างดีก็อาจเบี่ยงเบนความสนใจของสมาชิกจากเป้าหมายหลักของแคมเปญอีเมลได้

ก้าวสู่ยุคใหม่ของการตลาดผ่านอีเมล

เทรนด์การออกแบบมากมายที่เรารู้จักในปัจจุบันนี้ได้รับการแนะนำในทศวรรษที่ผ่านมา การแนะนำการออกแบบที่ตอบสนองในปี 2552 ควบคู่ไปกับการใช้อีเมลที่เพิ่มขึ้นในช่วงต้นปี 2010 เป็นตัวเร่งปฏิกิริยา ซึ่งเปิดประตูที่จะส่งผลต่อการสร้างอีเมลในเวลาต่อมา

ในขณะที่เราก้าวหน้าตลอดทศวรรษที่ผ่านมา การช่วยสำหรับการเข้าถึงและการออกแบบที่ครอบคลุมกลายเป็นส่วนสำคัญของการสนทนา

การออกแบบสำหรับอุปกรณ์พกพา

ด้วยความนิยมที่เพิ่มขึ้นของมือถือในช่วงต้นปี 2010 การเพิ่มประสิทธิภาพสำหรับอุปกรณ์มือถือจึงกลายเป็นสิ่งจำเป็น การออกแบบที่ปรับขนาดได้ ลื่นไหล และตอบสนองได้กลายมาเป็นแนวทางสำคัญที่ควรพิจารณาในการพัฒนาอีเมล ตามโพสต์ของเราในปี 2558:

อีเมลบนมือถือแทบไม่มีช่องโหว่ในเรดาร์ของเราในปี 2011 และมีเพียง 8% ของอีเมลที่เปิดอยู่ กรอไปข้างหน้าอย่างรวดเร็วสู่ปี 2014 และเกือบครึ่งหนึ่งของอีเมลถูกเปิดบนสมาร์ทโฟนและแท็บเล็ต ซึ่งเพิ่มขึ้น 500% ในสี่ปี

ต่อไปนี้คือตัวอย่างอีเมลที่ ไม่ ตอบสนองจากปี 2016 (และอีกตัวอย่างหนึ่งของเว็บไซต์ที่ติดอยู่ในอีเมล):

การทำงานร่วมกัน

เมื่อเราถาม Brian เกี่ยวกับการเปลี่ยนแปลงครั้งใหญ่ที่สุดที่เขาเห็นในอีเมลในช่วงทศวรรษที่ผ่านมา เขาได้พูดถึงความต้องการที่เพิ่มขึ้นของระบบอัตโนมัติและเครื่องมือในการทำธุรกรรมทำให้เกิดการจ้างงานเพิ่มขึ้น:

“การเปลี่ยนแปลงครั้งใหญ่ที่สุดประการหนึ่งคือการเติบโตของจำนวนอีเมลการตลาดที่ถูกต้อง (และมีความเกี่ยวข้อง) จากบริษัทต่างๆ ที่ต้องการตั้งหลักในอุตสาหกรรมของตน

ซึ่งรวมถึงการใช้ระบบอัตโนมัติและเครื่องมือการทำธุรกรรมที่เพิ่มขึ้น เพื่อสร้างการเชื่อมต่อที่ใกล้ชิดยิ่งขึ้นกับผู้ใช้และผู้บริโภค การเพิ่มขึ้นอย่างรวดเร็วนั้นช่วยสร้างความคลั่งไคล้ในการจ้างงาน และปูทางสำหรับชุมชนการตลาดทางอีเมลขนาดใหญ่ที่เราชอบในวันนี้”

Brian Thies

เมื่อมีผู้คนมากขึ้น การทำงานร่วมกันมากขึ้นก็มาพร้อมกับ ในที่สุด ความจำเป็นในการทำงานร่วมกันอย่างชาญฉลาดยิ่งขึ้นก็ปรากฏชัด ต้องใช้การคิดผ่านกระบวนการระยะยาวของการใช้สิ่งที่ถูกเข้ารหัส ไม่เพียงแต่สำหรับนักพัฒนาอีเมลเท่านั้น แต่ยังรวมถึงทีมนักการตลาด นักออกแบบ และวิศวกรที่กำลังเติบโตใน "ความบ้าคลั่งในการจ้างงาน"

กลยุทธ์ต่างๆ เช่น บล็อกเนื้อหาที่นำกลับมาใช้ใหม่ ตัวอย่าง โกลบอล และเทมเพลตได้กลายเป็นส่วนสำคัญของการเขียนโค้ดอีเมลอย่างมีประสิทธิภาพมากขึ้น

แนวโน้มการออกแบบอีเมลใดที่อยู่รอดและมีวิวัฒนาการ

มาดูกันว่าเทรนด์การออกแบบใดบ้างที่ยังคงมีอยู่และมีวิวัฒนาการในทศวรรษที่ผ่านมา

ปุ่ม แต่ดีกว่า

ดังที่ได้กล่าวไว้ก่อนหน้านี้ หนึ่งในลักษณะที่โดดเด่นที่สุดของการออกแบบอีเมลในทศวรรษที่ผ่านมาคือปุ่มที่ดูหรูหรา และในขณะที่เรายังคงเห็นความนูน นูน และมันวาว พวกมันก็ดูเรียบง่ายลง

ต่อไปนี้คือตัวอย่างในปัจจุบันของปุ่มที่มีเอฟเฟกต์เอียงและนูน:

เมื่อการช่วยสำหรับการเข้าถึงกลายเป็นส่วนสำคัญของรูปภาพ เราก็ได้ค้นพบวิธีทำให้ปุ่มกันกระสุนได้ เพื่อไม่ให้คำกระตุ้นการตัดสินใจของเราอยู่ภายในรูปภาพที่อาจถูกบล็อกหรือปิดได้

ใช้ภาพแต่ฉลาดขึ้น

ก่อนที่เราจะรู้ว่าอีเมลแบบรูปภาพเท่านั้นไม่ใช่วิธีที่ดีที่สุดในการสร้างแคมเปญอีเมล เรากำลังดำเนินการอยู่

ย้อนกลับไป วิธีที่นิยมในการสร้างอีเมลจะเริ่มต้นด้วยการแบ่งส่วนข้อมูลใน Photoshop (#SlicinAndDicin ใครก็ได้) ส่งออก HTML และทำให้ใช้งานได้จากที่นั่น อย่างไรก็ตาม ขณะที่เราเรียนรู้และพัฒนาไปตามกาลเวลา เราพบว่านี่ไม่ใช่วิธีที่ดีที่สุด

ภายในปี 2555 ชาวอเมริกัน 90 ล้านคนใช้อีเมลบนอุปกรณ์พกพา ด้วยการเติบโตของอุปกรณ์พกพา เราจึงค้นพบวิธีทำงานอย่างชาญฉลาดยิ่งขึ้น

ในตัวอย่างนี้จาก McDonald's ในปี 2014 เราได้เห็นว่าพวกเขาได้นำเทคนิคแนวทางปฏิบัติที่ดีที่สุดมาใช้กับข้อความแสดงแทนและสีพื้นหลังอย่างไร โดยรักษาประสบการณ์ของสมาชิกเป็นอันดับแรก ต่อไปนี้คือการเปรียบเทียบแบบเคียงข้างกันเพื่อแสดงรูปภาพกับรูปภาพที่ปิด

หัวข้อที่ครอบคลุม: ความเรียบง่าย

แม้ว่าเราจะเห็นสิ่งเหล่านี้ในอีเมลทุกวันนี้ แต่ก็มีความละเอียดอ่อนและเรียบง่ายกว่าเมื่อก่อน โดยสรุป Lily อธิบายว่าอีเมลมี "การออกแบบที่สะอาดกว่ามาก—เลย์เอาต์ที่เรียบง่ายขึ้นโดยมีความยุ่งเหยิงน้อยกว่ามากและแบบอักษรที่ใหญ่ขึ้น ความสามารถในการอ่านตอนนี้ถือว่าดีขึ้น”

โดยรวมแล้ว อีเมลในอดีตมีแนวโน้มที่จะเกิดขึ้น มากมาย เมื่อเทียบกับอีเมลที่เราเห็นในปัจจุบัน การใช้เลย์เอาต์ที่รก (กล่องคำบรรยายและแถบนำทาง) ได้พัฒนาเป็นแบบที่ง่ายกว่ามาก

ดีใจที่ได้คิดถึง

การหวนคิดถึงอดีตสามารถปลุกจิตสำนึกว่าเราได้เปลี่ยนแปลงไปมากเพียงใด และการเปลี่ยนแปลงก็ดี—เป็นสัญญาณว่าเรากำลังเติบโตและพัฒนา! อีเมลขอบคุณพระเจ้ามีการเปลี่ยนแปลง อยู่เสมอ ใช่ไหม

คุณนึกถึงอะไรเมื่อ Lily และ Brian นึกถึงปี 2010

“ฉันเป็นแฟนตัวยงของวิวัฒนาการของอีเมล อยู่กับปัจจุบัน/อนาคตอย่างแน่นอนและไม่มองย้อนกลับไป ”

ลิลลี่ เวิร์ธ

“ในขณะที่ฉันพลาดความเรียบง่ายของการจัดการอีเมลไคลเอ็นต์จำนวนน้อย แต่ฉันก็ไม่พลาดจำนวนการทดสอบที่เกี่ยวข้องก่อน Litmus ความสามารถในการปรับแต่งโค้ดเล็กน้อยและเห็นผลลัพธ์ในไคลเอนต์อีเมลทั้งหมดในคราวเดียวช่วยประหยัดเวลาได้อย่างมาก”

Brian Thies

ตรวจสอบให้แน่ใจว่าอีเมลของคุณดูสมบูรณ์แบบเมื่อเผชิญกับการเปลี่ยนแปลง อีเมลมีการพัฒนาตลอดเวลา โดยมีการเรนเดอร์ที่เป็นไปได้มากกว่า 15,000 รายการ—และเพิ่มขึ้นเรื่อยๆ ตรวจสอบให้แน่ใจว่าอีเมลของคุณดูสมบูรณ์แบบเมื่อเผชิญกับการเปลี่ยนแปลง ปกป้องชื่อเสียงของแบรนด์ของคุณในทุก ๆ อีเมลที่ส่งโดยตรวจสอบให้แน่ใจว่าการส่งแต่ละครั้งนั้นมาจากแบรนด์และปราศจากข้อผิดพลาดในกล่องจดหมายใด ๆ เริ่มการทดลองใช้ฟรี →

วิธีหนึ่งในการเขย่าความทรงจำในอดีตคือการคิดถึงรายละเอียดที่เฉพาะเจาะจงจากมุมมองแบบองค์รวม ดังนั้น เพื่อช่วยส่ง Lily และ Brian ไปสู่อดีต เรา ต้อง ถามพวกเขาเกี่ยวกับสิ่งที่พวกเขาพลาดไป นอกเหนือจากอีเมล

Lily และ Brian คิดถึงอะไรในทศวรรษที่ผ่านมา?

“สมัยนั้นไม่ต้องพึ่งหน้าจอ คอมเมดี้ของอังกฤษเลยดีกว่า และฉันคิดถึงการได้เห็นวงดนตรีบรรเลงสดแทบทุกคืน”

ลิลลี่ เวิร์ธ

"ง่าย. ไม่ต้องใส่หน้ากาก”

Brian Thies

และสุดท้าย เราไม่สามารถต้านทานและกล้าให้ลิลลี่และไบรอันเปิดเผยที่อยู่อีเมลแรกของพวกเขา (คำใบ้: มีเพียงคนเดียวที่พูดความจริง)

• [email protected]
• โอ้นรก[email protected]

อา วันดีๆ

นานๆทีจะได้รำลึกความหลัง การดูอีเมลของเราในอดีตสามารถเตือนเราว่าเรามาไกลแค่ไหนแล้ว และด้วยเหตุนี้ มันจึงสามารถช่วยให้เราพัฒนาความซาบซึ้งที่เพิ่งค้นพบได้ในปัจจุบัน

แม้ว่าเราอาจพลาดจุดสำคัญของ #SlicinAndDicin ใน Photoshop วิวัฒนาการก็เป็นสิ่งที่ดี ปี 2010 เป็นทศวรรษที่กำหนดอีเมล ยุค 90 เดินเพื่อให้ปี 2010 วิ่งได้

ยังคงรู้สึกคิดถึงเล็กน้อย? เราก็เช่นกัน นั่นเป็นเหตุผลที่เราสร้าง Litmus Weekly ฉบับพิเศษขึ้นเพื่อเป็นการแสดงความเคารพต่อยุค 90

พบกับอีเมลใหม่ของคุณ bestie เป็นจดหมายข่าวที่ไม่ธรรมดาของเราซึ่งจัดทำโดยนักการตลาด นักออกแบบ และนักพัฒนาอีเมล สมัครรับเนื้อหาและข่าวสารที่คัดสรรมาอย่างดีที่คุณควรรู้—ทั้งหมดนี้เป็นความเห็นส่วนตัว ลงทะเบียนฉันขึ้น! →