10 Tips untuk merancang kedai web yang hebat

Usahawan dan peruncit batu bata-dan-mortar yang ingin meluaskan ke dalam membeli-belah dalam talian mempunyai lebih banyak pilihan yang tersedia untuk mereka berbanding sebelumnya, tetapi mereka juga mempunyai lebih banyak pertimbangan laman web dan pilihan teknikal untuk menguraikan juga. Membina kedai web yang berkesan masih mempunyai penyedia perkhidmatan turnkey, seperti Wix Stores, yang boleh membuat munculnya kehadiran awal anda dengan cepat dan mudah. Tetapi mereka yang benar-benar serius dalam mengembangkan perniagaan dalam talian mereka akan mendapati bahawa keperluan mereka berkembang di luar perkhidmatan turnkey ini dengan cepat.

Terdapat banyak soalan untuk dijawab dahulu sebelum apa-apa yang benar-benar muncul di ruang siber dan lebih banyak lagi apabila perniagaan itu matang. Pengumpulan data pada pelanggan adalah contoh yang bagus, dan soalan utama hari ini, terutamanya untuk mana-mana kedai yang mencari untuk mengakses pasaran Eropah. Penukaran mata wang dan undang-undang e-dagang yang berlainan masih menjadi masalah berduri di pasaran tersebut, tetapi sekarang anda juga perlu berurusan dengan Peraturan Perlindungan Data Umum (GDPR), yang memerlukan proses pengendalian yang lebih berhati-hati untuk data pelanggan.

Keselamatan urus niaga adalah satu lagi soalan penting kerana ia bermakna mengimbangi keperluan keselamatan pelanggan dengan berapa banyak gelung yang anda perlukan untuk melompat sebelum mereka boleh membuat pembelian. Dan tidak kira apa keputusan yang anda buat untuk laman web standard anda, anda perlu mempunyai perbincangan yang sama untuk lelaran mudah alih anda. Kerana, sementara mobiliti pastinya salah satu kata kunci sayap tahun lepas, 12 bulan tambahan tidak dapat mengurangkan kepentingannya.

Pemikiran semasa menunjuk bahawa pembangun web mesti merancang pengalaman mudah alih terlebih dahulu dan kemudian menyesuaikan pengalaman desktop yang diperlukan.

"Setiap elemen, setiap kandungan, mesti berfungsi pada mudah alih, " kata Jimmy Rodriguez, Ketua Pegawai Operasi (COO) di 3dcart. "Jika anda bermula dari awal, anda bentuk untuk telefon bimbit. Dengan reka bentuk yang responsif, anda boleh membina laman web untuk memulakan di telefon bimbit dan kemudian bawa ke desktop."

Untuk membantu anda merancang e-dagang kedai e-dagang anda untuk pengguna mudah alih dan desktop, kami telah mengumpulkan 10 tip penting di bawah. Walau bagaimanapun, Rodriguez mengesyorkan bahawa, sebelum perniagaan memasukkan salah satu daripada mereka ke dalam stor mereka, mereka harus menguji ciri-ciri ini pada halaman produk tertentu untuk melihat bagaimana mereka melakukannya sebelum melancarkannya ke seluruh laman web mereka.

1. Sticky Header Navigation

Kita semua ada di sana: Kami telah menatal ke bahagian bawah halaman produk untuk membaca ulasan pengguna atau butiran produk dan kini kami sudah bersedia untuk meninggalkan halaman untuk kembali ke menu untuk meneruskan perjalanan membeli-belah kami. Malangnya, untuk kembali ke menu, kami biasanya perlu mengklik butang "Halaman Atas" pada papan kekunci desktop kami atau ketik di bahagian atas skrin pada peranti mudah alih kami.

Dengan Pengetuk Sticky, semasa anda menatal ke bawah, menu menyusun semula dan menyesuaikan. Menu mengikuti anda sepanjang perjalanan anda untuk memastikan navigasi pada skrin sekiranya anda perlu melompat halaman dengan cepat. Anda dapat melihat ini berlaku pada Bose.com. Walaupun berada di tengah-tengah halaman, anda masih dapat mengakses navigasi utama halaman tanpa harus kembali ke bahagian atas skrin.

2. Menu Hamburger

Walaupun menu Hamburger berbunyi seperti ciri yang paling sesuai untuk restoran makanan segera, mereka dengan pantas menjadi syarikat yang mempunyai banyak perniagaan di peranti mudah alih. Anda telah melihatnya sebelum: Menu Hamburger telah menjadi ikon mudah alih standard untuk navigasi dan menu mudah alih.

