7 Tips Desain untuk Membangun Email yang Sukses di Tahun 2016

Sebagai desainer email, tugas Anda adalah memberikan pengalaman email yang fungsional kepada pelanggan. Ini berarti menghilangkan gesekan yang dapat mengikis pengalaman pelanggan, dan pada akhirnya merusak citra merek Anda.

Mencapai tujuan ini diperumit oleh fakta bahwa email terus berkembang. Sangat penting untuk tetap mengikuti pembaruan terbaru di dunia email, terutama ketika perubahan tersebut—seperti aplikasi baru dan pembaruan pada dukungan HTML dan CSS—dapat memengaruhi kampanye yang dirancang dengan cermat.

Dalam Laporan Email Status 2016, kami mengumpulkan semua yang terjadi di dunia email tahun lalu, membantu mengidentifikasi inovasi besar yang dapat memiliki implikasi besar untuk kampanye email Anda.

Dapatkan laporan gratis Anda →

Berikut adalah cuplikan dari apa yang akan Anda temukan di dalamnya:

1. PERHATIKAN JAM APPLE DALAM PIKIRAN

Pada April 2015, Apple Watch diluncurkan. Penambahan perangkat yang dapat dikenakan ke armada aplikasi email tidak dapat dihindari—dan ini membawa beberapa implikasi besar bagi desainer email. Jika audiens Anda termasuk pengguna awal teknologi dan calon pengguna Watch, pertimbangkan pengalaman pelanggan di Watch.

Karena Apple Watch menampilkan teks biasa saat gambar jarak jauh atau tertaut terdeteksi, sangat penting untuk mengoptimalkan versi teks biasa dari email Anda. Perhatikan juga bahwa karakter khusus, spasi ekstra, dan trik pemformatan lain yang disediakan untuk konsumsi teks biasa desktop diterjemahkan dengan sangat buruk ke layar kecil Arloji.

Ada juga opsi lanjutan untuk menambahkan bagian ketiga ke pesan Anda: text/watch-html. Dengan menyertakan bagian tambahan ini dan menetapkan Tipe-Konten sebagai “text/watch-html”, Arloji akan menampilkan bagian teks/watch alih-alih bagian teks biasa ketika bagian HTML tidak sesuai. Namun, pastikan untuk memeriksa dengan ESP Anda sebelum menambahkan bagian Tonton—tidak semua orang mendukungnya.

2. OPTIMALKAN UNTUK PEMBLOKIRAN GAMBAR

Outlook 2016 dan aplikasi Alto Mail AOL diperkenalkan pada tahun 2015—dan masing-masing memblokir gambar secara default. Desainer email harus menggunakan teknik desain defensif seperti teks ALT, tombol antipeluru, dan keseimbangan yang tepat antara citra dan teks HTML untuk memerangi pemblokiran gambar.

3. JANGAN SEMBUNYIKAN LINK UNSUBSCRIBE ANDA

Pada bulan September 2015, Gmail meluncurkan fungsionalitas "blokir" baru ke semua email web Gmail dan pengguna aplikasi Android Gmail, memberikan konsumen pilihan lain untuk menghapus kotak masuk email yang tidak mereka inginkan. Ketika pelanggan "memblokir" pengirim, itu berarti mereka tidak akan pernah melihat email dari pengirim itu lagi.

Keuntungannya adalah opsi "blokir" yang baru akan mengurangi keluhan spam karena beberapa pelanggan yang sebelumnya mengklik "laporkan spam" sekarang akan mengklik "blokir". Kelemahannya adalah tombol "blokir" mungkin telah membuat bilah baru yang lebih rendah untuk intervensi ISP, sehingga beberapa pelanggan yang sebelumnya mengklik "berhenti berlangganan" sekarang akan mengklik "blokir".

Jadi apa yang harus Anda lakukan? Permudah untuk berhenti berlangganan. Jika pelanggan tidak dapat dengan mudah melihat tautan penyisihan Anda, beberapa hanya akan memblokir pesan Anda atau menandainya sebagai spam. Jika tautan berhenti berlangganan Anda terkubur dalam jenis abu-abu kecil, saatnya untuk membaginya menjadi satu baris dengan teks yang lebih besar dan lebih mudah dibaca.

Selain itu, tambahkan tajuk "daftar-berhenti berlangganan" dan Gmail akan, dalam keadaan tertentu, menempatkan tautan "Berhenti Berlangganan" setelah nama pengirim dan alamat email pengirim Anda.

Meskipun tautan ini memungkinkan pelanggan untuk melewati proses penyisihan Anda—termasuk pusat preferensi, jika Anda menggunakannya—masih lebih baik untuk mendapatkan blokir atau keluhan spam.

4. PERBARUI EMAIL INTERAKTIF ANDA

