Audit dan pengujian surat: apa yang harus Anda perhatikan saat tata letak

Halo, Habr!

Kode tidak mentolerir kelalaian, baik itu algoritma pemrosesan data yang kompleks atau pengaturan huruf buletin email.

Setelah menerima surat dari salah satu pengecer besar, kepala departemen tata letak kami memperhatikan bahwa beberapa elemen tidak merata. Naluri profesional tidak mengizinkan kami untuk lewat begitu saja, dan, karena toko itu tidak ada di antara pelanggan kami, ia memutuskan untuk memeriksanya sesuai dengan proses kontrol kualitas tata letak kami. Ilya Kasterin ikasterin , kepala departemen tata letak Retail Rocket, menceritakan tentang hasil dan cara melihat masalah di layar pada tahap pengembangan buletin.

Untuk siapa dan mengapa ini penting

Tampilan surat penting untuk toko online, karena banyak dari mereka berkomunikasi dengan pelanggan terutama melalui email. Semakin tidak menarik buletin, semakin banyak berhenti berlangganan dan pesanan lebih sedikit.

Anda mungkin berpendapat: "Jika sebuah toko menjual produk berkualitas dengan harga yang terjangkau, maka pengiriman surat tidak begitu penting." Ya itu benar. Namun, harga untuk posisi paling populer adalah sama di mana-mana, plus atau minus, dan barang itu sendiri sering dibeli dari satu produsen. Ini terutama berlaku untuk hypermarket online dan sebagian dari bermacam-macam pasar. Jadi ternyata yang menentukan kualitas layanan, kerja bagus dalam komunikasi email dan pemasaran secara umum. Dan jika seseorang tidak peduli bahwa teksnya mungkin bengkok atau spasi tidak sama, pembeli lain akan berpikir bahwa kekurangan seperti itu bisa ada di layanan toko atau kualitas produk, dan mengubah pendapat toko menjadi lebih buruk.

Bagaimana cara mengatur proses kerja untuk meminimalkan kesalahan?

Retail Rocket adalah platform personalisasi untuk toko online yang membantu pengecer membangun komunikasi pribadi dengan setiap pelanggan di situs dan di saluran email. Platform pemasaran email yang dipersonalisasi mencakup pengiriman segala jenis dan kompleksitas: mulai dari email pemicu hingga pembentukan kampanye otomatis cerdas dengan konten dinamis.

Banyak pengecer memilih platform kami karena tingkat layanan dan dukungan yang tinggi yang kami berikan melalui proses kerja yang dikalibrasi dengan jelas. Saat ini, departemen tata letak telah mencapai (dan tidak akan berhenti) indikator berikut:

• Dalam satu hari kerja, spesialis melakukan rata-rata 18.1 tugas. Ini mencakup penyempurnaan mail yang ada, dan pengenaan dari awal beberapa lusin kampanye atau blok pemicu dengan logika kompleks dan banyak skrip untuk ditampilkan ke segmen pengguna yang berbeda;
• Waktu rata-rata untuk menyelesaikan tugas kurang dari dua hari kerja (dalam kebanyakan kasus, semuanya akan siap pada hari tugas itu ditetapkan);
• Kemungkinan tampilan huruf yang salah dari pelanggan kami praktis nol.

Hasil ini diperoleh paling tidak dengan bantuan proses kerja yang efisien dimana Retail Rocket menggunakan papan kanban di Trello:


Salah satu papan departemen tata letak

Dengan bantuan papan kanban, seluruh tim mengontrol tugas dan melihat kesulitan jika muncul. Keseluruhan proses tata letak adalah sebagai berikut:

1. Pengumpulan informasi: tata letak, teks, tautan, spanduk dan informasi lainnya dari toko. Hal ini diperlukan untuk mendapatkan semua pengantar yang diperlukan sebanyak mungkin sehingga beberapa pengeditan tidak muncul pada tahap tata letak dan pengujian, karena ada sesuatu yang akan mengubah sumber daya lebih intensif.
2. Tata letak Dasarnya adalah templat dasar universal, yang mencakup semua pencapaian dan "keripik" perusahaan, yang dapat digunakan dalam desain surat (tentang mereka, sayangnya, tidak hari ini);
3. Pengujian. Menggunakan alat khusus, surat diperiksa pada hampir semua klien email, kadang-kadang kita bahkan memeriksa beberapa poin pada perangkat nyata dengan Android dan iOS;
4. Menguji lagi. Verifikasi tambahan tampilan dan kode semua huruf secara pribadi oleh kepala departemen tata letak dan manajer proyek semua surat;
5. Tugas selesai. Surat siap dikirim ke pengelola tugas.

Surat audit

Sebelum menunjukkan masalah apa yang mungkin muncul selama tata letak, saya ingin menekankan bahwa tidak ada solusi konkret akan ditunjukkan, kecuali untuk satu hal: untuk membuat ulang surat dari awal. Jika Anda memiliki beberapa tahapan dengan ulasan, maka menemukan dan memperbaiki kesalahan akan mudah. Berikut adalah beberapa tips untuk membantu Anda meningkatkan pekerjaan Anda:

