Alat Email Masa Lalu, Sekarang, dan Masa Depan: Perekaman Webinar + Tanya Jawab

Alat yang kami gunakan untuk merancang, membuat, dan menguji kampanye email telah berubah secara drastis selama bertahun-tahun. Dari Dreamweaver dan Builder, hingga Photoshop dan Figma, alat telah berevolusi untuk membuat pekerjaan kita lebih dinamis, kolaboratif, dan menyenangkan. Alat-alat klasik itu masih memiliki tempat khusus di hati para geeks email di mana-mana. Lebih penting lagi, mereka memengaruhi apa yang kita harapkan dari alat kita saat ini dan apa yang ingin kita lihat di masa depan.

Dalam webinar ini, Shani Nestingen dari Target dan Camille Palu dari Camiah bergabung dengan tim Litmus untuk mengetahui (dan bersimpati) tentang sejarah pembuatan email dan alat yang kami gunakan.

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.

Adakah tips untuk mengadaptasi email untuk Mode Gelap?

Lily Worth : Alice Li, Insinyur Email Utama Litmus, menulis panduan hebat untuk Mode Gelap yang akan menjadi bacaan yang bermanfaat. Ini memandu Anda melalui kueri media Mode Gelap untuk ditambahkan ke CSS yang disematkan, sehingga Anda dapat menyesuaikan pengalaman Mode Gelap Anda.

Bisakah Anda mendefinisikan open source untuk seseorang yang hanya memiliki pengetahuan HTML DW?

Camille Palu : Definisinya adalah: perangkat lunak yang kode sumber aslinya tersedia secara bebas dan dapat didistribusikan kembali serta dimodifikasi. Ini berarti kode tersebut bukan rahasia. Ini bagus karena dapat diperbarui dan diulang untuk membuatnya lebih baik dan lebih baik, daripada dikunci dan dimiliki oleh perusahaan. Jika dikunci dan dimiliki oleh perusahaan, kecil kemungkinan pembaruan dilakukan secara tepat waktu, atau bahkan sama sekali .

Apakah Dreamweaver satu-satunya aplikasi point-and-click-edit?

Camille Palu : Dreamweaver adalah satu-satunya yang saya tahu. Juga Litmus Builder memiliki fungsionalitas.

Bagaimana Atom dibandingkan dengan Sublime?

Camille Palu : Keduanya bagus! Anda pasti harus melihat kebutuhan dan alasan sebenarnya untuk alat untuk pekerjaan yang Anda lakukan sepanjang hari. Saya lebih suka kustomisasi paket yang didukung Atom. Ada baiknya menguji keduanya untuk melihat apa yang berhasil untuk Anda dan tim Anda.

Bagaimana Anda belajar Adobe Animate? Apakah Anda belajar sendiri atau menemukan tutorial yang bermanfaat?

Lily Worth : Awalnya saya belajar cara menganimasikan di Flash. Ketika menjadi Adobe Animate, ia mempertahankan sebagian besar fitur animasi Flash. Dari apa yang saya ingat saat itu, saya menggunakan panduan dan tutorial yang disertakan dengan program ini. Saya berjuang untuk mempertahankan semua teknik yang dapat Anda gunakan dengan perangkat lunak ini, jadi saya sering beralih ke YouTube untuk menyegarkan pengetahuan saya. Saya akan merekomendasikan Tiptut untuk beberapa pembelajaran animasi yang menyenangkan.

Adakah sumber daya yang Anda rekomendasikan untuk seorang desainer yang ingin bekerja di After Effects?

Lily Worth : Meskipun saya belum berhasil membuat animasi di After Effects, saya telah memasukkan beberapa sumber daya hebat yang ditawarkan ketika mencoba untuk belajar. Creative Bloq menawarkan tidak kurang dari 50 tutorial praktis dalam posting ini, yang berkisar dari dasar hingga teknik yang lebih kompleks. Dan Tiptut juga memiliki beberapa video YouTube yang menyenangkan.

Camille Palu : YouTube pasti!

