Tips Desain Shopify dan Praktik Terbaik UX

Shopify mendukung lebih dari setengah juta bisnis eCommerce di 175 negara. Sejak 2012, jumlah pedagang di platform Shopify telah tumbuh rata-rata 74% setiap tahun, dan pedagang ini telah mencapai lebih dari $55 miliar dalam penjualan karena Shopify menjadi salah satu platform eCommerce paling terkenal dan paling mudah digunakan saat ini.

Dengan Shopify yang mengurus domain, hosting, semua back-end, dan beberapa fungsionalitas front-end, lebih banyak waktu, uang, dan sumber daya dapat dihabiskan untuk desain UX. Pada tahun 2021, penjualan eCommerce di seluruh dunia diperkirakan akan mencapai level tertinggi baru sebesar $4,9 triliun, dan dengan desain UX di bawah standar menjadi salah satu kontributor terbesar untuk checkout yang ditinggalkan, implementasi praktik terbaik eCommerce akan terus terbukti sangat efektif.

Pada artikel ini, kita akan menjelajahi tips desain Shopify teratas.

Fitur Apa yang Dimiliki Shopify?

Shopify dikirimkan dengan semua fitur yang Anda harapkan dari platform eCommerce teratas:

• Integrasi dengan gateway pembayaran eksternal, seperti Stripe dan PayPal
• Akses ke Pembayaran Shopify, tanpa biaya dibandingkan dengan opsi eksternal
• Kemampuan untuk mengizinkan pembayaran dengan kartu hadiah atau kredit toko
• Halaman checkout yang dapat disesuaikan (hanya untuk pelanggan Shopify Plus)
• Opsi akun pengguna atau checkout tamu
• Halaman statis (misalnya, Kebijakan Privasi atau Syarat dan Ketentuan)
• Halaman arahan dengan konten promosi
• Akses kata sandi untuk toko yang sedang dikembangkan
• Varian produk dengan berbagai opsi yang dapat disesuaikan
• Koleksi pintar untuk mengotomatiskan kategorisasi produk
• Cari dan beri tag fungsionalitas untuk membantu penemuan produk
• Fungsionalitas blog dengan kemampuan untuk menyematkan produk ke dalam postingan
• API untuk membantu pengembang membangun situs web dinamis dan aplikasi seluler

Meningkatkan Penemuan Produk eCommerce

Mirip dengan cara toko bata-dan-mortir diatur oleh departemen sehingga pelanggan dapat menemukan item tertentu dengan bertanya kepada anggota staf, pembeli online memerlukan kemampuan untuk menelusuri, memfilter, dan mencari sehingga mereka dapat menemukan apa yang mereka cari dengan mudah dan cepat .

40% pelanggan eCommerce meninggalkan situs web yang memuat lebih dari 3 detik, yang menunjukkan betapa tidak sabarnya mereka dalam hal penemuan produk. Untungnya, Shopify memiliki sejumlah fitur yang memudahkan untuk membangun navigasi khusus, mengatur produk dan kategori, dan mengimplementasikan fungsi pencarian.

Navigasi Khusus

Menyajikan terlalu banyak pilihan kepada pelanggan dapat menyebabkan kelumpuhan analisis (ketika ada terlalu banyak pilihan yang tersedia untuk membuat keputusan secara efektif menghasilkan frustrasi dan pengabaian). Dengan merancang navigasi khusus, kami dapat memprioritaskan produk dan "koleksi" yang berkonversi paling efektif—misalnya, menampilkan koleksi "Meja" jika produk meja adalah yang paling populer. Navigasi khusus ini juga dapat diedit di Shopify CMS untuk mengaktifkan pengujian A/B biasa.

Secara visual, tema Shopify dengan konversi terbaik menampilkan judul koleksi dengan jelas dan menggunakan spasi yang cukup untuk membantu pengguna mengidentifikasi dengan mudah apa yang mereka cari di antara semua produk, koleksi, dan halaman yang ditawarkan.

Koleksi

Koleksi adalah kelompok terorganisir dari produk serupa. Produk dapat diurutkan ke dalam koleksi secara manual, atau dapat diurutkan secara otomatis berdasarkan kriteria yang cocok (misalnya, jika judul produk mengandung kata kunci tertentu, telah diberi tag tertentu , atau berada dalam kisaran harga tertentu). Koleksi juga dapat bersifat sementara (yaitu, musiman atau untuk penjualan waktu terbatas) memastikan bahwa desain situs web Shopify selalu relevan, tepat waktu, dan, yang terpenting, sangat berkonversi.