• Merencanakan proses untuk mengontrol kualitas tata letak. Lakukan curah pendapat dengan kolega dan berdasarkan pengalaman Anda, buat metodologi pengujian dan tata letak yang akan ditambah. Ini akan sangat memudahkan pekerjaan di masa depan, terutama dengan karyawan baru;
• Dalam proses pengujian setiap huruf. Cobalah untuk memecah tugas menjadi blok, di mana pada setiap tahap akan ada kontrol kualitas;
• Harap dicatat: agar surat itu menyenangkan mata, perlu untuk memantau rasio ukuran font, gambar, serta interval dan tanda hubung. Kedengarannya sederhana, tetapi di bawah ini Anda akan melihat bahwa tampilan yang salah tidak selalu jelas;
• Mendukung inovasi. Cobalah untuk memperkenalkan chip baru ke dalam pekerjaan. Sampai baru-baru ini, kolega saya dan saya menertawakan permintaan untuk memasukkan slider dalam surat, tetapi AMP muncul dan segera trik seperti itu akan menjadi keharusan.

Mari kita kembali ke audit. Kami menguji surat yang diterima pada beberapa klien email setelah melakukan pemesanan untuk pengecer besar sesuai dengan standar Retail Rocket.

Mari kita mulai dengan melihat tampilan huruf pada desktop. Cobalah untuk menemukan sendiri kesalahan tata letak di dalamnya:



Sekilas, surat itu ditata dengan sangat baik, tetapi ini karena kesalahan utama terlihat ketika Anda membuka surat di perangkat seluler. Meskipun di sini Anda dapat melihat beberapa kekurangan.

Banyak pengecer terbatas untuk memeriksa desktop dan puas dengan hasilnya. Tetapi lebih dari setengah surat terbuka di ponsel. Itulah sebabnya proses pengujian pada berbagai perangkat dan klien email sangat penting.

Pertimbangkan kesalahan dan kekurangan tata letak secara lebih rinci.

Umum cacat dalam semua huruf

Tentu saja semua klien email tidak menampilkan blok teks dengan harga, jumlah, dan properti produk dengan benar, seperti hyphenation yang salah atau font yang tidak proporsional dalam kaitannya dengan gambar, tetapi paling sering ada masalah dengan indentasi.



Ini dapat dilihat dengan jelas dalam contoh di bawah ini: dalam satu kartu produk, tampilannya benar, dan pada yang di bawah ini, teks berada pada level yang berbeda:

Tampilan di iPhone 6 dan iPhone 6+

Gambar produk relatif terlalu kecil untuk teks dan dengan latar belakang ini, fontnya tampak besar. Simbol rubel juga ditransfer, yang tidak terlihat sangat indah.

Perlu dicatat: harga dan nama produk berada pada level yang berbeda, masalah yang sama dengan parameter produk di bawah nama.

Tampilan di iPhone X dan Pixel

Tidak ada masalah dengan menampilkan harga, tetapi, seperti pada contoh sebelumnya, gambar produk dan teks terlihat terlalu kecil dan besar. Tinggi dan nama juga bervariasi dalam ketinggian, hal yang sama berlaku untuk parameter.

Masalah-masalah ini berulang di Gmail pada iPhone 7 iPhone 7+ dan iPhone SE.

Tampilan di Samsung Mail

Surat itu tidak beradaptasi dengan ukuran layar, tanpa perkiraan akan sulit untuk mempertimbangkan detail pesanan.

Memetakan pada Lotus Notes 8.5 dan Outlook 2003

Ya, beberapa pembeli masih menggunakan mailer ini dan karenanya mereka tidak dapat diabaikan. Dalam kasus kami, baik di Lotus Notes 8.5 dan di Outlook 2003, surat itu berantakan karena ukuran gambar yang sangat besar.

Semua gambar dalam surat harus berukuran maksimal. Dalam kasus khusus ini, tingginya dan lebar 90px.

Ringkasan

Pembeli tidak selalu menyadari bahwa ada masalah dengan spasi atau rasio font di buletin, tetapi ini pasti mempengaruhi bagaimana pesan itu dirasakan secara keseluruhan. Sayangnya, tidak semua pengecer mempertimbangkan ini. Surat itu akan terlihat seperti ini jika melewati proses tata letak kami:



Misi kami adalah meningkatkan penjualan toko online, jadi kami membagikan metode kerja kami secara terbuka dan menunjukkan cara menghindari kesalahan. Pengujian yang cermat dapat mengidentifikasi semua masalah tampilan dan memperbaikinya tepat waktu.

Mungkin surat setelah menyelesaikan pesanan bukanlah yang paling luar biasa, tetapi jika ada begitu banyak kekurangan dalam struktur yang begitu sederhana, maka apa kemungkinan surat massal dengan berbagai elemen desain akan dibuat dengan sempurna?

Apa yang Anda pikirkan tentang ini? Kami menunggu jawaban Anda dan dengan senang hati akan membahas topik ini.