Baris Subjek – Cara Mendekati Desain Email

Persentase konsumen yang signifikan— 99% —memeriksa email mereka setiap hari. Beberapa demografi, termasuk milenium, lebih memilih komunikasi email dari perusahaan daripada bentuk komunikasi lain, seperti panggilan telepon atau teks. Dan dengan lebih dari 5 miliar akun email aktif di seluruh dunia, email adalah bagian penting dari setiap strategi produk digital.

Meskipun ada ribuan desain template email yang tersedia untuk pemasar, desain email merupakan bidang keahlian yang penting bagi desainer web. Hal ini terutama berlaku bagi mereka yang ingin bekerja dengan merek yang lebih besar, perusahaan kreatif, dan orang lain yang menghindari template.

Ada beberapa hal yang harus diingat desainer saat mendesain email, mulai dari keterbatasan sebagian besar platform email (dengan dukungan terbatas untuk hal-hal seperti font web dari salah satu yang terbesar—Gmail), serta apa yang diharapkan konsumen saat membuka email dari perusahaan mereka mungkin sudah melakukan bisnis dengan.

Pentingnya Desain Email Seluler

Dengan setidaknya setengah dari semua email sekarang dibuka dan dibaca di perangkat seluler, desainer tidak bertanggung jawab untuk mengabaikan desain email yang ramah seluler. Terutama mengingat bahwa tingkat konversi email seluler cenderung jauh lebih tinggi daripada tingkat desktop.

Desain email seluler dari PiperJaffray ini membuat semuanya tetap sederhana dan elegan. Mudah dibaca di perangkat seluler, dengan tautan bersih dan pencitraan merek yang halus. Ini mengutamakan kebutuhan pengguna, meningkatkan pengalaman pengguna secara keseluruhan dan persepsi perusahaan.

Dribbble menjaga email "Tembakan populer" mereka langsung ke intinya, dengan fokus sepenuhnya pada konten. Fokus ini membuat email mudah dinavigasi di perangkat seluler. Meskipun tata letak sederhana yang berfokus pada konten adalah ide yang bagus untuk banyak jenis email, tata letak ini sangat cocok untuk email seluler yang memudahkan untuk mengonsumsi konten dan berinteraksi dengannya.

Berfokus pada Konten

Sebagai praktik terbaik, baik mendesain email atau produk digital lainnya, desainer harus selalu fokus pada konten. Beberapa desain email mengambil praktik terbaik ini secara ekstrem dengan desain minimalis di mana kontennya adalah desainnya.

Saat mengerjakan sebagian besar desain email, desainer mendapat manfaat dari konten yang dibuat terlebih dahulu sebelum masuk ke desain. Namun, khususnya dalam desain minimalis, lebih penting untuk mengetahui konten apa yang akan ditampilkan di awal.

Marvel menempatkan fokus tepat pada konten mereka dengan desain minimalis. Latar belakang putih dan gambar yang hanya mendukung teks pada halaman membuat konten benar-benar menonjol.

Semua email Unsplash fokus tepat pada gambar yang mereka promosikan. Tombol "Lihat Koleksi" dan memudar di bagian bawah gambar dapat meningkatkan klik-tayang ke situs, karena membuat orang ingin melihat lebih banyak.

Memperkuat Branding

Ketika pengunjung tiba di situs web, itu (idealnya) merupakan pengalaman pencitraan merek yang mendalam. Semuanya berada di bawah kendali perancang situs web. Tetapi desain email berbeda. Pengguna melihat email dalam aplikasi lain, dan tidak semua aplikasi email merender semua email secara merata.

Karena itu, branding dalam desain email sangat penting untuk menciptakan pengalaman yang tepat bagi pengguna yang membaca email. Namun, pencitraan merek seringkali perlu dibuat sederhana agar dapat ditampilkan secara efektif di berbagai perangkat dan klien email ke persentase pengguna tertinggi.

Logo sederhana di bagian atas email, menggunakan gambar header yang sama di beberapa gambar, dan menjaga konsistensi sebanyak mungkin elemen dari produk digital merek lainnya sangat membantu dan memperkuat persepsi merek kepada konsumen.

Pencitraan merek Everlane secara inheren sederhana di seluruh email dan situs web mereka. Logo mereka yang ditampilkan secara mencolok di bagian atas email ini memperkuat branding itu.

Proyek Jari Tengah menggunakan gambar header yang konsisten di semua email mereka, bersama dengan warna aksen ungu cerah. Ini membuat email mereka segera dikenali oleh siapa saja yang berlangganan, dan branding dilanjutkan di situs web.

Menarik Perhatian dengan Warna

