Popup Shopify di ponsel harus tetap berfungsi saat pelanggan menggunakan layar kecil, toolbar browser yang berubah, dan papan ketik layar. Penawaran harus singkat dan mudah dipahami, kolom gampang diisi, dan tombol tutup dapat ditemukan tanpa mencari-cari. Uji seluruh interaksi dari saat popup muncul sampai ditutup, bukan hanya tangkapan layar editor yang tampak rapi.
Sampaikan janji yang singkat dan lengkap
Berikan satu fungsi yang jelas pada judul dan tempatkan syarat penting di dekatnya. Minta informasi seminimal mungkin untuk pendaftaran. Jika Anda meminta preferensi tambahan secara opsional, jelaskan tujuannya dan jangan mengubah popup kecil menjadi survei.
Gunakan alat formulir Sendvio untuk menjaga tipografi dan jarak tetap selaras dengan toko. Biarkan teks membungkus secara alami alih-alih mengecilkan semua label agar tata letak desktop muat di layar sempit. Versi bahasa yang lebih panjang mungkin memerlukan tata letak lebih tinggi atau sederhana.
Muatkan konten yang penting, bukan tata letak desktop
Di ponsel, utamakan janji, syarat penting, kolom isian, tombol kirim, dan tombol tutup yang terlihat. Gambar dekoratif yang besar dapat diperkecil atau dihilangkan jika mendorong formulir ke bawah area yang tersedia. Pelanggan tidak seharusnya menggulir melewati ilustrasi merek hanya untuk memahami informasi yang diminta.
Biarkan wadah bertambah tinggi atau dapat digulir dengan baik alih-alih memaksakan tinggi tetap untuk teks yang berubah-ubah. Judul terjemahan, pesan kesalahan validasi, atau ukuran teks sistem yang diperbesar dapat memerlukan ruang tambahan. Jika desain hanya berfungsi ketika setiap kalimat sesingkat mungkin, desain itu belum siap digunakan pelanggan dalam kondisi normal.
Pertahankan hierarki informasi setelah tata letak disederhanakan. Menghapus gambar yang tidak diperlukan berbeda dari menghapus syarat penting penawaran. Formulir yang lebih pendek tetap harus menjelaskan langganan dan manfaatnya. Jangan mengatasi ruang sempit dengan mengecilkan teks izin sampai sulit dibaca meskipun secara teknis masih ada.
Biarkan pengunjung tetap memegang kendali
Pastikan tindakan untuk menutup popup terlihat dan nyaman diketuk. Periksa bahwa formulir bisa digunakan dengan papan ketik dan fokus tidak hilang di belakang lapisan popup. Pesan kesalahan harus menjelaskan masalah di dekat kolom terkait tanpa menghapus informasi yang sudah dimasukkan.
Pertimbangkan kapan popup ditampilkan. Menginterupsi pembeli sebelum sempat memahami halaman dapat menimbulkan kejengkelan, bukan minat. Pilih waktu yang cocok dengan penawaran, lalu uji pengalaman sebagai pengunjung baru, pelanggan yang kembali, dan orang yang sedang berbelanja.
Uji tampilan saat papan ketik terbuka
Fokuskan kolom masukan di ponsel sungguhan atau pada pengujian perangkat yang mewakili. Pastikan kolom, pesan kesalahan, tombol kirim, dan tombol tutup tetap dapat dijangkau saat papan ketik muncul. Coba berpindah kolom dan memasukkan teks panjang. Area browser yang terlihat dapat berubah selama tindakan itu, jadi tangkapan layar sebelum mengetik saja tidak cukup.
Untuk formulir modal, fokus papan ketik seharusnya masuk ke dialog, tetap berada di dalamnya saat dialog terbuka, lalu kembali dengan wajar saat ditutup. Jika didukung, tombol Escape sebaiknya menutup dialog sebagaimana diharapkan. Uji juga teknologi bantu yang sesuai untuk audiens Anda; perataan visual saja tidak memastikan label kolom dan pesan kesalahan diumumkan dengan jelas.
Uji kondisi terkecil yang tetap realistis
Buka formulir di ponsel dengan layar sempit, fokuskan tiap kolom, lalu kirim data yang valid dan tidak valid. Putar perangkat, perbesar teks, dan periksa pesan sukses. Pastikan menutup formulir mengembalikan pengunjung ke halaman yang tetap bisa digunakan.
Ukur jumlah pendaftaran valid dan interaksi setelahnya bersama tingkat konversi formulir. Desain yang mengumpulkan alamat dengan membuat toko sulit ditutup bukanlah perbaikan yang berguna. Formulir sebaiknya memberi peluang yang jelas tanpa merusak pengalaman berbelanja.
Periksa juga kapan popup muncul kembali. Orang yang baru menutupnya tidak seharusnya langsung diganggu lagi setiap kali berpindah halaman. Gunakan kontrol tampilan yang tersedia pada pengaturan Anda dan uji sebagai pengunjung yang kembali maupun pengunjung baru. Pelanggan yang sudah mendaftar tidak seharusnya terus menerima ajakan akuisisi yang tidak lagi sesuai dengan statusnya.
Jika hasilnya mengecewakan, bedakan visibilitas dari manfaat. Sedikitnya pendaftaran mungkin disebabkan penawaran yang lemah, waktu yang mengganggu, atau langkah teknis yang rusak. Selidiki penyebab tersebut sebelum meningkatkan intensitas kemunculannya. Perbaikan terbaik menghasilkan formulir yang mudah dipahami, diisi, atau ditutup sambil tetap membiarkan orang berbelanja dengan nyaman.