Pada bulan September 2015, Apple merilis versi terbaru dari sistem operasi seluler mereka, iOS 9. Sistem operasi yang diperbarui ini menambahkan dukungan untuk beberapa properti CSS baru—dan memperkenalkan beberapa perubahan yang pasti akan membuat desainer email frustrasi.

Salah satu frustrasi seperti itu? Pemilih saudara umum (~) tidak selalu didukung. Anggota Komunitas Litmus Remi Parmentier dan Justin Khoo keduanya melaporkan bahwa pemilih saudara kandung umum ~ tidak didukung di iOS 9 saat digunakan dengan pemilih kelas semu :hover atau :checked.

Banyak email interaktif menggunakan kelas semu untuk memeriksa apakah sesuatu telah terjadi dalam email dan elemen gaya dengan tepat tergantung pada keadaan. Namun, bug ini akan menyebabkan email yang sebelumnya interaktif menjadi statis.

Untungnya, ada perbaikan! Cukup ganti pemilih saudara umum ~ dengan pemilih saudara yang berdekatan +. Meskipun tidak sefleksibel pemilih saudara umum yang kurang spesifik, ia mencapai hasil yang sama.

5. GUNAKAN TABEL BERBASIS TABEL

Pada bulan September 2015, Microsoft meluncurkan versi terbaru dari klien Outlook mereka—Outlook 2016. Sayangnya, itu tidak banyak berubah dari pendahulunya. Seperti Outlook 2007, 2010, dan 2013, Outlook 2016 merender email menggunakan Microsoft Word, yang memiliki dukungan buruk untuk HTML dan CSS dan memiliki banyak kebiasaan yang membuat frustrasi.

Versi Outlook yang lebih baru (2007-2016) memiliki dukungan yang buruk untuk HTML dan CSS dan menyertakan sejumlah kebiasaan yang perlu diingat:

• Tidak ada dukungan untuk gambar latar belakang di div dan sel tabel
• Tidak ada dukungan untuk float atau posisi CSS
• Tidak ada dukungan untuk bayangan teks
• Dukungan yang buruk untuk padding dan margin
• Dukungan yang buruk untuk lebar dan tinggi CSS
• Masalah dengan warna latar belakang elemen bersarang

Karena kurangnya dukungan untuk banyak properti CSS, tata letak berbasis tabel merupakan kebutuhan untuk pengoptimalan di Outlook 2016. Anda juga dapat menggunakan CSS bersyarat untuk menargetkan Outlook 2016 secara khusus.

6. GUNAKAN ELEMEN RAMAH SELULER

Dengan 55% pembukaan email terjadi di perangkat seluler, menjadi lebih penting dari sebelumnya untuk memiliki strategi email seluler. Meskipun menggunakan desain responsif adalah opsi yang bagus, Anda juga harus menggunakan elemen ramah seluler jika kueri media tidak didukung.

Misalnya, baik aplikasi Alto Mail AOL maupun aplikasi Universal Outlook, yang keduanya diperkenalkan pada tahun 2015, tidak mendukung kueri media.

Manfaatkan teks besar, tombol ramah sentuh, dan desain satu kolom untuk memberikan pengalaman terbaik kepada pelanggan Anda.

7. GUNAKAN DATA TERBUKA UNTUK MEMBUAT KEPUTUSAN DESAIN

Saat melihat tren terbuka email di seluruh industri merupakan indikator yang bagus untuk adopsi klien email tertentu, audiens Andalah yang penting. Lebih penting dari sebelumnya untuk melihat di mana audiens Anda membuka email mereka dan menyesuaikan desain Anda.

Misalnya, kami melihat peningkatan 22% dalam pembukaan iPhone pada tahun 2015, yang sekarang menyumbang 33% dari total pembukaan email. Jika Anda melihat sesuatu yang serupa di audiens Anda sendiri, Anda dapat menggunakan data tersebut untuk menginformasikan keputusan desain Anda. Kami tahu bahwa iOS, sistem operasi iPhone, memiliki dukungan yang sangat baik untuk HTML dan CSS, sehingga Anda dapat dengan aman menggunakan teknik lanjutan seperti latar belakang video HTML5 dalam kampanye kami.

Kuncinya adalah memahami audiens Anda. Dengan Email Analytics, Anda akan mendapatkan data yang Anda butuhkan untuk mengoptimalkan desain Anda. Mendaftar untuk uji coba gratis hari ini. Tidak diperlukan kartu kredit.

DAPATKAN LAPORAN EMAIL NEGARA 2016

Ingin lebih banyak informasi dan takeaways ditindaklanjuti? Dapatkan informasi terbaru tentang pembaruan dan kemajuan email terbaru dengan mengunduh laporan gratis hari ini.

Dapatkan Laporan Email Status 2016 →