Warna memiliki dampak yang kuat pada pikiran manusia, dengan kemampuan untuk mempengaruhi emosi, persepsi, dan bahkan perilaku. Menggunakan warna secara efektif dalam email dapat meningkatkan rasio klik-tayang dan konversi. Dalam beberapa pengujian, perbedaan warna tombol dapat menghasilkan lebih dari 20% perbedaan dalam rasio konversi.

Tapi bukan hanya ajakan bertindak yang mendapat manfaat dari penggunaan warna. Membuat email yang berwarna-warni dapat menjadi penyimpangan dari apa yang diharapkan dan menciptakan tampilan dan nuansa yang sama sekali berbeda dari email lain di kotak masuk seseorang.

Menarik perhatian ke spanduk obral dengan warna merah cerah mengingatkan pada tanda obral kehidupan nyata, yang sering juga dilakukan dengan warna yang sama. Mata pembaca langsung tertarik pada warna merah.

Article, situs eCommerce furnitur Skandinavia, menggunakan skema warna merah dan hijau yang diredam, dengan warna merah memberi perhatian pada bagian terpenting—tombol ajakan bertindak penjualan.

Sementara beberapa desain email menggunakan warna sebagai cara untuk menarik perhatian ke bagian tertentu dari konten, email dari Kebun Binatang Houston ini menggunakan warna-warna cerah untuk menciptakan desain yang menyenangkan dan energik. Skema warna oranye terang dan merah muda panas langsung menarik perhatian dan menarik pembaca.

Menggunakan Gambar yang Menakjubkan

Manusia adalah makhluk visual dan gambar yang menakjubkan dapat mengangkat email dan menarik perhatian pembaca. Gambar juga dapat memperkuat pesan email dan merek perusahaan.

Acara TV tampaknya memiliki keunggulan dalam kategori "gambar menakjubkan", dengan email Netflix ini menggunakan gambar diam yang dinamis namun misterius dari Stranger Things . Menggabungkan gambar yang menarik dengan ajakan bertindak "Mainkan" tepat di bawahnya masuk akal dari perspektif UX, karena memudahkan pembaca untuk segera menonton acara yang dipromosikan.

Gambar yang menakjubkan tidak terbatas hanya pada foto. Kartun atau ilustrasi seperti yang digunakan WePresent dalam email mereka sama menariknya dengan foto, dan dapat membantu menarik pembaca ke dalam konten.

Email Catch Paling Mematikan ini, yang mempromosikan serial dokumenter Discovery Channel, menampilkan gambar header menakjubkan yang menyatu dengan konten di bawahnya. Ini adalah teknik yang berguna yang mendorong pemirsa untuk terus membaca.

Bereksperimen dengan Tata Letak Tidak Biasa

Banyak desain email memiliki format yang cukup standar: header di bagian atas, konten kolom tunggal, dengan ajakan bertindak di dekat bagian atas dan bawah. Tapi tidak ada aturan yang mengatakan desainer harus mengikuti pola tertentu.

Tata letak yang tidak konvensional adalah cara yang bagus untuk menarik perhatian pembaca dan membuat mereka ingin membaca kontennya. Ada berbagai cara untuk membuat desain yang tidak biasa. Salah satu metode populer adalah menggunakan gambar untuk membuat tata letak email yang belum tentu kompatibel dengan banyak platform email.

Tata letak yang tidak konvensional tidak harus keluar dari dinding. Yang ini, dari Mailchimp, menggunakan desain dua kolom dengan satu kolom diambil oleh blok warna. Apa yang membuatnya mudah diingat adalah bahwa itu menarik secara visual dan tidak terduga.

Menggunakan gambar memungkinkan tata letak email yang lebih tidak terduga seperti ini untuk KLM. Desainer hanya perlu mengingat bahwa beberapa klien email masih akan memblokir gambar agar tidak dimuat secara otomatis, sehingga perlu memiliki teks cadangan yang masih menyampaikan inti pesan.

Bekerja dengan Font

Sebagian besar klien email populer mendukung font web, tetapi sayangnya, tidak semua melakukannya—Gmail menjadi pengecualian yang paling menonjol (meskipun Gmail mendukung Roboto dan Google Sans sebagai bagian dari antarmuka Gmail). Namun, desainer masih dapat menggunakan font web selama mereka mengingat bahwa sejumlah besar klien email akan menggunakan font fallback.

Alternatif untuk menggunakan font web, tentu saja, adalah dengan menggunakan gambar yang menyertakan font tersebut. Itulah yang dipilih oleh banyak desainer email, terutama di header di mana font fallback kemungkinan akan terlihat tidak pada tempatnya.

