Membuka Jalan Menuju Pembelian – Praktik Terbaik UX eCommerce

Penjualan eCommerce terus meningkat. Perangkat seluler terdiri dari sebagian besar lalu lintas eCommerce, namun situs desktop memiliki tingkat pengabaian keranjang yang lebih rendah dan nilai pembelian rata-rata yang lebih tinggi. Mobile eCommerce adalah masa depan, tetapi jika desainer ingin memaksimalkan keuntungan saat ini, mereka harus meningkatkan situs desktop dengan praktik terbaik UX eCommerce.

Potensinya mencengangkan. Tahun demi tahun, pendapatan eCommerce naik lebih tinggi. Penjualan offline masih merupakan mayoritas pendapatan ritel, tetapi peningkatan eCommerce tidak dapat disangkal. Tahun ini, pengecer eCommerce di AS diproyeksikan mencapai $840 miliar dalam penjualan, tingkat yang tidak akan mereka capai hingga 2022.

Berputar-putar dalam kemegahan statistik adalah proklamasi masa depan eCommerce yang didominasi oleh seluler — dan untuk alasan yang bagus. Perangkat seluler menghasilkan lalu lintas dan pendapatan ritel terbanyak di seluruh dunia. Sayangnya, seluler gagal memenuhi dua metrik utama: Situs seluler memiliki tingkat pengabaian keranjang yang lebih tinggi dan nilai pembelian rata-rata yang lebih rendah daripada situs desktop.

Apakah takdir eCommerce mobile? Niscaya. Apakah ada banyak uang yang dapat dihasilkan dengan mengoptimalkan situs desktop dengan praktik terbaik eCommerce UX? Sangat.

Pengalaman eCommerce dalam Empat Halaman

Di desktop, hampir semua situs eCommerce mengandalkan urutan halaman yang serupa untuk menyalurkan pembeli melalui proses penjualan.

• Beranda rapi dengan proposisi nilai yang tak tertahankan
• Halaman kategori terorganisir dengan baik yang mudah dinavigasi
• Halaman produk yang dipoles yang menggabungkan bukti sosial dan konten yang menarik
• Halaman checkout yang tidak rumit yang menunjukkan kemajuan dan membuat pembeli merasa aman

Tata letak, konten, dan navigasi setiap halaman ada untuk membantu pembeli menemukan informasi yang mereka cari—sambil mengantarkan mereka semakin dekat untuk membeli. Keempat halaman harus bekerja bersama-sama untuk menciptakan pengalaman eCommerce yang mulus yang diinginkan pembeli. Semuanya dimulai dengan beranda.

Beranda yang rapi

1. Jadikan Nilai Produk Secara Instan Terlihat

Beranda adalah kesan pertama. Pembeli harus dapat dengan cepat memastikan nilai suatu produk. Jangan gunakan beranda untuk mengoceh tentang fitur teknis. Bantu pembeli membayangkan bagaimana produk akan memecahkan masalah mereka dan meningkatkan kehidupan mereka (kerangka Pekerjaan yang Harus Diselesaikan adalah titik awal yang berguna).

Jauhkan copywriting singkat dan to the point. Gunakan foto yang menggambarkan manfaat produk. Jika pembeli harus banyak membaca, banyak menggulir, atau menonton video penjelasan panjang lebar untuk memahami nilai, nilai tidak langsung terlihat.

2. Aktifkan Pencarian Dari Mana Saja

Situs eCommerce yang hanya menjual beberapa item mungkin tidak memerlukan bilah pencarian, tetapi seiring dengan peningkatan penawaran, pencarian menjadi cara penting bagi pelanggan untuk menemukan produk sesuai dengan model mental mereka. Bilah pencarian yang melekat memastikan bahwa pencarian tersedia di mana-mana di setiap halaman, tetapi yang terbaik adalah menghapus pencarian dari halaman checkout demi konversi.

3. Berikan Nama Produk Yang Masuk Akal Bagi Pembeli

Nama produk yang masuk akal secara internal dapat membuat pembeli bingung. Menyediakan konteks pengambilan keputusan. Nama berdasarkan nomor model atau teknologi yang mendasari berisiko mengasingkan orang awam. Hal yang sama berlaku untuk judul yang terlalu lucu atau kreatif. Pilih nama produk yang menunjukkan utilitas atau nilai dari perspektif pembeli.

4. Sorot Penawaran dan Promosi

Pembeli datang ke situs eCommerce dengan mempertimbangkan produk tertentu. Saat penawaran dan promosi menyatu dengan beranda, mereka tidak diperhatikan. Sebutkan penawaran dengan warna-warna cerah, teks tebal, dan foto satu halaman penuh.