Meskipun koleksi ini ditentukan di belakang layar, desainer eCommerce berguna untuk mengetahui fungsi ini saat mendesain untuk Shopify.

Tag Produk

Tag yang ditampilkan/terlihat membantu pelanggan menemukan produk serupa, dan seperti disebutkan di atas, tag juga dapat digunakan secara internal untuk membuat koleksi. Namun, manfaat terbesar dari tag terletak pada kenyataan bahwa mereka dapat digunakan untuk membuat pencarian segi , memungkinkan pelanggan untuk memfilter produk berdasarkan atribut yang menentukan tag seperti “Kuning.”

Ingatlah tip desain Shopify ini:

• Untuk klarifikasi tambahan, tunjukkan filter mana yang diterapkan.
• Izinkan pelanggan menghapus filter untuk memperluas pencarian mereka.
• Potong filter untuk hanya menampilkan yang paling populer pada pandangan pertama.

Mencari

Fungsionalitas pencarian berguna bagi pelanggan yang tahu persis apa yang mereka cari dan sangat penting bagi pembeli seluler yang merasa frustasi dengan penjelajahan dan pemfilteran karena kecanggungan alami berinteraksi di perangkat seluler.

Ini adalah praktik terbaik Shopify yang perlu dipertimbangkan saat merancang pengalaman penelusuran:

• Jangan pernah menyembunyikan kotak pencarian; mengurangi gesekan dengan membuatnya segera tersedia.
• Tempatkan pencarian di tempat yang diharapkan pelanggan (yaitu, kanan atas atau terpusat).
• Tampilkan seluruh kotak input, bukan hanya ikon pencarian.
• Menggabungkan fungsionalitas pelengkapan otomatis untuk membantu pengguna menelusuri lebih cepat.
• Desain untuk kesalahan manusia dengan menggunakan hasil yang disarankan dan koreksi otomatis.
• Simpan pencarian pengguna dan kirim email tindak lanjut jika tidak ada penjualan yang dilakukan.

Praktik Terbaik Shopify untuk Halaman Produk

Shopify menawarkan semua fitur yang diperlukan untuk menarik pembeli eCommerce dan dengan lancar memandu pengguna langsung ke kasir. Jika kami menggabungkan fitur ini dengan praktik terbaik eCommerce, kami dapat mendorong jumlah checkout yang ditinggalkan di bawah statistik rata-rata.

Gunakan Gambar Produk yang Menawan

Apa yang membuat situs web eCommerce bagus adalah citra yang memikat pengguna secara emosional. Untuk itu, Shopify memungkinkan beberapa gambar dan varian produk untuk diunggah. Namun demikian, sebagai praktik terbaik Shopify, tampilkan setidaknya satu dari gambar produk ini dalam skala (yaitu, dikelilingi oleh objek lain untuk menggambarkan seberapa besar produk tersebut) untuk menetapkan ekspektasi.

Pelanggan ingin melakukan penyelidikan menyeluruh terhadap produk sebelum mereka berkomitmen untuk membelinya untuk memastikan bahwa semua gambar produk terlihat jelas, berkualitas tinggi, dan dapat diperbesar.

Tampilkan Informasi Produk yang Jelas

Jumlah pelanggan eCommerce yang mengejutkan (tetapi tidak mengejutkan) meninggalkan keranjang belanja mereka karena kurangnya informasi tentang biaya sebenarnya. 60% pelanggan menyebutkan biaya tak terduga (misalnya, pengiriman, pajak, biaya) sebagai alasan mereka meninggalkan keranjang, dan 23% tidak dapat menghitung total biaya di muka. Kurangnya transparansi adalah cara yang pasti untuk meningkatkan konversi di situs web eCommerce, jadi ingatlah tip dan trik Shopify ini:

• Gunakan teknik pengungkapan progresif untuk menyusun informasi dengan jelas.
• Tampilkan rincian lengkap biaya di muka.
• Komunikasikan proposisi nilai secara eksplisit.
• Buat tombol beli sekarang/tambahkan ke troli berbeda secara visual.

Bangun Kepercayaan dan Kepastian

Menurut Baymard Institute, kurangnya kepercayaan disebut sebagai alasan mengapa 19% pelanggan mengabaikannya saat checkout. Untungnya, semua toko Shopify dikirimkan dengan SSL (pembayaran aman) secara default, tetapi mereka juga mengizinkan pelanggan untuk meninggalkan ulasan sebagai bukti sosial.

