Menyampaikan Episode 5: Apa sebenarnya desain email itu?

Dalam episode Delivering kali ini, pembawa acara Jason Rodriguez mencoba menjawab pertanyaan, “Apa sebenarnya desain email itu?” Apakah itu mengetahui jalan Anda di sekitar HTML dan CSS? Atau apakah itu lebih dari sekadar kode?

Pastikan untuk berlangganan Menyampaikan di iTunes atau Spotify untuk mendengarkan episode mendatang dan bergabung dengan percakapan di Twitter menggunakan tagar #DeliveringPodcast.

Transkrip Episode

Di permukaan, desain email tampak mudah. Itu hanya menulis beberapa HTML dan CSS dan mengirimkannya ke pelanggan, bukan? Tapi berenang sedikit lebih dalam dan Anda membuka dunia kompleksitas yang melampaui sekadar kode. Di episode Delivering kali ini, saya mencoba menjawab pertanyaan, “Apa sih sebenarnya desain email itu?”

Selamat datang di Delivering, podcast tentang pemasaran email, strategi, industri email, dan ya, desain dan pengembangan email. Pengiriman dipersembahkan oleh Litmus, platform kreatif yang digunakan oleh lebih dari 600.000 profesional email untuk merancang, menguji, menganalisis, dan berkolaborasi dalam kampanye email yang lebih baik untuk pelanggan yang lebih bahagia. Pelajari lebih lanjut dan coba Litmus gratis selama tujuh hari di litmus.com.

Desain email itu mudah bukan? Ketika sampai pada itu, email hanyalah HTML dan CSS, seperti menulis halaman web. Ada struktur dokumen keseluruhan—kepala dan isi dalam file HTML—dan kemudian semua konten di dalam dokumen itu. Anda menggunakan HTML yang cukup standar untuk menandai konten, lalu CSS untuk menata konten itu. Siapa pun dengan sedikit pengalaman membangun halaman web, secara teori, dapat membuat kode email cepat, mengunggahnya ke ESP, dan mengirimkannya ke pelanggan.

Setidaknya, itulah yang dipikirkan banyak orang.

Pada kenyataannya, HTML dan CSS hanyalah permulaan dalam hal desain email. Tentu, desainer email, pengembang, dan pemasar perlu mengetahui HTML dan CSS mereka. Tanpa itu, Anda dibiarkan mengikuti keinginan editor WYSIWYG dan kode spageti apa pun yang dihasilkannya. Tapi, apa sebenarnya desain email itu?

Selama hampir satu dekade merancang dan mengkodekan email, saya telah menggabungkan desain email menjadi tiga hal utama: Mengurangi risiko, mendorong batasan, dan menciptakan pengalaman yang lebih baik untuk semua pelanggan.

Seperti banyak orang, saya pertama kali belajar HTML dan CSS untuk membangun situs web saya sendiri. Saya menjadi dewasa dengan gerakan standar web dan mengikuti orang-orang seperti Jeffrey Zeldman dan Eric Meyer secara religius. Setiap kali saya punya waktu, saya menghabiskannya dengan melahap tulisan dan pembicaraan dari orang-orang seperti Rachel Andrew dan Jen Simmons.

Namun, ketika saya ditugaskan untuk membuat email pertama saya, saya segera mengetahui bahwa mengetahui HTML dan CSS berbasis standar saja tidak cukup. Email adalah binatangnya sendiri, berkat lusinan klien email populer yang memperlakukan HTML dan CSS secara berbeda. Semua klien email menggunakan mesin rendering mereka sendiri untuk menafsirkan dan menampilkan markup yang mendasari kampanye email kami. Dalam beberapa kasus, versi berbeda dari klien email yang sama menggunakan mesin rendering yang sangat berbeda.

Microsoft Outlook terkenal beralih dari menggunakan Internet Explorer, mesin rendering yang relatif baik untuk email, ke menggunakan Microsoft Word di backend untuk menampilkan email. Ada banyak alasan mengapa Microsoft beralih, tetapi sejak itu menjadi duri di sisi pemasar email.

Klien email berkisar dari rendering luar biasa seperti di Apple Mail hingga yang terburuk dari yang terburuk. Pikirkan versi Lotus Notes yang lebih lama, yang tidak mendukung banyak markup.

Itulah mengapa begitu banyak desain email tentang mitigasi risiko. Ini tentang memahami masing-masing klien email ini dan kebiasaan terkait, dan mengkodekan email secara defensif. Sebagai desainer email, kami ingin membatasi jumlah kesalahan dalam kampanye kami. Dalam melakukannya, kami telah mengembangkan beberapa teknik dan peretasan yang sangat kreatif untuk membantu email bekerja dengan baik di seluruh klien email.

Komentar bersyarat Microsoft dan tabel hantu, pengkodean hibrida dan metode Fab Four, bahkan sesuatu yang mendasar seperti menggunakan CSS sebaris dan membatasi jumlah elemen HTML dan properti CSS yang digunakan dalam email adalah tentang mengurangi risiko.

Namun, banyak desainer email berhenti di situ. Mereka default ke teknik pengkodean defensif tanpa bertanya-tanya apa lagi yang bisa dicapai dalam email. Untungnya, ada desainer email yang tidak puas dengan status quo. Merekalah yang bekerja untuk mendorong batas-batas desain email.