Jika penjualan adalah kepentingan sekunder, itu harus terlihat tetapi tidak boleh bersaing dengan proposisi nilai utama beranda. Jika promosi adalah hal nomor satu yang perlu diketahui pembeli, soroti itu.

Halaman Kategori yang terorganisir dengan baik

1. Hadirkan Produk dalam Kotak

Ruang yang diberikan oleh layar desktop sangat cocok untuk kisi produk. Kisi-kisi sejajar dengan pemindaian pola-F dan memungkinkan pembeli membandingkan beberapa produk dengan cepat. Mereka sangat efektif untuk item yang mudah dijelaskan dalam gambar. Untuk memaksimalkan manfaat kisi, coba pertahankan jumlah item per baris antara dua dan empat. Pada lima produk atau lebih, kisi-kisi menjadi jauh lebih sulit untuk dipindai.

Bonus: Tampilan daftar berfungsi, tetapi paling cocok untuk produk yang memerlukan penjelasan lebih detail.

2. Pastikan Navigasi yang Mudah

Navigasi harus intuitif. Pembeli tidak perlu kesulitan untuk beralih di antara halaman kategori atau mengaktifkan filter produk. Situs dengan produk dalam jumlah besar dalam satu kategori harus menggunakan navigasi kolom kiri untuk memungkinkan pembeli mengurutkan produk menurut atribut yang berbeda (pencarian segi).

3. Pamerkan Buku Terlaris

Tandai item terlaris dengan ikon unik atau tempatkan di bagian buku terlaris. Mengapa? Buku terlaris adalah bentuk bukti sosial. Ketika orang tidak yakin, mereka akan melihat tindakan orang lain untuk menentukan tindakan mereka sendiri. Ini terutama berlaku untuk pembeli baru.

Prinsip serupa berlaku untuk produk yang baru diluncurkan. Menampilkan item baru dan lebih baik lebih dari sekadar taktik penjualan satu kali; ini adalah cara untuk menarik pembeli agar kembali lagi untuk mendapatkan pembaruan di masa mendatang.

Halaman Produk yang Dipoles

1. Pikat dengan Bukti Sosial

Bukti sosial menanamkan kepercayaan pada pembeli. Peringkat dan ulasan memiliki dampak besar pada keputusan pembelian, tetapi situs desktop juga cukup luas untuk menangani bentuk bukti sosial lainnya:

• Foto produk yang diambil oleh pelanggan
• Dukungan selebriti dan influencer
• Kutipan dari para ahli
• Lencana persetujuan dari situs ulasan independen

Tujuan dari bukti sosial adalah untuk membantu pembeli merasa seperti mereka membuat keputusan berdasarkan informasi yang selaras dengan pengalaman positif orang lain.

2. Gunakan Salinan dan Perumpamaan untuk Menunjukkan Kehidupan yang Baik

Konten eCommerce harus informatif, tetapi ada lebih banyak persuasi daripada fakta dan daftar fitur. Gunakan teks dan gambar untuk membantu pembeli membayangkan kehidupan yang baik menunggu mereka setelah checkout.

Di sini sekali lagi, ukuran desktop adalah keuntungan. Tidak ada alasan untuk tidak menggunakan foto dan video kolosal atau menampilkan produk dari berbagai sudut. Hal yang sama berlaku untuk salinan. Jangan ragu untuk membuat header menjadi besar dan mengelilingi blok teks dengan spasi putih yang banyak.

3. Hasilkan Lebih Banyak dengan Upsells dan Produk Terkait

Jika pembeli tidak puas dengan apa yang mereka lihat di halaman produk, mereka tidak perlu kembali ke halaman kategori untuk menemukan opsi lain. Sebaliknya, tunjukkan kepada mereka produk alternatif dengan harga yang sama atau opsi yang lebih mahal dengan fitur, ulasan, atau pengenalan merek yang lebih baik.

Anda juga dapat menyarankan item terkait yang melengkapi halaman produk. Membeli sepatu? Mengapa tidak mendapatkan tali sepatu dan penyangga lengkung juga? Untuk mengurangi gesekan, pastikan item terkait memiliki opsi “Tambahkan ke Keranjang”.

4. Rancang Tombol “Tambahkan ke Keranjang” yang Besar dan Tebal

Ketika datang ke halaman produk, tombol “Tambahkan ke Keranjang” harus menonjol. Buat mereka besar, kontras tinggi, dan mudah diklik. Tahan keinginan untuk menjadi jenaka dan tulis teks ajakan bertindak yang tidak ambigu dan berorientasi pada tindakan.