Mereka mempunyai tiga baris mendatar yang, apabila ditekan, menawarkan menu drop-down navigasi laman web. Mereka sangat berguna pada peranti mudah alih di mana skrin hartanah berada pada premium. Tetapi kami mula melihatnya di laman web desktop juga, jadi pengguna mempunyai pengalaman serupa di laman web syarikat tanpa mengira peranti yang mereka gunakan.

"Banyak orang melihat Menu Hamburger dan mereka tahu apa maksudnya, tetapi mereka tidak tahu ia pada dasarnya adalah standard baru, " kata Rodriguez. "Pelawat mudah alih telah mempelajari makna simbol ini, dan laman web harus memeluknya sebagai standard untuk navigasi mudah alih."

Anda boleh melihat Menu Hamburger di sudut kanan atas Target.com dan di laman web mudah alih Sasaran. Anda juga boleh melihatnya di bawah.

3. Parallax Scrolling

Kurang ciri fungsi dan lebih banyak cara untuk meningkatkan estetika laman web anda, Parallax Scrolling mengambil kesempatan daripada sepanduk besar yang penuh dengan citra resolusi tinggi untuk menambah bakat artistik ke laman web anda. Dengan memanfaatkan imej besar dan lebar, anda boleh mencipta kesan anjakan di antara imej latar belakang laman web anda dan imej yang berada di hadapan pengguna anda.

Seperti yang anda lihat dalam imej di bawah dari RimmelLondon.com, seperti yang anda tatal ke bawah halaman, imej latar belakang laman web berubah. Walau bagaimanapun, perubahan berlaku secara halus kerana imej latar belakang dan latar hadapan menjadi satu sama lain. Tangkapan skrin di bawah menunjukkan laman web pada masa ini apabila imej latar belakang berubah dari ungu hingga merah jambu.

4. Skrol Infinite

Skrol Infinite berbunyi lebih seperti teknik penyeksaan daripada ciri e-dagang. Bagaimanapun, alat yang bagus ini membolehkan pengguna anda terus melihat produk baru tanpa harus mengklik dan memuatkan halaman baru. Begini cara kerjanya: Apabila anda menatal ke bahagian bawah halaman e-dagang, halaman memuatkan lebih banyak item di bahagian bawah halaman secara automatik. Mereka masih di katalog sebagai halaman di hujung belakang tetapi pengunjung tidak tahu itu.

Anda boleh melihat ciri yang sama di UnderArmour.com. Malangnya, Under Armor menghendaki anda mengklik butang "Beban Lebih" untuk melihat kandungan tambahan. Sesetengah laman web dilengkapi dengan mekanisme buka auto yang akan menunjukkan kepada anda lebih banyak kandungan tanpa memerlukan klik.

5. A Floating "Add to Cart" Button

Sama seperti alat navigasi Sticky, butang "Tambah ke Troli" terapung membolehkan pengguna menambah produk ke troli beli-belah mereka tanpa mengira di mana mereka berada di halaman produk. Sebelum ini, pengguna akan menatal turun ke ulasan pengguna, butiran produk, dan unsur-unsur halaman bawah yang lain dan, untuk menambah produk ke troli mereka, mereka perlu menatal kembali ke bahagian atas halaman. Sekarang, syarikat-syarikat seperti Diesel.com membolehkan anda melihat harga, kuantiti, pilihan warna, dan imej serta butang "Tambah ke Keranjang", tanpa mengira di mana anda berada di halaman produk.

6. Gunakan Undang-undang Fitts '

Kami tidak akan membimbing anda dengan matematik di sebalik Undang-undang Fitts, tetapi dasarnya adalah teori bahawa objek yang lebih besar dan lebih dekat adalah kepada kita, semakin besar kemungkinan kita berinteraksi dengannya. Prinsip asas yang sama boleh digunakan untuk e-dagang. Sekiranya anda ingin membimbing pengguna ke halaman produk, kereta belanja, dan promosi, maka anda perlu membuat butang tersebut besar, berwarna-warni, dan berdekatan dengan tengah-tengah halaman yang mungkin.

Sekiranya anda mengabaikan Undang-undang Fitts dan anda meletakkan butang kecil dan hitam di sepanjang rel atau di bahagian bawah halaman, maka anda mungkin kehilangan pembeli yang berpotensi. Jangan buat kesilapan ini.

7. Paparkan Ulasan Pelanggan dan Testimoni

Anda tidak mahu pelanggan datang ke laman web anda, melihat produk anda, dan kemudian menuju ke Amazon.com untuk menyemak ulasan pengguna. Lagipun, Amazon.com boleh menjual produk yang lebih murah atau pelanggan mungkin lebih suka pengalaman membeli-belah Amazon.com ke laman web anda.

