Tren Desain Email yang Sangat Bagus: Perekaman Webinar + Tanya Jawab

Pelanggan Anda dibombardir dengan ribuan pesan di berbagai saluran dan semakin sulit untuk membuat merek Anda menonjol. Salah satu cara untuk memotong kebisingan? Buat mereka terkesan dengan desain email yang sangat bagus .

Dalam webinar ini, kami melihat tren desain email selama bertahun-tahun. Bagaimana tampilan email di awal tahun 2000-an? Tren mana yang bergabung dengan lingkaran pemenang di tahun 2019? Dan apa yang akan menjadi besar di tahun 2020—atau bahkan 2030? Tim Email yang Sangat Bagus bergabung dengan kami untuk perjalanan menyusuri jalur memori desain email dan membantu kami membuat prediksi tentang apa yang akan terjadi selanjutnya.

Tidak sempat menonton webinar secara langsung? Jangan khawatir. Anda dapat mengakses rekaman lengkap kapan saja dan membaca Q&A di bawah ini.

T&J

Terima kasih banyak untuk semua orang yang ikut serta selama webinar dengan sebuah pertanyaan! Berikut adalah rangkuman jawaban kami atas pertanyaan paling populer, bersama dengan jawaban kami atas beberapa pertanyaan yang tidak kami dapatkan selama webinar langsung. Ada pertanyaan tambahan? Silakan tinggalkan mereka di komentar.

Bagaimana tren desain email ini berbeda antara B2C dan B2B?

Mike Nelson : Tren ini konsisten di seluruh B2B, B2C, & Nirlaba. Hanya karena Anda berada di satu vertikal tidak berarti Anda tidak dapat menggunakan ide desain yang lain. Satu-satunya vertikal yang tampaknya memiliki kesan tersendiri adalah email pemerintah, yang biasanya sangat padat teks.

Apa cara terbaik untuk menggunakan ruang putih, sekarang Mode Gelap cenderung membuatnya lebih sulit?

Mike : Tampaknya agak membingungkan untuk menyebutnya "ruang putih" padahal sebenarnya hanya berarti ruang kosong. Dalam konteks itu, tidak masalah apakah itu putih atau gelap—Anda hanya ingin memberi ruang untuk setiap elemen.

Lily Worth : Saya pikir istilah ruang putih sering dianggap sebagai ruang negatif, yang berguna karena tidak spesifik warna.

Adakah kiat untuk memasukkan elemen desain visual yang lebih bijaksana dalam email bergaya teks biasa?

Jason Rodriguez : Untuk email bergaya teks biasa, ini benar-benar turun ke hierarki, jadi bukan hanya satu gumpalan teks panjang yang mungkin tidak akan dilihat oleh pelanggan Anda. Jika Anda dapat membuat kemampuan pemindaian dengan membuat bagian dengan judul yang berbeda—dan menggunakan bobot yang berbeda atau gaya teks yang berbeda untuk membuat judul tersebut menonjol—itu juga membantu.

Mike : Kecuali jika Anda menulis artikel panjang dan menggunakan email sebagai media, cobalah untuk membatasi paragraf Anda hanya beberapa atau beberapa kalimat. Gunakan poin-poin di mana Anda bisa untuk meringkas ide. Gunakan karakter khusus seperti "################" untuk membuat jeda visual di antara ide-ide. Kami memiliki beberapa contoh email gaya teks dan surat yang bagus dalam koleksi ini di RGE .

Lily : Saya setuju dengan Jason. Menggunakan ukuran dan bobot font yang berbeda—dan mungkin beberapa gaya font berbeda untuk membuat beberapa hierarki—akan membantu membuat email dapat dipindai dan dicerna. Anda pasti bisa berkreasi dengan tipografi; ada beberapa contoh email teks saja yang bagus di bagian bawah posting blog kami dengan tipografi tebal .

Apakah ada cara untuk membuat animasi dan GIF animasi dapat diakses?