Pembeli harus menerima umpan balik visual ketika mereka menambahkan item ke keranjang belanja mereka. Banyak situs desktop melakukan ini dengan overlay ringkasan keranjang yang meluncur sebentar dari sisi layar (cara kreatif untuk memungkinkan pembeli bertransisi ke checkout atau terus menjelajah).

Halaman Checkout Langsung

1. Tampilkan Kemajuan Pembayaran Pembeli

Pembeli eCommerce menghabiskan banyak waktu dan energi untuk mencari produk secara online. Ketika mereka siap untuk membeli, mereka membutuhkan kepastian bahwa akhir dari proses sudah di depan mata. Bilah kemajuan adalah cara sederhana untuk menunjukkan kepada pembeli di mana mereka berada selama setiap tahap pembayaran.

2. Terima Berbagai Bentuk Pembayaran

Kenyamanan dan keamanan adalah perhatian utama pembeli ketika mereka mencapai gateway pembayaran, dan itu adalah dua alasan utama pengabaian keranjang. Untungnya, ada semakin banyak opsi pembayaran online yang mengurangi ketakutan akan keamanan dan mempercepat pembayaran. Opsi pembayaran pihak ketiga yang didukung oleh perusahaan tepercaya (seperti Amazon dan Apple) mungkin lebih menarik bagi pembeli daripada memasukkan informasi kartu kredit.

Anda juga perlu mempertimbangkan opsi “beli sekarang, bayar nanti” (BNPL) seperti Kredit Paypal dan Klarna. BNPL adalah bentuk point of sale credit yang memungkinkan pelanggan untuk membayar produk dari waktu ke waktu setelah menerima barang.

3. Pertimbangkan Checkout Tamu

Checkout tamu mungkin tidak tepat untuk semua pengecer eCommerce, terutama mereka yang strategi bisnisnya berkisar pada menghasilkan akun pelanggan. Namun, ini terbukti mempercepat checkout, mencegah kelelahan pembuatan akun, dan mengurangi pengabaian keranjang.

Alternatifnya adalah memerlukan email untuk konfirmasi pesanan, kemudian menindaklanjuti dengan kesepakatan dalam pengiriman dan pesan pengiriman.

4. Berikan Ringkasan Pesanan yang Jelas

Yang ini wajib. Berikan ringkasan pesanan singkat kepada pembeli yang mencakup:

• Detail produk dan jumlah
• Rincian semua biaya
• Informasi pengiriman dan penagihan

Menampilkan gambar produk juga pintar, tetapi pastikan atribut sesuai dengan pilihan pelanggan (warna, ukuran, hasil akhir, dll.).

5. Tingkatkan Kepercayaan dengan Lencana Keamanan dan Dukungan Pelanggan

Berikan kepercayaan kepada pembeli dengan menampilkan lencana keamanan dan dukungan pihak ketiga. Checkout adalah tempat yang tepat untuk mengingatkan pembeli tentang peringkat dan ulasan terverifikasi.

Di sekitar, sertakan fitur dukungan seperti chatbots, kebijakan pengembalian, tautan ke FAQ, dan saluran dukungan pelanggan. Pembeli mungkin tidak menggunakan sumber daya ini saat pembayaran, tetapi mereka akan merasa tenang karena mengetahui bahwa sumber daya ini ada.

Amati Praktik Terbaik UX eCommerce

Belanja adalah sentuhan. Berat suatu objek, sudut dan tepinya, kecocokan dan rasanya—hal-hal ini penting. Dengan tidak adanya kehadiran, keakraban dan ukuran tampilan sangat penting. Desktop memberikan keduanya. Ini adalah paradigma yang nyaman dengan layar yang luas, navigasi yang mudah, dan gambar serta video yang lebih nyata.

Terlepas dari kekurangannya, ritel seluler adalah bidang yang relatif baru. Ada kekusutan yang harus diurai, tetapi itu tetap menjadi masa depan belanja online. Sampai saat itu, desainer bijaksana untuk mengambil untung dari masa kini dengan mengoptimalkan situs desktop dengan praktik terbaik UX eCommerce.

Beri tahu kami pendapat Anda! Silakan tinggalkan pemikiran, komentar, dan umpan balik Anda di bawah ini.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• eCommerce UX – Tinjauan Praktik Terbaik (dengan Infografis)
• Panduan Utama untuk Desain Situs Web eCommerce
• eCommerce 101: Memahami Pengabaian Keranjang Belanja (dengan Infografis)
• eCommerce UX – Strategi dan Prinsip Desain Esensial
• Tren eCommerce Terkemuka dan Pengaruhnya pada Desain (dengan Infografis)