Saturday, November 27, 2021
spot_imgspot_imgspot_imgspot_img

HomeVisual DesignCara Mendesain Pengalaman Checkout Dengan Lancar

[UI/UX]Cara Mendesain Pengalaman Checkout Dengan Lancar

Kapan terakhir kali Anda mengunjungi toko online, memasukkan beberapa produk ke troli, tetapi tidak pernah menyelesaikan pembelian? Saya bertaruh belum lama ini. Perilaku semacam itu dikenal sebagai pengabaian dan menurut Baymard Institute

HAMPIR 70% DARI BELANJA TOKO ONLINE DILAKUKAN

Sementara banyak faktor mempengaruhi tingkat konversi, desain halaman checkout memiliki dampak luar biasa pada jumlah pembelian karena halaman ini memungkinkan pengguna untuk meninjau pesanan mereka sebelum menyelesaikan pembelian mereka. Halaman checkout yang dirancang dengan buruk akan meningkatkan kemungkinan ditinggalkannya gerobak.

Dalam artikel ini, kami akan meninjau 5 keputusan desain penting yang akan membantu Anda merancang pengalaman yang baik pada langkah ini.

1. Checkout tamu

Kurangnya checkout tamu masih menjadi masalah pada tahun 2020. Membuat akun baru memerlukan upaya ekstra (ketik email / nomor telepon, buat kata sandi yang akan cocok dengan aturan keamanan, dan akhirnya validasi email atau nomor telepon). Beberapa pengguna tidak ingin membuat akun (terutama jika pembelian satu kali), dan tanpa checkout tamu, Anda secara signifikan meningkatkan kemungkinan mereka meninggalkan keranjang mereka. Menurut Baymard Institute, pada tahun 2020 kami masih memiliki 18% situs web yang tidak menawarkan opsi ini dan memaksa pengunjung untuk membuat akun.

Sangat penting tidak hanya menyediakan checkout tamu tetapi juga membuat opsi ini menonjol secara visual. Jangan sembunyikan checkout tamu di balik tautan teks kecil yang hampir tidak akan diperhatikan pengguna.

Image for post

Nike.com menawarkan dua opsi untuk pengguna – checkout anggota untuk pengguna terdaftar dan checkout tamu untuk pengguna yang tidak ingin membuat akun.
2. Informasi produk

Dimungkinkan untuk menetapkan beberapa elemen penting dari informasi produk seperti:

Gambar produk
Nama Produk
Atribut atau spesifikasi produk
Jumlah produk
Harga produk

Image for post

Informasi produk di Mrporter.com
Gambar produk

Otak kita memproses informasi visual jauh lebih cepat daripada teks. Dan ketika kami memindai item dalam keranjang produk kami, hal pertama yang kami perhatikan adalah gambar produk kami. Gambar produk besar akan membantu pelanggan untuk dengan cepat meninjau produk yang mereka miliki di keranjang untuk memastikan bahwa keranjang tersebut valid.

Nama Produk

Ketika datang ke nama produk, Anda hanya perlu memberikan informasi penting tentang produk. Misalnya, untuk pakaian bisa berupa nama merek + nama produk. Gagasan utamanya adalah membantu pengguna dengan cepat mencocokkan gambar produk dengan barang aktual yang ada di gerobak. Semua informasi tambahan dapat diberikan dalam atribut produk.

Atribut atau spesifikasi produk

Detail produk penting seperti kode produk, ukuran, warna, harus terlihat dalam deskripsi singkat. Detail seperti itu akan meyakinkan pengguna bahwa mereka memiliki produk yang tepat dalam keranjang.

Kuantitas

Harus jelas bagi pengguna berapa banyak item dari produk tertentu yang mereka miliki di troli. Kuantitas harus dapat diedit.

Harga

Ketika datang ke harga produk tertentu, Anda perlu mempertimbangkan dua hal:

Jika Anda memiliki lebih dari satu item produk dalam keranjang, Anda perlu menunjukkan harga per item + subtotal untuk produk ini.
Selalu tunjukkan harga termasuk pajak.

Image for post
Ctshirts memberikan harga per item + subtotal untuk suatu produk.
3. Informasi pengiriman dan biaya
Sebutkan dengan jelas biaya pengiriman

Biaya pengiriman tersembunyi adalah salah satu alasan mengapa pengunjung mengabaikan proses checkout.