Shani Nestingen : YouTube pasti. Juga, Smashing Magazine memiliki beberapa artikel bagus di dalamnya, serta tutorial intro yang bagus tentang Lynda dan Pluralsight.

Bagaimana Anda menangani elemen pengiris untuk desain email di Figma? Tim saya baru saja beralih ke Figma dan saya berjuang untuk mengatasinya.

Camille Palu : Saya menyimpan barang-barang dari Figma dengan ukuran 2x dan mengambil elemen-elemen yang disimpan itu ke dalam Photoshop untuk menyempurnakannya. Saya benar-benar pilih-pilih tentang seberapa sempurna gambar yang dibutuhkan. Banyak waktu elemen disimpan dengan sangat baik, tetapi saya ingin memastikan di Photoshop dan menyimpan untuk web.

Lily Worth : Saya menggunakan proses yang mirip dengan Cam! Saya sangat kesulitan dengan piksel desimal di Figma, jadi saya sering memeriksa dan menyempurnakan gambar saya di Photoshop sebelum menyerahkannya kepada Alice untuk masuk ke pembuatan email.

Apakah Anda memiliki saran untuk seorang desainer yang mencoba membobol pengkodean dan mendesain email?

Lily Worth : Memang terasa seperti gunung untuk didaki ketika Anda memulai, tetapi ada banyak sumber daya untuk membantu Anda memulai. Berikut adalah beberapa bahan bacaan yang bermanfaat:

• Baru mengenal pengkodean email? Di sinilah untuk memulai. (Email Sangat Bagus)
• Panduan Langkah-demi-Langkah Untuk Membuat Email HTML Anda Sendiri (Upler)
• Referensi Desain Email (Mailchimp)
• 101 dari Kode Email (Litmus)

Juga, terhubung dengan komunitas email melalui #emailgeeks di Twitter! Komunitas email luar biasa dan selalu ingin membantu. Anda juga dapat memposting pertanyaan Anda di Komunitas Litmus untuk menghubungi desainer email dan pengembang untuk mendapatkan dukungan, atau bergabung dengan komunitas Email Geeks Slack.

Shani Nestingen : Tautan yang Lily bagikan adalah yang akan saya mulai, tetapi pasti terhubung melalui media sosial, Twitter, dan grup slack Email Geeks. Ada begitu banyak sumber daya yang hebat dan orang-orang untuk terhubung di sana.

Apakah Anda memiliki rekomendasi tentang cara terbaik untuk bermigrasi dari satu alat ke alat lainnya? Kami ingin memindahkan tumpukan desain kami ke Figma.

Lily Worth : Figma memungkinkan Anda mengimpor desain dari Sketch dengan mudah. Jika Anda bermigrasi dari Photoshop, ada cara untuk mengonversi file PSD Anda ke file Sketch dan kemudian mengimpor ke Figma.

Hal yang hebat tentang Figma adalah seberapa cepat Anda dapat membuat tata letak dan menyimpan modul dan elemen ke perpustakaan Anda, jadi jika mengimpor tidak berjalan dengan baik, mungkin tidak terlalu menyakitkan untuk membuat ulang beberapa file yang ada di dalam Figma (jari menyeberang).

Apakah ada di antara Anda yang menggunakan Adobe Fireworks di masa lalu? Bicara tentang kemunduran!

Shani Nestingen : Saya hanya menggunakan Fireworks ketika masih dimiliki oleh Macromedia, tetapi saya senang dapat menyimpan versi web dengan langkah-langkah yang sangat sedikit!

Alat apa yang akan Anda rekomendasikan untuk setiap langkah proses pembuatan email?

Jason Rodriguez : Berikut adalah beberapa alat yang kami diskusikan selama webinar, bersama dengan alat yang direkomendasikan oleh sesama peserta:

• diffchecker.com
• persegi panjangapp.com
• emailcomb.com
• howtotarget.email
• betterplaceholder.com
• imageoptim.com
• ezgif.com
• tinypng.com