pengembangan-web-mp-pd.com

Apa praktik terbaik Keranjang Belanja eCommerce Anda dan contoh UI yang terkenal?

Apa gerobak belanja terbaik yang Anda kenal dalam hal desain visual dan kegunaan.

Selain itu, berikan kiat praktik terbaik saat mendesain keranjang belanja seperti yang dilakukan @scunliffe.

e-commerceshopping-cart
5
idophir

Saya tidak yakin saya tahu UI terbaik tetapi saya tahu orang-orang yang membuat saya frustrasi ;-) Logika akan menyarankan bahwa fitur yang berlawanan adalah yang membuatnya lebih baik.

  • Aku benci tidak bisa melihat totalku. Begitu saya "di" troli saya, saya selalu ingin dapat melihat harga total saya.
  • Saya tinggal di Kanada - tergantung pada situs/produk, Biaya Pengiriman berkisar dari yang dapat diterima hingga astronomi. Harap berikan biaya pengiriman sebelum Saya harus memasukkan detail kartu kredit saya (atau setidaknya perkiraan atau tautan ke bagan biaya)
  • Banyak pengguna akan memasuki keranjang/checkout untuk mendapatkan harga akhir sebagai bagian dari perbandingan belanja. Jika Anda memblokir mereka dari mendapatkan harga akhir dengan mendaftar, entri kartu kredit, dll. Anda mungkin kehilangan pelanggan yang akan membeli dari Anda seandainya mereka bisa melihat harganya.
  • Jika memungkinkan, pastikan untuk memberi tahu pengguna secara visual kapan mereka dapat melanjutkan tanpa dikenakan biaya. Misalnya. tombol "lanjutkan" baik-baik saja untuk bergerak lebih jauh, tetapi tindakan pembelian yang sebenarnya harus diberi label dengan jelas. Misalnya. "Konfirmasi Pembelian" atau sesuatu. Saya pernah berada di sebuah situs di mana menekan "Lanjutkan" menagih kartu kredit saya (saya tidak terkesan!)
  • Sertakan informasi atau setidaknya tautan yang berlabel jelas ke kebijakan pengembalian, dan jangka waktu pengiriman yang diharapkan (mis. Hari berikutnya ?, 3 hari ?, 6-8 minggu)
  • Berikan informasi penyimpanan (ketersediaan) sedini mungkin, paling lambat pada ikhtisar keranjang
  • Buatlah mudah bagi saya untuk mengubah jumlah item di keranjang saya ... atau menghapusnya sepenuhnya
  • Berikan tautan dari setiap item di kereta kembali ke halaman informasi untuk item khusus ini
  • Pertimbangkan opsi bagi saya untuk "menyelamatkan" kondisi kereta, untuk kembali lagi nanti.
  • Identifikasi opsi pembayaran di muka dengan jelas. Saya sering lebih suka membayar dengan Paypal misalnya.
  • Berikan # atau tautan telepon untuk dukungan pelanggan ...
12
scunliffe

Saya akan melakukan riset di Design Meltdown. Dia mengumpulkan banyak situs eCommerce, dan saya berani bertaruh banyak desain keranjang yang berbeda. Alami mereka, lihat mana yang paling berhasil.

http://2010.designmeltdown.com/category/site-types/e-commerce/

4
Tor Løvskogen Bollingmo

Mengingat sebagian besar pengguna Anda akan menggunakan Amazon, saya cenderung hanya menyalin apa yang dilakukan Amazon. Saya pikir dalam kasus keranjang belanja:

Terbaik == Berhasil, dan saya tidak perlu memikirkan cara menggunakannya

2
Ian
  • Gunakan gambar produk berkualitas tinggi (tetapi dioptimalkan). Tautan ke gambar (besar) lainnya di halaman produk.
  • Pastikan tombol "tambahkan ke troli" dan "checkout" jelas, dan cukup besar untuk disentuh pada perangkat seluler.
  • Hindari elemen flash besar yang memuat lambat.
  • Gunakan mega-dropdown , bukan drop-down bersarang (ini agak subyektif, saya tahu, tapi saya pikir itu salah satu pola UI yang lebih baik untuk e-commerce).
  • Jadikan proses checkout semudah dan sesengaja mungkin. Pastikan pengguna tahu di mana dia berada dalam proses dan berapa banyak langkah yang tersisa.
2
Christopher Scott

  • Waspadai sasaran bisnis vs. sasaran kegunaan. Misalnya beberapa toko membuat "corong", di mana begitu Anda berada di halaman checkout tidak ada lagi nav untuk sisa situs. Idenya adalah untuk tidak mengalihkan Anda dari proses pembelian sehingga Anda selesai. Ini adalah tujuan bisnis, dan sebagai pengguna saya merasa frustrasi. Bagaimana jika saya lupa sesuatu dan ingin mencoba mencoba untuk menambahkannya ke keranjang saya? Terkadang saya harus benar-benar meretas URL untuk kembali ke situs utama lagi.

  • Jika menggunakan panduan multi-langkah, buatlah mudah untuk kembali dan mengubah informasi yang Anda masukkan sebelumnya yang sekarang Anda sadari salah begitu Anda sampai di halaman konfirmasi. Jangan membuat pengguna mengklik Kembali, Kembali, Kembali dan kemudian Berikutnya, Berikutnya, Berikutnya. Jika memungkinkan, buat checkout satu halaman, atau biarkan pengguna mengedit informasi apa pun pada halaman terakhir dengan cepat.

  • Tidak memerlukan banyak info dari pengguna untuk membuat akun hanya untuk menyimpan keranjang belanja atau daftar harapan mereka.

1
Emma McCreary