Ini Nih Desain Formulir Penagihan yang Efektif untuk Web E-commerce

on

|

views

and

comments

Setiap situs web e-niaga bergantung pada formulir penagihan yang bisa diterapkan untuk memindahkan pelanggan melalui proses penagihan. Pada tahap ini pekerjaan hampir selesai – pelanggan telah berkomitmen – tetapi sebagai bisnis, Anda belum melewati batas. Sampai transaksi telah dibuat, kesepakatan belum disegel, dan pelanggan masih bisa pergi. Bahkan, jika bentuk penagihan Anda memiliki masalah kegunaan dalam bentuk desainnya, selip di sini masih merupakan kemungkinan yang berbeda. Karenanya sangat penting untuk merancang formulir penagihan Anda senyaman mungkin. Berikut beberapa tip dan contoh.

Tetap Sederhana

Jangan terlalu rumit. Pelanggan harus dapat mengikuti alur logis dari formulir tagihan dengan mudah dan tanpa pertanyaan. Keraguan menimbulkan keragu-raguan, dan keragu-raguan itulah yang ingin Anda hindari. Jangan sertakan informasi yang tidak perlu dan simpan semuanya di halaman yang sama agar mudah digulir. Jika formulir memang perlu lebih lama karena alasan tertentu, pilah menjadi potongan-potongan kecil yang mudah dinavigasi dan menggunakan remah roti – sebuah indikasi seberapa jauh pelanggan telah melakukan perjalanan dalam proses dan seberapa jauh mereka harus pergi untuk mendapatkan pekerjaan selesai. Ini dapat dengan mudah ditampilkan di bagian atas setiap langkah baru dalam bentuk garis waktu dan merupakan praktik terbaik untuk sejumlah situs web profil tinggi seperti Menggoyangkan. Ini benar-benar bukan ilmu roket, tetapi fundamental untuk penyebabnya.

e-commerce webdesign

Lihatlah contoh ini. Semuanya sederhana: pengguna dapat memilih metode melalui menu dropdown yang membuatnya lebih cepat. Halaman itu sendiri bersih dan sederhana dan yang terbaik, ada opsi obrolan langsung untuk siapa pun yang memiliki keraguan. Ini memudahkan Anda untuk menghilangkan konten yang tidak perlu dan menggantinya dengan satu tombol di mana mereka bisa mendapatkan semua informasi itu jika mereka membutuhkannya. Ada pelacak di atas juga, yang membuatnya jauh lebih mudah bagi pelanggan untuk mengetahui di mana mereka berada dalam perjalanan.

e-commerce webdesign

Dan di sini ada studi penelitian yang menunjukkan dengan tepat seberapa vital kesederhanaan dalam prosesnya. Begitu banyak orang yang menyerah membeli karena proses checkout yang lama atau pembuatan akun secara paksa. Ini hanyalah alasan lain untuk menyederhanakan proses Anda dan memastikan Anda memiliki checkout tamu.

Jelaskan

Gunakan pemformatan yang jelas, pisahkan kotak teks, dan jelaskan apa yang diharapkan dari setiap kotak teks. Itu hanya akal sehat.

“Saya berharap melihat font besar yang mudah dibaca dan judul-judul bidang yang relevan. Kurang dari itu hanya malas, ”Frank Frank mengingatkan, admin situs web di Britstudent .

e-commerce webdesign

Ini adalah contoh dari Asos. Mereka sangat berhati-hati untuk membuat halaman sejelas dan sesederhana mungkin dan mereka juga mencocokkan branding mereka di halaman. Kolom formulir sejelas hari. Mereka tepat di sebelah masing-masing bidang dan Anda dapat dengan mudah melihat apa yang perlu Anda ketik. Di samping catatan, mereka juga telah membuat pelacak sehingga pengguna tahu persis berapa banyak langkah yang tersisa sebelum mereka selesai. Bentuknya cukup panjang jika kita berbicara dengan jujur, tetapi ia berusaha sebaik mungkin untuk menjadi sesederhana dan semulus mungkin. Mungkin ada lebih sedikit poin tetapi menjaganya agar tetap jelas membantu pelanggan memiliki perjalanan yang lebih baik.

Bantu Pengguna dengan Anjuran