Opsi pengiriman berbiaya rendah sudah dipilih sebelumnya secara default

Jika Anda menawarkan beberapa opsi pengiriman, gunakan opsi yang paling murah sebagai default tetapi selalu memungkinkan pengguna untuk memodifikasi pilihan ini.

Tanggal pengiriman yang diharapkan disediakan

“Kapan saya akan menerima pesanan saya?” adalah pertanyaan khas saat checkout. Terlalu sering, situs web eCommerce memberikan deskripsi yang tidak jelas untuk pengiriman seperti “Standar (Biasa)” atau “Ekspres (Cepat)”. Masalah dengan deskripsi ini adalah bahwa itu tidak banyak bicara kepada pengguna. Ketika pengguna melihat informasi tentang tanggal yang diharapkan, informasi ini membuatnya lebih mudah untuk membuat keputusan. Jika Anda bisa, berikan tanggal pengiriman yang tepat, tetapi jika Anda tidak bisa menerimanya, setidaknya katakan “waktu pengiriman adalah 5 hari.”

Image for post

Macy menyediakan waktu transit rata-rata untuk setiap opsi pengiriman.
4. Ringkasan keranjang
Subtotal dan total

Orang-orang sangat berhati-hati dalam hal uang. Dengan demikian, ketika halaman checkout tidak memberi tahu pengguna berapa banyak uang yang akan mereka belanjakan, mereka kurang termotivasi untuk berkomitmen pada pembelian. Itu sebabnya sangat penting untuk menunjukkan total biaya pesanan. Jangan pernah membuat pengguna menghitung total karena akan merusak tingkat konversi Anda.

Jika pengguna perlu membayar pajak, beri tahu mereka di muka. Berikan informasi tentang bagaimana pajak dihitung.

Image for post
Halaman checkout Nike memberikan informasi tentang pajak subtotal dan taksiran
Diskon

Jika pengguna dapat memasukkan kode promo, biarkan mereka melakukannya pada langkah review keranjang. Banyak pengguna dapat meninggalkan situs web untuk mencari kode promo dan tidak akan pernah kembali. Jadi, untuk mengurangi perilaku tersebut, Anda dapat menawarkan kode promo langsung di situs web.

Image for post

Ctshirts menawarkan kode promo tepat di halaman checkout

Ketika pengguna berhasil menerapkan kode promo:

Tunjukkan fakta bahwa kode promo diterapkan.
Tunjukkan berapa banyak uang yang dapat disimpan pengguna (jika jumlahnya lebih dari nol).
5. Tindakan penting
Hapus produk tertentu

Izinkan pengguna mengedit produk dalam keranjang. Terkadang pengguna ingin mengembalikan produk yang baru saja dihapus kembali ke troli. Dengan demikian, ada baiknya memberikan tindakan Membatalkan yang akan menambahkan kembali produk yang baru saja dihapus kembali ke troli.

Image for post

iHebr offers Undo action for just removed items

Simpan keranjang

Terkadang pengguna tidak dapat menyelesaikan pesanan mereka dalam satu sesi. Mereka perlu waktu untuk berpikir atau mendiskusikan produk dengan teman atau keluarga mereka. Untuk skenario khusus ini, Anda harus memiliki opsi ‘simpan keranjang’ yang akan memungkinkan pengguna untuk kembali ke kereta dari waktu yang sangat lama.

Kirim email ke troli saya

Opsi ini berguna untuk kasus saat pengguna ingin melanjutkan checkout di perangkat lain. Misalnya, pengguna menambahkan produk ke keranjang dari perangkat seluler, tetapi ingin menyelesaikan pesanan di desktop.

Desain pengalaman eCommerce yang sempurna

Ada banyak faktor dalam mendesain pengalaman eCommerce yang luar biasa. Anda harus tahu cara menarik perhatian pengunjung dan menyajikan barang Anda secara optimal. Untuk melakukan semua itu, Anda perlu memperoleh dan menerapkan pengetahuan dalam psikologi manusia. Kursus Psikologi E-Commerce: Cara Menjual Online dari IDF memberikan informasi ini bersama dengan tips praktis tentang cara meningkatkan desain web Anda dan meningkatkan keterlibatan pelanggan Anda.

 

 

 

 

 

 

 

sumber:uxplanet.org

RELATED ARTICLES
- Advertisment -

Most Popular

Recent Comments