10 Tips untuk mendesain etalase web yang bagus

Pengusaha dan pengecer bata-dan-mortir yang ingin memperluas ke belanja online memiliki lebih banyak pilihan yang tersedia bagi mereka daripada sebelumnya, tetapi mereka juga memiliki lebih banyak pertimbangan situs web dan opsi teknis untuk menguraikan juga. Membangun etalase web yang efektif masih memiliki penyedia turnkey, seperti Wix Stores, yang dapat membuat kehadiran awal Anda cepat dan sederhana. Tetapi mereka yang benar-benar serius dalam mengembangkan bisnis online mereka akan menemukan bahwa kebutuhan mereka berkembang lebih cepat dari layanan turnkey ini.

Ada banyak pertanyaan yang harus dijawab terlebih dahulu sebelum sesuatu benar-benar muncul di dunia maya dan kemudian lebih banyak lagi seiring dengan semakin matangnya bisnis. Pengumpulan data tentang pelanggan adalah contoh yang bagus, dan pertanyaan utama hari ini, terutama untuk toko yang ingin mengakses pasar Eropa. Konversi mata uang dan undang-undang e-commerce yang berbeda masih menjadi masalah pelik di pasar tersebut, tetapi sekarang Anda juga harus berurusan dengan Peraturan Perlindungan Data Umum (GDPR), yang membutuhkan proses penanganan yang jauh lebih hati-hati untuk data pelanggan.

Keamanan transaksi adalah pertanyaan kunci lainnya karena itu berarti menyeimbangkan kebutuhan akan keselamatan pelanggan dengan berapa banyak simpai yang Anda perlukan untuk dilewati sebelum mereka dapat melakukan pembelian. Dan apa pun keputusan yang Anda buat untuk situs web standar Anda, Anda harus melakukan diskusi yang sama untuk iterasi selulernya. Karena, sementara mobilitas jelas merupakan salah satu kata kunci kesayangan tahun lalu, tambahan 12 bulan tidak mengurangi arti pentingnya.

Pemikiran saat ini menunjukkan bahwa pembangun web harus merancang pengalaman seluler terlebih dahulu dan kemudian menyesuaikan pengalaman desktop sesuai kebutuhan.

"Setiap elemen, setiap bagian konten, harus berfungsi pada ponsel, " kata Jimmy Rodriguez, Chief Operating Officer (COO) di 3dcart. "Jika Anda memulai dari awal, Anda mendesain untuk seluler. Dengan desain responsif, Anda dapat membangun situs web untuk memulai di seluler dan kemudian membawanya ke desktop."

Untuk membantu Anda merancang etalase e-commerce untuk pengguna seluler dan desktop, kami telah menyusun 10 tips penting di bawah ini. Namun, Rodriguez merekomendasikan bahwa, sebelum bisnis memasukkan salah satu dari mereka ke dalam etalase mereka, mereka harus A / B menguji fitur-fitur ini pada halaman produk tertentu untuk melihat bagaimana mereka melakukannya sebelum meluncurkannya ke seluruh situs web mereka.

1. Navigasi Header Lengket

Kita semua sudah ada di sana: Kami telah menggulir ke bawah halaman produk untuk membaca ulasan pengguna atau detail produk dan sekarang kami siap untuk meninggalkan halaman untuk kembali ke menu untuk melanjutkan perjalanan belanja kami. Sayangnya, untuk kembali ke menu, kami biasanya harus mengeklik tombol "Page Up" pada keyboard desktop kami atau mengetuk di bagian atas layar pada perangkat seluler kami.

Dengan Header Lengket, saat Anda menggulir ke bawah, menu mengubah ukuran dan menyesuaikan. Menu mengikuti Anda sepanjang perjalanan Anda untuk menjaga navigasi di layar jika Anda perlu untuk melompat halaman dengan cepat. Anda dapat melihat ini berlaku di Bose.com. Meskipun berada di tengah-tengah halaman, Anda masih dapat mengakses navigasi utama halaman tanpa harus kembali ke bagian atas layar.

2. Menu Hamburger

Meskipun Hamburger Menu terdengar seperti fitur yang paling cocok untuk restoran cepat saji, mereka dengan cepat menjadi must-have bagi perusahaan yang melakukan banyak bisnis di perangkat seluler. Anda pernah melihatnya sebelumnya: Menu Hamburger telah menjadi ikon ponsel standar untuk navigasi dan menu ponsel.