Jelaskan kepada pelanggan informasi apa yang diperlukan dan apa yang tidak. Mengenai informasi yang diperlukan, gunakan teknik jarak input khusus yang dapat dibuat secara otomatis menggunakan JavaScript, yang mengkustomisasi bidang-bidang seperti nomor telepon atau kode pos sehingga input secara otomatis diedit ke tata letak yang benar dan tab pelanggan ke kotak input berikutnya ketika semua digit telah dimasukkan. Ebay adalah contoh yang bagus tentang bagaimana spasi input kustom dapat bekerja. Itu juga bertindak untuk menginformasikan kesalahan dalam kasus jumlah digit yang salah untuk kode pos katakan, atau di mana informasi yang Anda masukkan tidak valid. Sangat penting bahwa setiap kesalahan ditandai dengan jelas dan segera: frustrasi memukul ‘pergi’ dan formulir yang tidak merespons teraba, dan sering kali menyebabkan pelanggan berhenti dari proses sepenuhnya.

e-commerce webdesign

Berikut adalah contoh prompt aneh namun menarik dan bermanfaat dari Geeklist. Mereka mendorong penggunanya untuk berusaha lebih keras dalam membuat kata sandi yang sulit untuk dipecahkan. Seperti yang Anda lihat, mereka memberi tahu Anda berapa lama yang dibutuhkan seseorang untuk memecahkan kata sandi Anda dan memasukkan akun Anda. Mereka bahkan memiliki huruf merah yang kemudian memberi tahu Anda lebih jauh bahwa ini bukan hal yang baik. Jadi, mereka membuat Anda membuat akun yang lebih aman karena mereka peduli dengan kesejahteraan Anda – hal yang sangat baik untuk ditampilkan langsung pada pendaftaran – dan mereka melakukannya dengan cara yang menarik dan menyenangkan. Di mana lagi Anda bisa mendapatkan prompt ini? Biasanya lebih umum daripada ini. Mereka juga melakukan pekerjaan yang baik dalam menggunakan input kustom yang disebutkan yang membuatnya mudah bagi seseorang untuk mendaftar tanpa mengetik terlalu banyak.

e-commerce webdesign

Ini adalah contoh bagus input kustom dan penggunaan cepat. Ini membuatnya lebih mudah bagi pelanggan karena mereka tidak perlu mengulangi formulir yang sama beberapa kali, tetapi hanya tahu kapan mereka telah melakukan kesalahan. Formulir juga mengisi sendiri menggunakan informasi yang ada. Jelas, sederhana, dan sangat mudah diisi.

Rekap

Sebelum langkah pamungkas ‘bayar sekarang’, atau apa pun tombolnya, penting untuk menawarkan pelanggan rekap dari apa yang mereka beli, dan berapa biaya akhirnya. Ini adalah saat ketika seorang pelanggan bisa cemas tentang pembelian mereka, dan pikiran kedua harus dihindari di semua biaya jika Anda adalah bisnis yang bersangkutan. Rekap tersebut harus singkat dan jelas ditampilkan untuk menghindari kebingungan apa pun. Pastikan bahwa semua pajak dimasukkan pada tahap ini sehingga pelanggan memahami dengan tepat jumlah totalnya, dan juga memasukkan rincian waktu pengiriman dan informasi terkait lainnya. Amazon adalah contoh yang bagus tentang bagaimana hal ini dapat dilakukan dengan jelas dan ringkas.

e-commerce webdesign

Ini adalah contoh halaman rekap dari Nike. Sangat sederhana, ini menunjukkan produk dengan jelas yang melakukan dua pekerjaan – satu adalah untuk menyalakan kembali keinginan untuk produk yang hilang dalam bentuk dan mengetik hal-hal yang berbeda dan pekerjaan lain adalah menunjukkan kepada pengguna apa yang mereka beli sehingga mereka dapat melihat apakah mereka membuat kesalahan.

“Ini masih mengherankan saya ada situs web e-commerce yang tidak menggunakan langkah rekap sebagai tahap kedua dari belakang. Selain hal-hal lain, itu tidak profesional, dan segera menimbulkan keraguan dalam benak pelanggan bahwa ini adalah layanan profesional yang akan memenuhi janjinya. Sayangnya, kami masih beroperasi di zona yang tidak sepenuhnya dipercaya pada saat itu, sehingga menambahkan validitas sangat penting, ” kata Jane Travers, seorang blogger desain di Writemyx .

Untuk menyimpulkan

Tidak satu pun dari langkah-langkah yang direkomendasikan ini berada di luar dari apa yang khas atau apa yang sangat dapat dicapai. Ini benar-benar semua tentang menjadi menyeluruh, dan memberi pelanggan jaminan bahwa mereka harus melalui pembelian. Jangan membuat kesalahan dengan berpikir Anda melakukan pekerjaan terlalu dini: kepuasan adalah musuh.

sumber: icons8.com

Share this
Tags

Must-read

Mantaflow Creating Fire

Menciptakan efek api? Mudah dengan Mantaflow! https://www.youtube.com/watch?v=lR9vjaYzeYQ
spot_img

Recent articles

More like this