Lily : Animasi harus memainkan peran pendukung, oleh karena itu pesan utama dan ajakan bertindak harus ada dalam konten tertulis . Jika animasi menyimpan informasi yang terpisah dan penting, maka ini harus direpresentasikan dalam tag ALT.

Untuk animasi itu sendiri, kecepatan flashing konten antara 2 Hz dan 55 Hz dapat membahayakan pengguna dengan epilepsi fotosensitif. Selain itu, pengguna tunanetra mungkin mengalami kesulitan membaca atau meninjau konten pada GIF sebelum animasi berubah. Pastikan GIF animasi Anda memiliki transisi yang mulus atau tidak bergerak dari satu bingkai ke bingkai berikutnya dengan kecepatan tinggi.

Jason : GIF bersifat sangat dekoratif untuk sebagian besar kampanye. Tetapi jika GIF itu tidak dimuat, jika tidak ada saat pelanggan Anda membuka email mereka, apakah pesan Anda masih masuk akal? Jika seseorang menggunakan pembaca layar untuk membaca email Anda, apakah mereka dapat memahami pesan Anda? Seperti yang Lily katakan, jika GIF memberikan nilai non-repetitif, maka pastikan untuk memasukkan pesan itu ke dalam tag ALT sehingga semua pelanggan memiliki akses ke informasi itu.

Apakah ada alat yang Anda sarankan untuk membuat animasi dan GIF?

Matt Helbig : Kami masih melihat merek menggunakan alat seperti Adobe Photoshop atau After Effects. Menambahkan beberapa animasi CSS atau efek hover mungkin merupakan cara yang baik untuk menambahkan gerakan ke email Anda dengan beberapa baris kode.

Lily : Untuk membuat animasi yang kami tampilkan di email Litmus, kami menggunakan Adobe Animate. Perangkat lunak ini memungkinkan kita untuk membuat animasi GIF, PNG dan HTML5—mereka yang pernah bekerja dengan Flash di masa lalu akan merasa familiar dengan perangkat lunak ini.

Whitney Rudeseal Peet : Jika Anda ingin menerapkan animasi PNG (APNG) , saat ini tidak mungkin menyimpan animasi sebagai APNG dengan Adobe Photoshop atau Adobe Animate. Saat kami menyertakan APNG di email kami, kami menggunakan Adobe Animate untuk membuat animasi—tetapi kami mengekspor setiap bingkai sebagai satu PNG. Untuk mengonversi semua PNG individu tersebut menjadi APNG, Anda dapat menggunakan alat seperti PNG Animator atau alternatif gratis ini dari ezgif.com .

Apakah ilustrasi khusus digunakan di seluruh audiens B2B dan B2C, atau terutama B2C?

Mike : Mereka hampir genap. Contoh yang kami gunakan di webinar mungkin terlihat lebih bergaya konsumen, tetapi semuanya dibuat oleh perusahaan B2B: Mailchimp (menjual layanan email ke perusahaan lain), HelpScout (menjual teknologi layanan pelanggan ke bisnis), dan Bulb (menjual energi ke bisnis) .

Jason : Seperti semua yang ada di email, itu tergantung pada merek dan audiens Anda—dan apa tujuan Anda untuk setiap kampanye. Jadi, jika Anda berada di salah satu industri di mana hal-hal seperti ilustrasi kustom mungkin dianggap kurang serius, maka jangan menggunakannya. Namun perlu diingat juga ada peluang untuk mendisrupsi industri. Merek seperti Simple atau Stripe di industri keuangan memang merangkul beberapa tren desain yang lebih baru karena mereka dapat merepresentasikan konsep abstrak dengan lebih jelas dan memberikan sedikit kepribadian pada merek mereka. Jadi jangan pernah katakan tidak pernah.

Apakah masih ada tantangan dengan rendering fitur interaktif di seluruh klien email?