Mereka menampilkan tiga garis horizontal yang, ketika ditekan, menawarkan menu drop-down navigasi situs web. Mereka sangat berguna pada perangkat seluler di mana layar real estat dengan harga tinggi. Tetapi kami juga mulai melihatnya di situs web desktop, sehingga konsumen memiliki pengalaman yang sama di situs web perusahaan terlepas dari perangkat yang mereka gunakan.

"Banyak orang melihat Hamburger Menu dan mereka tahu apa artinya, tetapi mereka tidak tahu itu pada dasarnya standar baru, " kata Rodriguez. "Pengunjung seluler telah mempelajari arti dari simbol ini, dan situs web harus merangkulnya sebagai standar untuk navigasi seluler."

Anda dapat melihat Menu Hamburger di sudut kanan atas Target.com dan di situs web seluler Target. Anda juga dapat melihatnya dalam gambar di bawah ini.

3. Menggulir Parallax

Kurang dari fitur fungsionalitas dan lebih banyak cara untuk meningkatkan estetika situs web Anda, Parallax Scrolling memanfaatkan spanduk besar yang penuh dengan gambar beresolusi tinggi untuk menambah bakat artistik ke situs web Anda. Dengan memanfaatkan gambar besar dan lebar, Anda dapat membuat efek perpindahan antara gambar latar belakang situs web Anda dan gambar yang langsung di depan konsumen Anda.

Seperti yang dapat Anda lihat pada gambar di bawah dari RimmelLondon.com, saat Anda menggulir ke bawah halaman, gambar latar belakang situs web berubah. Namun, perubahan terjadi secara halus saat gambar latar dan latar depan saling berbaur. Tangkapan layar di bawah ini menunjukkan situs web tepat pada saat ketika gambar latar belakang berubah dari ungu menjadi merah muda.

4. Pengguliran Tak Terbatas

Scrolling Tak Terbatas terdengar lebih seperti teknik penyiksaan daripada fitur e-commerce. Namun, alat yang bagus ini memungkinkan pengguna Anda terus melihat produk baru tanpa harus mengklik dan memuat halaman baru. Begini cara kerjanya: Ketika Anda menggulir ke bawah ke halaman e-commerce, halaman secara otomatis memuat lebih banyak item di bagian bawah halaman. Mereka masih dikatalogkan sebagai halaman di bagian belakang tetapi pengunjung tidak tahu itu.

Anda dapat melihat fitur serupa di UnderArmour.com. Sayangnya, Under Armor mengharuskan Anda mengklik tombol "Muat Lainnya" untuk melihat konten tambahan. Beberapa situs web dilengkapi dengan mekanisme buka otomatis yang akan menampilkan lebih banyak konten tanpa perlu klik.

5. Tombol "Add to Cart" yang Mengambang

Mirip dengan alat Navigasi Lekat, tombol "Tambahkan ke Keranjang" mengambang memungkinkan konsumen Anda menambahkan produk ke keranjang belanja mereka di mana pun mereka berada di halaman produk. Sebelumnya, pengguna akan menggulir ke bawah ke ulasan pengguna, detail produk, dan elemen halaman bawah lainnya dan, untuk menambahkan produk ke keranjang mereka, mereka harus menggulir kembali ke bagian atas halaman. Sekarang, perusahaan seperti Diesel.com memungkinkan Anda melihat harga, jumlah, pilihan warna, dan gambar produk serta tombol "Tambahkan ke Troli", di mana pun Anda berada pada halaman produk.

6. Gunakan Hukum Fitts

Kami tidak akan membuat Anda bosan dengan matematika di balik Hukum Fitts, tetapi pada dasarnya teori bahwa semakin besar dan semakin dekat suatu objek bagi kami, semakin besar kemungkinan kami berinteraksi dengannya. Prinsip dasar yang sama dapat diterapkan pada e-commerce. Jika Anda ingin memandu pengguna ke halaman produk, keranjang belanja, dan promosi, maka Anda harus membuat tombol itu besar, berwarna-warni, dan sedekat mungkin dengan tengah-tengah halaman.

Jika Anda mengabaikan Hukum Fitts dan menempatkan tombol kecil, hitam-putih di sepanjang rel atau di bagian bawah halaman, maka Anda mungkin kehilangan calon pembeli. Jangan membuat kesalahan ini.

7. Tampilkan Ulasan dan Testimoni Pelanggan

Anda tidak ingin pelanggan datang ke situs web Anda, melihat produk Anda, dan kemudian menuju ke Amazon.com untuk memeriksa ulasan pengguna. Lagi pula, Amazon.com mungkin menjual produk lebih murah atau pelanggan mungkin lebih suka pengalaman belanja Amazon.com ke situs web Anda.