Newsletter FabFitFun ini menggunakan font skrip yang menyenangkan untuk menarik perhatian ke konten, sambil memasangkannya dengan jenis huruf sans serif yang sangat mudah dibaca. Bereksperimen dengan kombinasi font dalam desain email adalah ide bagus, dan bahkan dapat digunakan sebagai uji coba sebelum mengubah tipografi di situs web atau menggunakannya dalam materi bermerek lainnya.

Sickbubble menggunakan berbagai font dalam desain email mereka, yang bisa jadi rumit. Tetapi dalam kasus ini, karena mereka memisahkan setiap bagian, itu berhasil. Tampilan font di header memiliki nuansa yang sangat edgy, sedangkan teks isi utama adalah sans serif yang mudah dibaca. Font tulisan tangan di bagian promo produk berfungsi karena diimbangi dari badan email.

Bersenang-senang dengan Animasi

Animasi menambah minat visual ekstra pada email, dan langsung menarik perhatian pembaca. GIF animasi adalah pilihan populer untuk menambahkan gerakan ke email dan didukung oleh sebagian besar klien email.

Desainer harus memastikan untuk mengingat ukuran file saat menyematkan animasi apa pun, karena begitu banyak orang membaca email di perangkat seluler. Mereka juga harus memastikan bahwa animasi mendukung konten dan bukan hanya pengisi.

Menggunakan GIF animasi untuk mengarahkan poin ke rumah atau lebih baik menggambarkan konten yang disajikan dengan cara yang menyenangkan adalah tambahan yang fantastis untuk desain email, seperti dalam contoh email ini dari Product Hunt.

The Hustle menggunakan GIF animasi dalam email mereka untuk mengilustrasikan inti pesan dan untuk menambahkan minat visual pada desain email yang minimalis.

Panggilan untuk Bertindak

Ajakan bertindak bisa dibilang merupakan bagian terpenting dari hampir semua email yang dikirim perusahaan. Sebagian besar email dikirim untuk meminta tindakan, apakah tindakan itu membaca artikel, membeli produk, atau melakukan beberapa perilaku lainnya.

Desainer dilayani dengan baik untuk memperhatikan desain ajakan bertindak mereka, serta melakukan pengujian A/B pada mereka untuk memastikan mereka dioptimalkan untuk kinerja.

Menggunakan warna cerah untuk ajakan bertindak, seperti yang telah dilakukan Litmus di sini, membuatnya menonjol dari konten lainnya. Desainer harus mempertimbangkan untuk bereksperimen dengan warna yang berbeda untuk melihat mana yang paling cocok untuk audiens mereka dengan menggunakan pengujian A/B saat mengirimkan kampanye email.

Menggunakan warna yang sama sekali berbeda dari konten email lainnya untuk ajakan bertindak membuatnya menonjol. Karena warna hijau limau di email Campaign Monitor adalah warna komplementer yang terpisah dari ungu yang membentuk latar belakang, warna ini menonjol tanpa bentrok.

Perhatikan Praktik Terbaik Desain Email

Meskipun ada banyak ruang untuk kreativitas dan eksperimen dalam desain email, desainer juga perlu mengingat praktik terbaik dan keterbatasan media.

Salah satu langkah terpenting dalam desain email adalah menguji email di berbagai platform email sebelum mengirimnya. Meskipun kemungkinan ada variasi kecil di antara mereka, dan selalu ada orang yang akan menggunakan platform yang kurang umum yang membuat desain secara berbeda, sebaiknya pastikan bahwa email akan muncul dengan dapat diterima oleh sebagian besar pengguna.

Ada beberapa layanan pengujian email yang dapat digunakan desainer untuk melihat bagaimana email mereka akan terlihat di berbagai platform email. Litmus adalah salah satu yang paling populer, tetapi opsi lain seperti Mailgun, Email on Acid, Mailtrap, dan Preview My Email juga patut dicoba untuk melihat mana yang paling sesuai dengan kebutuhan setiap proyek.

Selain itu, mengingat ukuran gambar dan penggunaan bandwidth sangat penting karena jumlah email yang dibuka di perangkat seluler. Desain responsif sebenarnya merupakan kebutuhan untuk alasan yang sama.

Desain email terbaik akan mudah dibaca orang di perangkat apa pun dan—yang terpenting—akan meminta mereka mengklik ajakan bertindak di email (atau melakukan tindakan apa pun yang diminta). Mengikuti praktik terbaik desain email ini memberi desainer web keunggulan dalam membuat email yang melakukan ini secara efektif.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• Pengalaman Adalah Segalanya – Panduan UX Terbaik
• Apakah Semua Tren Layak? 5 Kesalahan UX Paling Umum yang Dilakukan Desainer
• UI vs. UX – Jelajahi Perbedaan Inti [Infografis]
• Prinsip dan Praktik Terbaik Desain UX Seluler
• Panduan Dasar untuk Kegunaan Seluler