Whitney : Bagi banyak perusahaan, dukungan penyedia kotak masuk yang tidak konsisten dan terbatas adalah alasan utama mereka tidak mengirim lebih banyak email interaktif. Sayangnya, hal itu masih berlaku untuk fitur seperti efek hover dan carousel gambar interaktif. Dengan mengingat hal itu, jika Anda masih ingin menerapkan interaktivitas, Anda tidak perlu takut dengan dukungan terbatas jika Anda memiliki cadangan. Lihat posting blog kami semua tentang fallback untuk email interaktif untuk memulai.

Bagaimana dengan Mode Gelap yang memberikan pengalaman aksesibilitas yang lebih baik?

Mike : Masih banyak penelitian yang dilakukan di bidang ini. Mengatakan bahwa "Mode Gelap" lebih mudah dilihat sebagai pernyataan selimut tidak benar, tetapi itu membantu beberapa — dan sebagai alternatif, mungkin lebih buruk bagi orang lain seperti mereka yang memiliki astigmatisme parah. Bagi mereka yang kesulitan tidur, menggunakan Mode Gelap di malam hari terbukti lebih bermanfaat daripada layar yang lebih terang, yang dapat memengaruhi ritme sirkadian Anda. Mode Gelap juga sering dianggap kurang mengganggu dan digunakan untuk membantu orang fokus . Namun, jika kontrasnya terlalu kuat—latar belakang hitam yang sebenarnya dan teks yang benar-benar putih, misalnya— akan lebih sulit untuk dibaca oleh penderita disleksia. Ini dapat dikurangi dengan tetap menggunakan latar belakang gelap, tetapi menggunakan sesuatu seperti abu-abu gelap dengan warna krem ​​untuk font.

Menurut Anda bagaimana tren desain ini dapat bekerja dengan audiens yang lebih tua, 65+?

Mike : Kami tidak membahas ini secara khusus, tetapi email yang kami pamerkan di webinar dan dilihat di Email yang Sangat Bagus secara signifikan meningkatkan ukuran fontnya dibandingkan beberapa tahun yang lalu. Ini adalah sesuatu yang dianut oleh demografi yang lebih tua. Ada juga keakraban di mana tren mengarah dengan Bauhaus dan desain Swiss.

Lily : Seperti yang disarankan Mike, gaya retro yang diperkirakan akan populer pada tahun 2020 cenderung menjadi nostalgia bagi demografis yang lebih tua. Penyederhanaan juga kemungkinan akan membantu audiens Anda karena email menjadi semakin tidak berantakan, membuat pesan dan ajakan bertindak lebih mudah dibaca dan dipahami.

Sementara tipografi adalah cara yang bagus untuk menonjol, sulit untuk membenarkan ketika banyak font tidak didukung di seluruh klien email. Apakah Anda pikir ini akan segera berubah?

Lily : Sayangnya, tidak mungkin untuk mengetahui apakah lebih banyak dukungan akan diluncurkan untuk font web, tetapi kami tentu ingin hal itu terjadi. Alat praktis ini dapat membantu Anda menemukan fallback yang tepat untuk digunakan dengan font web Anda, untuk sementara.

Menurut Anda, bagaimana personalisasi akan berkembang terkait beberapa tren baru ini?

Matt : Kami berharap melihat lebih banyak merek mempersonalisasi setiap bagian email. Pelanggan akan bertukar data untuk pengalaman yang lebih baik. Laporan yang mudah dipahami, penawaran unik, dan ucapan terima kasih membuat pelanggan merasa VIP. Pemasar email harus mengubah data pelanggan menjadi apa yang paling berguna dan relevan bagi pelanggan.

Plus, berikut adalah semua koleksi Email yang Sangat Bagus untuk tren yang kami bahas di webinar:

• Ilustrasi Kustom
• Desain Visual yang Lebih Bijaksana
• Desain Lebih Gelap
• Warna Lebih Berani
• Email Animasi