Bukti sosial adalah cara yang tak terbantahkan untuk meroketkan konversi dengan memperkuat kepercayaan di situs web eCommerce . Menurut BrightLocal, 88% konsumen mempercayai ulasan online sebanyak rekomendasi pribadi, jadi penting untuk mendorong pelanggan sebelumnya untuk meninggalkan ulasan dan menunjukkan ini dalam perjalanan pelanggan. Sebagian besar tema Shopify juga memanfaatkan markup Skema untuk mengintegrasikan peringkat ini langsung ke hasil pencarian.

Selain validasi sosial, pertimbangkan untuk membangun kepercayaan pelanggan dengan menerapkan solusi obrolan langsung seperti Intercom, Zendesk, Drift, atau Kayako. Shopify memungkinkan integrasi dengan layanan pihak ketiga melalui toko aplikasi mereka dan melalui instalasi manual.

Tampilkan Rekomendasi Produk Terkait

Semua bisnis eCommerce terkemuka memanfaatkan strategi cross-sell dan upsell. Tag, dikombinasikan dengan integrasi analitik dan pengujian A/B seperti Rekomendasi Web Optimizely, dapat membantu desainer memberdayakan bisnis untuk meningkatkan rasio konversi dengan menampilkan item alternatif atau tambahan yang mungkin diminati pelanggan.

Integrasikan Personalisasi Pengalaman Belanja

Integrasi seperti Personalisasi Web oleh Optimizely, dalam kombinasi dengan koleksi dan tag Shopify, memungkinkan bisnis berbasis data untuk mengelompokkan audiens berdasarkan minat dan riwayat pembelian sebelumnya dan mengubah konten halaman yang sesuai.

Dengan teknik desain antisipatif, toko Shopify dapat menampilkan konten yang lebih relevan, membuat audiens tetap terlibat lebih lama, dan dengan demikian lebih mungkin untuk berkonversi ke penjualan. Personalisasi adalah kunci untuk meningkatkan keuntungan finansial dari setiap bisnis eCommerce.

Optimasi Pembayaran

Checkout Tamu vs. Akun Pelanggan

Menurut Baymard Institute, "situs tersebut ingin saya membuat akun" adalah alasan paling umum kedua (berdiri di 35%) mengapa pelanggan meninggalkan checkout mereka tanpa membeli apa pun. Shopify merekomendasikan untuk mengizinkan pembayaran tamu (terutama di seluler), dan untuk itu, ini adalah opsi default untuk menonaktifkan akun pelanggan.

Menentukan Kelemahan UX dan Mengurangi Drop-off

Mencoba menyelesaikan checkout yang ditinggalkan tanpa analitik yang kuat sama efektifnya dengan mencari kucing hitam di ruangan gelap. Mengoptimalkan pengalaman pengguna dan alur pembayaran berfungsi paling baik jika ini adalah proses yang didorong oleh data.

Desainer Shopify dapat menghubungkan Google Analytics ke Shopify dan menyiapkan corong sasaran, yang, setelah cukup banyak data dikumpulkan, akan mengilustrasikan dengan tepat di mana pelanggan memutuskan bahwa mereka tidak ingin melanjutkan pembelian mereka.

Untuk hasil terbaik, integrasikan Shopify dengan alat seperti Crazy Egg, Hotjar, dan FullStory untuk mengamati area masalah ini lebih detail menggunakan peta panas dan rekaman pengunjung.

Kesimpulan

Agar desainer dapat mengomunikasikan manfaat dan kemampuan platform Shopify dengan lebih baik dan mempelajari solusi apa yang dapat dan tidak dapat diberikannya kepada klien, yang terbaik adalah membuka toko demo gratis. Selain itu, desainer eCommerce top dapat menjadi Pakar Shopify terdaftar, menambahkan lebih banyak kredibilitas ke resume mereka sebagai desainer situs web Shopify.

Bacaan lebih lanjut di Blog Desain Toptal:

• Baca blog Shopify untuk tips dan trik Shopify lainnya.
• eCommerce UX – Strategi dan Prinsip Desain Esensial
• eCommerce UX untuk Pengalaman Seluler
• Cara Mengaitkan Pembeli eCommerce melalui Desain UX
• Desain Responsif – Praktik Terbaik dan Pertimbangan