Jika anda memberikan keupayaan untuk menilai dan menilai produk anda, maka anda akan dapat menangkis pelanggan berhati-hati yang memerlukan jaminan pendapat pengguna lain sebelum membuat pembelian. Kebanyakan alat e-dagang membuat penarafan dan ulasan mudah untuk dilaksanakan, jadi jangan malu daripada melaksanakan amalan ini.

8. Meja Perkhidmatan Pelanggan yang Berkesan

Terlibat dengan pelanggan anda adalah penting untuk kejayaan runcit, dan tidak ada tempat yang lebih mudah atau lebih berkesan daripada di meja perkhidmatan pelanggan. Mengambil perhatian dengan berhati-hati terhadap pelanggan yang marah, tidak puas hati, atau bahkan hanya mengelirukan adalah salah satu jalan terbaik untuk mengulangi perniagaan. Meja perkhidmatan meja dan aplikasi bantuan meja hari ini memudahkannya. Menggunakan salah satu daripada aplikasi ini bukan sahaja menganjurkan permintaan pelanggan, ia juga membolehkan anda merebut data pelanggan dan respons yang menjana pertemuan ini dan menyalurkannya kepada enjin analisis pengurusan pelanggan (CRM), pemasaran, dan perniagaan. Melakukan ini membolehkan anda lebih dekat dengan apa yang pelanggan fikirkan tentang kedai anda dan produknya.

Di mana anda meletakkan sauh perkhidmatan pelanggan dan titik sentuh penting bagi pengalaman pelanggan keseluruhan. Dan sama ada interaksi ini mengambil bentuk laman Kenalan yang mudah, atau pergi sejauh membuka tetingkap sembang dengan sesiapa yang tinggal di laman web selama lebih dari 60 saat, adalah sesuatu yang bergantung pada jenis produk yang anda jual dan statistik lawatan laman web rata-rata untuk kedai anda.

Tetapi membuat meja perkhidmatan pelanggan berjaya adalah lebih daripada perisian. Anda perlu memastikan seseorang profesional berada di sana untuk menangani permintaan ini atau pelaburan terbuang. Pelanggan yang telah pergi ke masalah untuk mengklik butang "Hubungi Khidmat Pelanggan" mengharapkan untuk mendapatkan bantuan langsung daripada manusia sebenar. Anda boleh menguruskan ini melalui telefon atau melalui sembang segera, ciri yang menjadi lebih biasa dengan pembekal perkhidmatan meja bantuan. Dan jika anda diikat untuk kakitangan, anda boleh berhadapan dengan operasi perkhidmatan pelanggan anda dengan chatbots pintar yang "bunyi" manusia, sambil dapat menangani banjir permintaan yang masuk pada tahap asas, menyerahkan hanya permintaan yang lebih rumit kepada homo sebenar sapiens.

9. Checkout Breadcrumb

Apabila pelanggan menyemak kedai anda, mereka ingin tahu di mana dalam proses mereka, sejauh mana ia selesai, dan bagaimana dengan mudah kembali tanpa kehilangan semua data yang telah mereka masukkan. Checkout Breadcrumb menunjukkan pelanggan tepat di mana mereka sedang dalam proses dengan menggunakan reka bentuk butang navigasi linear yang membolehkan pengguna mengklik ke hadapan dan ke belakang dari Sign-In, Pilihan Pembayaran, Pilihan Penghantaran, Tempat Pesanan, atau Belanja Lanjut. Tanpa susun atur ini, pengguna boleh menekan butang Kembali, lihat maklumat mereka tidak log, kecewa, dan kemudian meninggalkan laman web.

10. 360-Degree Views

Pernah membeli jaket yang sederhana dalam talian hanya untuk menyedari ia mempunyai back-rhinestone yang bercahaya? Nah, apabila anda kembali produk itu, anda menyia-nyiakan masa anda sendiri dan masa vendor, dan anda menanggung kos syarikat. Jangan bimbang, itu bukan kesalahan awak. Lebih besar kemungkinannya, vendor hanya mempunyai pandangan depan dan pandangan sisi jaket. Sekiranya vendor menawarkan imej pandangan 360 darjah, anda akan melihat rhinestones tersebut dan mengklik butang Batal Pesanan.

Jangan buat kesilapan yang sama di laman web anda sendiri. Selain membiarkan pelanggan mengezum pada imej, beri mereka pilihan untuk memutar atau melihat pelbagai sudut imej, sama seperti Kenneth Cole.com. Dengan cara ini, mereka tidak terkejut apabila mereka membuka kotak penghantaran dan mengeluarkan produk yang tidak mereka harapkan.