Jika Anda memberi pelanggan Anda kemampuan untuk menilai dan meninjau produk, maka Anda akan dapat menangkis para pelanggan yang berhati-hati yang membutuhkan jaminan pendapat konsumen lain sebelum melakukan pembelian. Sebagian besar alat e-commerce membuat peringkat dan ulasan mudah diimplementasikan, jadi jangan menghindar untuk menerapkan praktik ini.

8. Meja Layanan Pelanggan yang Efektif

Terlibat dengan pelanggan Anda sangat penting untuk keberhasilan ritel, dan tidak ada tempat yang lebih mudah atau lebih efektif daripada di meja layanan pelanggan. Merawat pelanggan yang marah, tidak puas, atau bahkan hanya kebingungan dengan benar adalah salah satu jalan paling pasti untuk mengulangi bisnis. Meja layanan hari ini dan aplikasi helpdesk membuatnya lebih mudah dari sebelumnya. Dengan menggunakan salah satu aplikasi ini tidak hanya mengatur permintaan pelanggan, ia juga memungkinkan Anda mengambil data pelanggan dan respons yang dihasilkan pertemuan ini dan menyalurkannya ke manajemen hubungan pelanggan (CRM), pemasaran, dan mesin analisis bisnis Anda. Dengan melakukan ini, Anda dapat lebih dekat dengan apa yang pelanggan pikirkan tentang toko Anda dan produk-produknya.

Di mana Anda menempatkan jangkar dan titik kontak layanan pelanggan Anda penting bagi keseluruhan pengalaman pelanggan. Dan apakah interaksi ini berbentuk halaman Kontak yang sederhana, atau sejauh membuka jendela obrolan dengan siapa pun yang tersisa di situs web selama lebih dari 60 detik, adalah sesuatu yang tergantung pada jenis produk yang Anda jual dan statistik kunjungan situs web rata-rata untuk toko Anda.

Tetapi menjadikan meja layanan pelanggan sukses adalah lebih dari sekadar perangkat lunak. Anda harus memastikan bahwa ada orang profesional di sana untuk menangani permintaan ini atau itu adalah investasi yang sia-sia. Pelanggan yang mengalami kesulitan mengklik tombol "Hubungi Layanan Pelanggan" berharap mendapatkan bantuan langsung dari manusia yang sebenarnya. Anda dapat mengelola ini melalui telepon atau melalui obrolan instan, fitur yang menjadi lebih umum dengan penyedia layanan helpdesk. Dan jika Anda kekurangan staf, Anda dapat melakukan operasi layanan pelanggan di depan dengan chatbots cerdas yang "terdengar" manusia, sambil dapat menangani banjir permintaan masuk pada tingkat dasar, hanya menyerahkan permintaan yang lebih kompleks ke homo aktual sapiens.

9. Checkout Breadcrumb

Ketika pelanggan check out dari toko Anda, mereka ingin tahu di mana dalam proses mereka, seberapa jauh dari penyelesaian mereka, dan bagaimana dengan mudah kembali tanpa kehilangan semua data yang sudah mereka masukkan. Breadcrumb Checkout menunjukkan kepada pelanggan di mana mereka berada dalam proses dengan memanfaatkan desain tombol navigasi linier yang memungkinkan konsumen mengklik maju dan mundur dari Masuk, Opsi Pembayaran, Opsi Pengiriman, Tempatkan Pesanan, atau Lanjutkan Belanja. Tanpa tata letak ini, konsumen dapat menekan tombol Kembali, melihat bahwa informasi mereka tidak dicatat, merasa frustrasi, dan kemudian meninggalkan situs web.

10. Tampilan 360 Derajat

Pernah membeli jaket yang tampaknya sederhana secara online hanya untuk menyadari bahwa jaket itu memiliki berlian imitasi yang berbeda? Nah, ketika Anda mengembalikan produk itu, Anda membuang waktu Anda sendiri dan waktu vendor, dan Anda harus mengeluarkan uang dari perusahaan. Jangan khawatir, itu bukan salahmu. Kemungkinan besar, vendor hanya memiliki gambar tampilan depan dan samping jaket. Seandainya vendor menawarkan gambar tampilan 360 derajat, Anda akan melihat rhinestones tersebut dan mengklik tombol Cancel Order.

Jangan membuat kesalahan yang sama di situs web Anda sendiri. Selain membiarkan pelanggan memperbesar gambar, beri mereka opsi untuk memutar atau melihat beberapa sudut gambar, seperti yang dilakukan Kenneth Cole.com. Dengan cara ini, mereka tidak terkejut ketika mereka membuka kotak pengiriman dan mengeluarkan produk yang tidak mereka harapkan.