Berjuang Dengan Optimasi Desain Situs Web E-niaga Seluler? Jangan Khawatir, Ini Yang Harus Anda Lakukan
Pada tahun 2021, pertumbuhan e-niaga sebagian besar didorong oleh seluler. Faktanya, Intelijen Orang Dalam memperkirakan volume m-commerce akan meningkat menjadi $488 miliar, atau 44% dari penjualan pasar e-commerce global, pada tahun 2024. Sekitar 9.2% dari pasar ini akan didominasi oleh AS.
Suka atau tidak, situs web e-niaga yang ramah seluler sekarang menjadi kebutuhan dan bukan pilihan; jika tidak, pengecer hanya binasa untuk konsumen. Banyak proyek kami di Elogic telah mencantumkan desain situs web e-niaga seluler sebagai salah satu yang penting Persyaratan situs web eCommerce, alasan utamanya adalah tingkat konversi situs web yang lebih tinggi dan visibilitas yang meningkat di mesin telusur.
Jika Anda ingin memasuki situs web e-niaga seluler tetapi tidak yakin harus mulai dari mana, artikel ini cocok untuk Anda. Baca terus untuk mengetahui tentang perbedaan antara desain yang ramah seluler, dioptimalkan untuk seluler, dan responsif, temukan enam kiat pengoptimalan seluler, dan cari tahu cara menguji situs web eCommerce Anda untuk seluler.
Mengapa Situs Web eCommerce Ramah Seluler Bukan Sekedar Tren
Situs web eCommerce yang ramah seluler berarti pengguna dapat dengan bebas menggunakannya di perangkat seluler: situs web Anda "menyusut" agar sesuai dengan layar kecil ponsel, tidak ada fitur atau animasi flash yang tidak dapat digunakan, gambar lebih kecil, dan navigasi jauh lebih sederhana.
Meskipun tingkat konversi di seluler sedikit lebih rendah daripada di desktop (1.81% vs 1.98%), bukan berarti Anda harus menghapusnya. Situs web e-niaga seluler mungkin menjadi alasan mengapa pengguna menggunakan desktop dan berkonversi karena mereka melakukan riset produk dengan ponsel mereka. Bahkan salah satu survei mengungkapkan bahwa 67% pelanggan cenderung tidak berbelanja dari merek tersebut jika mereka tidak memiliki situs web yang dioptimalkan untuk seluler.
Manfaat situs web eCommerce yang ramah seluler tidak terbatas pada tingkat konversi yang lebih tinggi saja:
- Ini memberikan pengalaman pengguna (UX) yang lebih baik dan, dengan demikian, mendorong lebih banyak lalu lintas dari perangkat dari segala bentuk dan ukuran.
- Pengguna cenderung tidak meninggalkan situs web Anda dengan frustrasi dan mengaitkan merek Anda dengan emosi negatif.
- Mesin pencari akan mendorong situs web yang dioptimalkan ke atas karena UX adalah salah satu faktor peringkat.
- Ini akan meningkatkan loyalitas pelanggan karena situs web yang tidak ramah seluler tampak samar dan berkualitas rendah.
Meskipun pengoptimalan seluler mungkin tampak seperti detail kecil, hal itu dapat berdampak besar pada bisnis eCommerce Anda dengan meningkatkan jumlah penjualan dan lalu lintas ke situs web utama Anda.
Mobile-Friendly vs Mobile-Optimized vs Responsive: Apa Bedanya?
Desain yang ramah seluler, dioptimalkan untuk seluler, dan responsif adalah tiga pendekatan berbeda untuk pembuatan versi situs web seluler eCommerce.
Situs Web E-niaga Ramah Seluler
Desain ramah seluler adalah tentang menyesuaikan UX web yang ada ke perangkat seluler. Ini adalah versi menyusut dari situs web yang Anda lihat di desktop yang paling mudah diterapkan.
Situs web e-niaga yang ramah seluler sudah cukup untuk berperingkat lebih tinggi di pencarian Google (Anda bahkan bisa menjalankan tes ramah seluler untuk memeriksanya), tetapi itu tidak akan memaksimalkan pengalaman pengguna. Toko e-niaga kecil yang sebagian besar berisi teks dan gambar mungkin mendapat manfaat darinya, tetapi UX di halaman checkout Anda akan tetap utuh.
Desain yang Dioptimalkan untuk Seluler
Desain yang dioptimalkan untuk seluler mengikuti pendekatan yang mengutamakan seluler. Dengan kata lain, Anda mendesain situs web terpisah untuk perangkat seluler terlebih dahulu (sebagian besar karena memiliki lebih banyak batasan) dan meningkatkannya ke versi desktop nanti. Periksa beberapa contoh terbaik dari PWA di retail, seperti Alibaba atau Flipkart — mereka dibuat dengan pendekatan yang mengutamakan seluler.
Desain Responsif Seluler
Desain situs web seluler eCommerce yang responsif berarti bahwa konten situs web berubah secara otomatis agar sesuai dengan layar pengguna. Itu bergantung pada sistem operasi seluler dan merespons bahkan perubahan sekecil apa pun dalam ukuran layar, yang umum untuk versi iPhone dan perangkat Android yang berbeda. Kontennya dinamis: ukuran gambar dan font berubah, tata letak menyesuaikan. Membutuhkan anggaran yang cukup besar dan pengembangan e-niaga, tetapi merupakan yang paling ramah pengguna dari ketiganya.
Apa Perbedaan Antara Desain E-niaga Web dan Seluler?
Desain web dan desain e-niaga seluler tidak pernah setara. Perbedaan antara keduanya sangat besar karena sejumlah alasan:
- Anda memiliki lebih banyak kebebasan dalam mendesain situs web desktop. Tidak hanya elemen antarmuka OS yang menentukan desain situs web e-niaga seluler, tetapi juga layar yang lebih kecil berarti pengunjung dapat melihat lebih sedikit informasi di situs web. Untuk mengimbangi keterbatasan ini, pengecer mcommerce memungkinkan pengguna untuk memperbesar dan memperkecil halaman web, serta menyesuaikan ukuran font untuk membuat teks mudah dibaca.
- Situs web seluler memiliki input berbasis sentuhan. Daripada menggunakan mouse atau keyboard, sebagian besar pengguna seluler berinteraksi dengan perangkat mereka menggunakan layar sentuh dan fungsi khusus seluler, seperti klik untuk menelepon atau pemetaan berbasis lokasi.
- Konteks penggunaan situs web di desktop dan seluler berbeda. Saat pelanggan datang untuk berbelanja di situs web e-niaga Anda, kemungkinan besar mereka akan menyelesaikan pembelian. Sementara itu, pengguna ponsel adalah pembeli yang cepat. Mereka akan menggunakan situs web e-niaga seluler Anda untuk meneliti produk, mencari lokasi, membaca berita, dll. tetapi mungkin tidak melanjutkan ke pembayaran. Dengan demikian, desain web akan meningkatkan penjualan, tetapi desain e-niaga seluler akan mengoptimalkan konversi dan meningkatkan loyalitas pelanggan.
Berbicara mengenai tampilan visual, desain web dan mobile ecommerce juga menghadirkan perbedaan yang mencolok. Berikut adalah contoh situs web elektronik konsumen TurcomUSA dirancang oleh Elogic. Turcom menjual gadget dan perangkat elektronik. Saat Anda membukanya di desktop, Anda akan melihat versi berikut:
Sekarang, lihat situs web yang sama di ponsel Anda. Semua elemen penting situs web disimpan: pencarian di tempat, keranjang belanja, lemari pribadi. Namun, konten dan elemen visual diatur ulang untuk pengalaman pengguna yang lebih baik.
Bagaimana Mengoptimalkan Situs Web eCommerce untuk Seluler?
Jika bisnis Anda belum siap untuk situs web mobile-first atau mobile-responsive (baik untuk masalah anggaran atau keahlian teknologi), jangan khawatir. Anda tidak perlu mengembangkan aplikasi seluler untuk mendapatkan peringkat yang lebih tinggi sejak awal. Sebagai gantinya, Anda dapat mengoptimalkan situs web e-niaga untuk seluler.
Berikut adalah enam cara untuk mengoptimalkan desain web untuk e-niaga seluler dengan cara yang hemat biaya.
#1 Jadikan Situs Web Anda Secepat Kilat
Sekitar 47% pelanggan mengharapkan situs web dimuat di bawah 2 detik; jika tidak, mereka hanya akan jatuh. Google memperhitungkan kecepatan pemuatan akun juga saat memberi peringkat situs web Anda di mesin pencari.
Lalu lintas organik dan kepuasan pelanggan Anda akan bergantung pada kecepatan situs web juga. Walmart melihat bahwa setiap detik peningkatan kecepatan situs web berarti 2% lebih banyak konversi dan setiap 100 md berarti peningkatan pendapatan sebesar 1%.
Untuk meningkatkan kecepatan, Anda dapat:
- Optimalkan gambar
- Menggunakan jaringan pengiriman konten (CDN)
- Perkecil dan gabungkan CSS, JavaScript, dan HTML
- Manfaatkan pemuatan asinkron
- Tingkatkan hosting
- Aktifkan kompresi
- Gunakan cache browser
#2 Pastikan Pengalaman Checkout yang Nyaman
Pengalaman checkout sangat berarti: Anda mungkin memiliki saluran pemasaran yang dipikirkan dengan matang tetapi checkout yang samar, sehingga pengguna akan meninggalkan keranjang mereka. Untuk mengoptimalkan pembayaran untuk seluler, gunakan tips berikut:
- Buat situs web eCommerce versi seluler yang sesuai dengan layar pengguna
- Sederhanakan bentuk
- Hapus segala jenis gangguan seperti iklan dan formulir berlangganan email
- Gunakan segel keamanan
- Buat tombol besar dengan teks yang mudah dibaca
- Buat bilah dengan kemajuan pengguna
- Izinkan IsiOtomatis
- Jangan menautkan di luar proses checkout
- Gunakan keyboard yang berbeda untuk bidang yang berbeda (misalnya, tarik keyboard numerik untuk nomor telepon daripada membuat pelanggan beralih sendiri)
Begini tampilan checkout yang dioptimalkan untuk seluler Kelinci Rol's, sebuah toko fashion online yang dikembangkan oleh Elogic. Pengecer mengoptimalkan pengalaman pengguna dan melihat penurunan tingkat pengabaian keranjang.
#3 Bekerja di Pencarian Intuitif Di Tempat
Navigasi adalah bagian penting dari desain web untuk platform eCommerce seluler. Dengan ribuan item untuk dijelajahi, pengguna perlu mempersempit pilihan mereka sebanyak mungkin untuk mendapatkan produk yang mereka inginkan lebih cepat.
Untuk mengoptimalkan pencarian di situs Anda untuk seluler, kami sarankan untuk membuatnya singkat, mencantumkan halaman yang paling penting terlebih dahulu, dan membuat tombol menu yang lebih besar karena jari pengguna lebih besar daripada panah di layar. Hindari menu hover-and-expand untuk meminimalkan gesekan hilangnya tiba-tiba dan kemunculan kembali sub-navigasi.
#4 Poles Halaman Produk Anda
Anda tidak harus meninggalkan deskripsi produk agar sesuai dengan halaman produk dengan ukuran layar ponsel. Tetapi disarankan untuk membuatnya pendek (maks. 200 karakter) dan menempatkannya tepat di paro atas di samping foto berkualitas tinggi. Hindari banyak gulungan, blok konten yang dapat dilipat, dan konten yang disadap. Kami juga merekomendasikan untuk menggunakan tombol "kembali ke atas" tetapi pastikan bahwa pelanggan tidak akan secara tidak sengaja menekannya saat mencoba menggulir ke bawah.
#5 Optimalkan Pengalaman Pengguna
Desain situs web eCommerce UX untuk Seluler terlihat berbeda dari yang biasa Anda lihat di desktop. Salah satu aturan yang paling penting adalah menjaga agar tombol tetap besar dan meminimalkan teks karena Anda tidak memiliki banyak ruang untuk dikerjakan. Pengguna seluler lebih mudah terganggu daripada pengguna desktop, jadi pastikan untuk menyediakan versi singkat dari salinan penjualan Anda.
Juga, ingatlah posisi ibu jari. Sementara pelanggan desktop dapat terlibat secara harfiah dengan setiap bagian layar, pengguna seluler akan menjangkau sejauh ibu jari mereka pergi. Pojok kanan bawah adalah salah satu ruang paling aktif bagi pengguna seluler, jadi pastikan untuk meletakkan tombol penting (seperti tambahkan ke troli) di sana.
Terakhir, jangan lupa untuk mempertahankan identitas merek Anda: gunakan font dan warna perusahaan sebanyak mungkin untuk tidak mengubah versi seluler Anda menjadi teks dan gambar sederhana.
#6 Manfaatkan Media Sosial untuk Situs Web eCommerce Anda
Sebagian besar pengguna menggunakan media sosial di ponsel dan Anda dapat menggunakannya untuk keuntungan Anda. Permudah untuk mengikuti halaman merek Anda dengan menambahkan ikon ikuti dan bagikan sosial, sematkan gambar yang dapat disematkan untuk mendapatkan lebih banyak perhatian di Pinterest, dan gunakan login sosial untuk membuat pendaftaran semudah mungkin.
Anda juga dapat menyematkan umpan sosial untuk mendorong pengguna membagikan foto mereka dengan produk dan memberi mereka obral sehingga mereka kembali lagi nanti. Klien kami Carbon38 mencobanya dan mendapatkan hasil yang bagus!
Jangan Lupa Menguji Situs Web E-niaga Anda untuk Seluler
Salah satu cara untuk menguji desain situs web seluler e-niaga Anda adalah dengan memeriksa daya tanggapnya pada perangkat dengan berbagai ukuran layar. Perhatikan waktu pemuatan, navigasi intuitif, keterbacaan informasi, serta penempatan info di halaman produk.
Untuk membuat proses pengujian lebih sedikit memakan waktu dan lebih hemat biaya, Anda dapat mempertimbangkan alat-alat berikut:
- Pemeriksa OK seluler W3C. Itu Pemeriksa mobileOK W3C adalah salah satu alat teratas untuk menguji kompatibilitas situs Anda di perangkat seluler. Alat ini melakukan beberapa tes yang mengidentifikasi keramahan pengguna situs web seluler.
- Google Mobilisasi. Google Mobilisasi dipuji karena antarmukanya yang intuitif dan kemudahan penggunaannya. Anda hanya perlu memasukkan alamat halaman web Anda ke dalam kotak pencarian, dan alat ini akan menemukan hambatan kinerja dan memberikan saran pengoptimalan untuk situs web seluler e-niaga Anda.
- gomes. Gomez alat kesiapan seluler menguji situs web Anda berdasarkan lebih dari 30 teknik yang sudah mapan. Ini memberi Anda skor antara 1 dan 5. Hasilnya ditampilkan dalam dokumen yang menyarankan cara meningkatkan situs web Anda. Bersiaplah untuk mengisi beberapa informasi pribadi termasuk alamat email dan nomor telepon Anda.
Kesimpulan
Karena m-commerce siap untuk tumbuh, Anda masih dapat mengikuti tren dan mengoptimalkan situs web e-niaga Anda untuk seluler. Baik Anda memutuskan untuk menggunakan situs web e-niaga yang ramah seluler atau mengembangkan aplikasi seluler dari awal, ingatlah petunjuk berikut:
- Pengoptimalan seluler adalah suatu keharusan untuk mendapatkan peringkat tinggi di mesin pencari. Meskipun Anda tidak memiliki tim teknologi atau anggaran untuk membuat aplikasi seluler, jadikan pengoptimalan seluler sebagai salah satu prioritas pengembangan e-niaga Anda.
- Kecepatan penting. Versi seluler situs web Anda harus secepat (jika tidak lebih) seperti situs web e-niaga. Optimalkan gambar produk Anda untuk seluler, tambahkan deskripsi singkat, dan kerjakan checkout satu halaman.
- UX intuitif di seluler adalah kunci untuk meningkatkan rasio konversi. Permudah pengguna untuk menemukan produk yang mereka cari, terhubung ke media sosial, dan manfaatkan fungsionalitas asli seluler untuk digunakan dengan situs web Anda.
Jangan pernah meremehkan kekuatan situs web e-niaga seluler. Ini mungkin menjadi kunci pertumbuhan bisnis Anda.
- "
- &
- 2021
- 9
- Pengabaian
- Akun
- aktif
- iklan
- Keuntungan
- Alibaba
- Semua
- android
- animasi
- aplikasi
- artikel
- Milyar
- Kotak
- Browser
- membangun
- bisnis
- perubahan
- memeriksa
- Pembayaran
- Tanaman
- Umum
- konsumen
- elektronik konsumen
- Konsumen
- Konten
- Konversi
- Kredit
- Kesetiaan pelanggan
- Kepuasan pelanggan
- pelanggan
- data
- pengiriman
- Mendesain
- rinci
- mengembangkan
- Pengembangan
- Devices
- didorong
- Menjatuhkan
- e-commerce
- e-commerce
- Elektronik
- emosi
- mendorong
- dll
- contoh
- pengalaman
- Fashion
- FAST
- Fitur
- Fields
- Pertama
- cocok
- flash
- FLIPKAR
- mengikuti
- Kebebasan
- gadget
- Aksi
- Cari Google
- besar
- Tumbuh
- Pertumbuhan
- High
- Seterpercayaapakah Olymp Trade? Kesimpulan
- How To
- HTTPS
- mengenali
- identitas
- gambar
- Dampak
- penting
- Termasuk
- Meningkatkan
- Info
- informasi
- iPhone
- masalah
- IT
- JavaScript
- kunci
- besar
- BELAJAR
- Leverage
- Terbatas
- LINK
- daftar
- memuat
- Loyalitas
- Membuat
- Pasar
- Marketing
- Hal-hal
- mengukur
- Media
- mobil
- aplikasi ponsel
- perangkat mobile
- telepon genggam
- telepon genggam
- Navigasi
- jaringan
- berita
- secara online
- Buka
- operasi
- sistem operasi
- urutan
- lalu lintas organik
- Lainnya
- Membayar
- prestasi
- ponsel
- Platform
- semir
- kekuasaan
- menyajikan
- Produk
- Produk
- memprojeksikan
- membeli
- Tarif
- Kesiapan
- alasan
- Pendaftaran
- penelitian
- Hasil
- pengecer
- pengecer
- Terungkap
- pendapatan
- aturan
- penjualan
- penjualan
- Skala
- Layar
- Pencarian
- mesin pencari
- Mesin pencari
- keamanan
- Share
- Pembeli
- tas
- keranjang belanja
- Pendek
- Sederhana
- ENAM
- Ukuran
- kecil
- So
- Sosial
- media sosial
- Space
- kecepatan
- awal
- tinggal
- menyimpan
- toko
- berlangganan
- SWIFT
- Beralih
- sistem
- Tap
- tech
- teknik
- uji
- pengujian
- tes
- waktu
- Tips
- alat
- alat
- puncak
- Touchscreen
- lalu lintas
- us
- Pengguna
- ux
- jarak penglihatan
- volume
- Walmart
- jaringan
- Situs Web
- situs web
- kata
- Kerja
- zoom