Agar adil, banyak dari teknik pengkodean defensif itu kreatif dan mendorong batas dengan caranya sendiri. Tetapi mereka seharusnya hanya merasa membatasi dengan cara terbaik. Mereka harus menginspirasi desainer email untuk mendorong melampaui apa yang dianggap sebagai desain email tradisional.

Itulah mengapa bagian kedua dari desain email yang efektif adalah mendorong batasan tersebut. Memahami keterbatasan email, tetapi mengambil inspirasi dari bidang lain seperti desain dan pengembangan web—atau dari perspektif desain visual, hal-hal seperti desain cetak kreatif—adalah tempatnya.

Contoh paling populer dari jenis desain ini adalah membangun email interaktif. Mark Robbins dan kru di Rebelmail yang terkenal membangun pengalaman checkout yang sepenuhnya interaktif di kotak masuk untuk merek seperti Burberry. Di Litmus, kami mendapat tanggapan besar setelah mengirim umpan Twitter, video latar belakang, dan perburuan dalam kampanye email.

Tapi jangan berpikir bahwa email harus interaktif untuk mendorong batas dan mengembangkan media. Copywriting, strategi, dan desain grafis dan visual juga dapat menggerakkan jarum. Benar-benar Baik Email telah menumbuhkan audiens yang besar dan berdedikasi bukan dengan membuat semua email mereka interaktif, tetapi dengan merangkul suara unik mereka, merek humor, dan beberapa personalisasi yang mengagumkan.

Salah satu buletin favorit saya sepanjang masa, Buletin UX Mailchimp yang sekarang sudah tidak berfungsi, tidak melakukan sesuatu yang mewah dengan kode. Tetapi email yang diarahkan seni mereka—favorit saya adalah email HTML yang tampak seperti era 90-an, seni ASCII teks biasa—mengilhami desainer lain untuk membawa arahan seni ke dalam kampanye email mereka sendiri dan memperluas konsep tentang apa yang menurut pelanggan dapat dilakukan oleh buletin email. menjadi.

Meskipun beberapa email yang menentukan genre ini adalah kampanye satu kali hanya untuk bersenang-senang, banyak dari pekerjaan itu muncul di aspek terakhir dari desain email yang baik: Menciptakan pengalaman yang lebih baik bagi pelanggan.

Tanpa karya perintis dari orang-orang seperti Fabio Carneiro dan Nicole Merlin, Stig Morten Myre, dan Remi Parmentier, kami tidak akan memiliki teknik yang kami anggap remeh untuk memberikan pengalaman yang lebih baik bagi pelanggan. Fabio, Nicole, dan Remi semuanya berkontribusi pada percakapan seputar pembuatan email yang responsif dan ramah seluler yang dibaca jutaan pelanggan setiap hari, di seluruh dunia. Dan dedikasi Stig untuk membuka rahasia VML, dan dunia tombol dan latar belakang antipeluru dengannya, telah memungkinkan pelanggan di mana saja untuk terlibat dengan kampanye email terlepas dari semua hal aneh yang dilakukan klien email terhadap kode kami.

Baru-baru ini, kami melihat dorongan besar untuk membuat kampanye email yang lebih mudah diakses. Orang-orang seperti Mark Robbins dan Paul Airy telah melakukan banyak penelitian untuk membantu kita semua memahami cara membuat kampanye email yang dapat digunakan oleh siapa saja, terlepas dari kemampuannya. Dan fokus yang lebih kuat pada penggunaan tipografi, kontras, teks alternatif untuk gambar, dan copywriting yang lebih jelas telah membuka pemasaran email kepada lebih banyak orang daripada sebelumnya.

Jadi, ini membawa kita kembali ke pertanyaan, “Apa sebenarnya desain email itu?”

Desain email lebih dari sekadar kode. Ini jauh lebih banyak.

Desain email adalah tentang memahami media yang unik. Sebuah media yang terkait dengan tetapi terpisah dari desain dan pengembangan web. Salah satu yang dibangun di atas teknologi yang sudah dikenal tetapi membutuhkan pengetahuan spesialis untuk melakukannya dengan baik.

Tentu saja email adalah tentang mengurangi risiko yang ditimbulkan oleh begitu banyak klien email dan mesin rendering, masing-masing dengan serangkaian bug yang membuat frustrasi. Tapi ini tentang mengatasi risiko dan batasan tersebut dan menemukan cara kreatif untuk membangun pengalaman yang luar biasa dan dapat diakses untuk semua pelanggan kami.

Jadi, lain kali seseorang bertanya apakah Anda seorang desainer email, jangan malu untuk menjawab. Jangan katakan, “Ya, tapi saya juga melakukan pekerjaan web front end.” Katakan yang sebenarnya: Beri tahu mereka bahwa Anda memecahkan masalah yang menarik dan menantang, dan berikan pengalaman yang lebih baik menggunakan saluran komunikasi paling berharga dan populer di dunia, email.

Suka episode Delivering ini? Beri kami ulasan di iTunes dan bagikan podcast dengan teman-teman Anda. Dan pastikan untuk bergabung dalam percakapan menggunakan tagar #DeliveringPodcast di jejaring sosial favorit Anda.