Kami menganalisis versi seluler dari toko online TOP-20 di Rusia untuk 44 faktor. Kami punya tabel neraka satu dan nol, hampir menghilang, tetapi mereka mengumpulkan kekuatan kami dan menjelaskan bagaimana dan apa yang mereka “dapatkan” pembeli di segmen teratas e-Commerce seluler.
Untuk menganalisis adaptasi seluler, kami mengambil toko online TOP-20 dari peringkat DataInsight . Ini adalah trendsetter yang ditargetkan pemain lain.
Parameter untuk penilaian ini berasal dari studi besar serupa tentang ritel barat .
Kami tidak mengambil semua parameter, tetapi mengidentifikasi 44 faktor signifikan. Mereka dikelompokkan menjadi sembilan kelompok:
Tabel dengan hasil analisis untuk setiap toko online ada di sini . Dalam artikel ini, kita akan membahas 44 elemen kegunaan seluler dan mencari tren utama. Dalam setiap paragraf, kami menunjukkan statistik umum: berapa banyak toko menggunakan / tidak menggunakan teknik ini.
Teknologi
Spoiler Toko daring meninggalkan versi seluler yang mendukung situs "karet", tetapi kecepatan unduh masih lemah.
Versi adaptasi vs seluler
14/6
Situs adaptif menang sebelum versi seluler (pada subdomain terpisah dari formulir m.site.ru). Tidak perlu dikelola tambahan, tidak ada masalah duplikasi konten, kode sumber yang sama digunakan, yang mengurangi biaya.
70% dari toko online top di Rusia bekerja dengan tepat berdasarkan situs adaptif. Versi mobile adalah sesuatu dari masa lalu.
PageSpeed Insights Orange Zone: Semuanya Sedih
2/20
Toko online tidak memiliki kecepatan pemuatan halaman yang tinggi. Skrip dan gambar berkualitas tinggi meninggalkan jejaknya. Ini terutama tercermin dalam kecepatan pengunduhan di ponsel.
Hanya 1 dari 20 situs web yang masuk ke zona hijau ketika dicentang di layanan Google PageSpeed Insights . Tetapi bahkan mencapai zona “oranye” masih sulit - hanya ada 1 situs di sini. 18 situs sisanya mencetak kurang dari 50 poin dan jatuh ke zona merah.
Jadi, jika Anda bekerja untuk mempercepat situs, maka setidaknya satu faktor akan mendapat keuntungan dibandingkan pesaing teratas di ceruk pasar Anda. Mengingat transisi Google ke pengindeksan Mobile-first, ini terutama benar.
Elemen kunci dari template
Spoiler Ada tren yang jelas: menu hamburger, nomor telepon yang dapat diklik, bidang pencarian di situs di header, dan ikon keranjang yang terlihat. Lebih baik tidak menjadi kreatif di sini, tetapi mengikuti pemimpin pasar.
Sedangkan untuk memperbaiki menu, promo di bagian bawah layar atau menambahkan widget dari konsultan online, Anda perlu menguji dalam setiap kasus.
Menu tetap
11/9
Kecenderungan untuk memperbaiki item menu utama di bagian atas layar ketika menggulir halaman adalah implisit, tetapi ada keuntungannya. Ini logis - elemen navigasi terpenting terletak di menu. Dan ada baiknya ketika mereka berada di tangan saat menggulir.
Pastikan menu tidak memakan terlalu banyak ruang layar sehingga merugikan item lain.
Nomor Telepon yang Dapat Diklik
15/5
Semua nomor telepon di situs harus dapat diklik untuk panggilan instan. Tidak ada opsi. Menyalin nomor dengan beralih di antara aplikasi telepon masih menyusahkan.
Tetapi, seperti yang Anda lihat, tidak semua toko mematuhi prinsip yang jelas ini.
Menu Hamburger
19/1
Tren masih mendukung hamburger, tetapi di sini ada baiknya mulai dari situs target. Untuk audiens yang lebih konservatif, gunakan menu teks yang sudah dikenal - hamburger dapat dibiarkan tanpa pengawasan.
Pencarian Toko
16/4
Jika Anda memiliki beberapa toko bermerek, tambahkan pencarian untuk toko terdekat dengan lokasi pengunjung. Jika produk Anda dijual oleh pengecer lain, opsi ini kurang prioritas.
Jika Anda tidak memiliki outlet, tambahkan kemampuan untuk menemukan titik pengiriman terdekat.
Lihat seberapa populer halaman pencarian toko di sistem analisis web Anda. Jika dia memiliki traffic tinggi, tempatkan tautan padanya di menu di header.
Konteks untuk toko online pada level profesional dan tanpa agensi ada dalam sistem PromoPult . Pemilihan kata otomatis, pembuatan iklan otomatis, manajemen penawaran "pintar". Solusi industri siap pakai. Statistik waktu nyata.
Keranjang yang mencolok
17/3
Penting untuk tidak menjadi kreatif di sini. Semua orang tahu bahwa keranjang itu harus terlihat seperti "keranjang" atau "troli". Upaya untuk menciptakan ikon hak cipta atau menempatkan keranjang di suatu tempat di bagian bawah layar mengakibatkan pengguna harus menyelesaikan teka-teki alih-alih membeli barang.
Memperbaiki promo di bagian bawah layar
4/16
Lampirkan informasi tentang penawaran khusus atau CTA khusus di bagian bawah layar, seperti yang dilakukan Platypus.
Rotasi slide otomatis di spanduk utama
7/13
Semakin banyak toko menolak untuk menyorot gambar secara otomatis di banner atas. Di antara 20 situs, 7 masih memiliki spanduk seperti itu. Namun 13 tidak menggunakan solusi ini. Secara umum, sepertinya sudah waktunya untuk mengucapkan selamat tinggal pada spanduk dalam versi seluler.
Bidang pencarian tajuk: harus ada
20/0
Jangan sembunyikan pencarian di menu, taruh di header. Pilihan terbaik adalah ikon kaca pembesar, dengan mengetuk tempat bidang pencarian terbuka. Jadi, Anda menghemat ruang.
Pencarian kiri mengambil seluruh baris pada layar kecil. Di sebelah kanan adalah solusi dinamis.
Widget Konsultan Online
3/17
Konsultan online adalah opsi yang berguna untuk situs eCommerce. Namun di seluler, keputusan ini kontroversial: lagipula, widget tumpang tindih dengan sebagian konten, dan tidak mudah menyembunyikannya.
Uji widget pada audiens Anda. Instal konsultan online (jika Anda tidak ingin membayar, ada konsultan GetSale gratis di modul peningkatan konversi PromoPult), sesuaikan dengan gaya perusahaan Anda dan lihat berapa banyak panggilan / penjualan dalam sebulan. Dan sudah ada keputusan - tinggalkan atau hapus.
Filter dalam katalog
Spoiler Filter dalam katalog harus dimiliki. Diinginkan - dengan pemilihan simultan beberapa parameter. Jangan lupa tentang filter untuk harganya.
Opsi yang mudah digunakan adalah memperbaiki filter saat menggulir (yang utama adalah bahwa itu tidak memakan banyak ruang) dan menunjukkan warna produk dalam filter bukan dengan teks, tetapi dengan gambar berwarna.
Filter
19/1
Filter menyederhanakan navigasi. Penggunaan aktif filter tetap merupakan tren yang jelas.
Menggulir Filter Terkunci
3/17
Ini adalah solusi baru untuk antarmuka seluler yang memungkinkan pengguna memfilter hasil pencarian. Tampaknya berhasil - seolah-olah seharusnya. Saat menggulir katalog, filter selalu tersedia.
Tetapi toko online tidak terburu-buru untuk menerapkan perbaikan filter - mungkin mereka tidak ingin memblokir area tambahan layar (atau sulit untuk diterapkan dalam versi adaptif).
Pemilihan simultan beberapa parameter
19/1
Pengguna harus dapat memfilter produk pada saat yang sama dalam berbagai kategori. Semua situs yang dianalisis menggunakan persis filter ini (di satu situs tidak ada filter sama sekali, oleh karena itu tidak ada opsi seperti itu).
Pemilih warna
4/16
Untuk UX yang lebih baik, Anda disarankan untuk menggunakan kotak warna / lingkaran (atau kombinasi teks dan penanda warna) di filter warna - alih-alih deskripsi tekstual warna.
Tetapi toko domestik kebanyakan menggunakan teks.
Saring berdasarkan harga
17/3
Beberapa situs menolak filter karena harganya. Mereka menjelaskan ini dengan berfokus pada produk, bukan pada nilainya. Tetapi di sebagian besar toko ada filter seperti itu. Dan itu sangat berguna.
Elemen Halaman Katalog
Spoiler Di antara tren yang jelas adalah kemampuan untuk menambahkan barang dari katalog ke keranjang, menampilkan peringkat dan diskon produk. Tetapi menggulir melalui gambar barang di katalog, melihat opsi mereka dan memuat barang secara otomatis alih-alih pagination masih baru.
Memuat barang secara otomatis alih-alih pagination
3/17
Mengetuk panah "halaman berikutnya" tidak semudah membalikkannya. Tetapi output barang tidak 10-20-50 per halaman, tetapi dengan pita “tak berujung”, yang dimuat saat digulir, masih eksotis.
Dari sudut pandang kegunaan, solusi perantara juga nyaman: ketika pagination disimpan, tetapi tombol "Show" ditambahkan. Lebih mudah bagi pengguna ponsel untuk mengklik tombol besar dan memperluas daftar produk daripada mengklik angka / panah.
Lihat beberapa gambar produk dalam katalog
1/19
Biasanya dalam katalog satu gambar barang disajikan. Tetapi ada solusi yang memungkinkan Anda untuk menggulir gambar langsung di katalog tanpa pergi ke kartu produk. Sangat nyaman bagi pengguna seluler, karena Anda tidak perlu pergi ke halaman baru sekali lagi. Dalam praktik domestik, ini masih merupakan hal baru.
Tandai "Baru"
10/10
Untuk toko dengan tingkat pengembalian yang tinggi, tanda "Baru" adalah cara untuk menarik pengunjung ke produk yang belum mereka lihat.
Jika memperbarui bermacam-macam untuk audiens target permanen bukan tugas utama Anda, perhatikan kualitas produk lainnya dan jangan buang ruang pada Ikon "baru!".
Lihat opsi produk pada halaman kategori
2/18
Pada versi desktop toko ada peluang untuk melihat opsi warna untuk satu produk pada halaman kategori. Di seluler, lebih baik menolak opsi ini, karena sulit untuk memasukkan jari Anda ke ikon kecil untuk opsi tampilan. Lebih baik membatasi diri pada tulisan "ada warna yang berbeda" dan menunjukkannya pada halaman produk, di mana gambar akan memakan lebih banyak ruang dan akan lebih mudah untuk menggulirnya.
Peringkat produk di halaman kategori
15/5
Anda tidak bisa mengatakan dengan pasti bagaimana menambahkan bintang dan menunjukkan jumlah ulasan di bawah gambar produk akan mempengaruhi penjualan. Dilihat oleh fakta bahwa mereka digunakan oleh sejumlah besar toko yang diteliti, itu berhasil. Tapi tetap saja, masuk akal untuk menguji parameter ini di setiap kasus spesifik - tidak semua toko mendapatkan banyak ulasan untuk sejumlah besar barang.
Tampilan diskon - dalam kategori dan pada kartu
18/2
Pada halaman kategori, harga diskon harus ditampilkan dalam cetakan lebih besar dan, mungkin, dalam warna, di sebelah harga dicoret tanpa diskon. Tetapi kata-kata "Anda menghemat begitu banyak" lebih baik dibiarkan untuk halaman produk - untuk menghemat ruang.
Ubin vs daftar
9/11
Untuk toko-toko dengan bermacam-macam besar, yang penting untuk penjelajahan yang cepat dan nyaman, output barang lebih disukai daripada ubin. Namun, di segmen premium atau kategori lain di mana Anda perlu memberikan lebih banyak informasi tentang produk, ada baiknya mendaftarkan produk.
Opsi "Tambahkan ke Troli"
16/4
Kemampuan untuk menambahkan barang ke keranjang tanpa masuk ke halaman deskripsi masuk akal untuk produk sederhana yang dikenal oleh pembeli (misalnya, memesan makanan). Dalam kasus lain, lebih baik untuk menguji - jika pengguna mengklik tombol ini, tinggalkan saja. Jika tidak, jangan buang ruang layar Anda.
Perbandingan Produk
8/12
Seringkali opsi ini tidak nyaman untuk digunakan di ponsel. Oleh karena itu, perlu dipikirkan atau ditinggalkan sepenuhnya dalam versi seluler.
Elemen Halaman Produk
Spoiler Gambar produk yang diperbesar meningkatkan pengalaman pengguna. Berguna dan produk video, mereka memungkinkan Anda untuk mempertimbangkan produk "langsung". Tidak akan berlebihan untuk memblokir berbagi kartu barang di jejaring sosial dan pengirim pesan instan.
Kemampuan memperbesar gambar
16/4
Ada dua opsi: memperbesar gambar ketika Anda mengkliknya atau kemampuan untuk "merentangkannya" dengan jari-jari Anda. Ini adalah opsi yang diharapkan oleh pengguna, sehingga sebagian besar situs menggunakan praktik ini.
Video di halaman produk
9/11
9 situs dari 20 situs dalam studi ini memposting video di halaman produk. Tentu saja, untuk setiap produk untuk menghapus video itu mahal. Tetapi untuk produk yang paling populer, ini layak dilakukan.
Tombol berbagi sosial
8/12
Opsi ini tidak begitu mudah digunakan oleh toko online. Mungkin alasannya adalah popularitasnya yang rendah - jika pengguna perlu membagikan tautan, mereka cukup menyalinnya dari garis peramban (dan pada smartphone itu lebih mudah untuk mengambil tangkapan layar dan segera mengirimkannya). Tetapi tombol untuk berbagi halaman tidak memakan banyak ruang, jadi itu tidak akan berlebihan.
Elemen Personalisasi
Spoiler Elemen cross-selling dan up-selling yang menawarkan produk kepada pengguna berdasarkan preferensi mereka meningkatkan penjualan. Tidak menggunakannya berarti kehilangan penghasilan.
"Mereka biasanya membeli / menelusuri dengan produk ini ..."
13/7
Jika produk yang dipilih membutuhkan tambahan wajib, blok ini pasti diperlukan. Tampilkan di halaman produk dan setelah produk ditambahkan ke keranjang. Jadi Anda akan meningkatkan cross-selling.
Baru Dilihat
9/11
Ini adalah peluang yang mudah untuk kembali dengan cepat ke halaman yang sebelumnya tertarik. Tetapi hanya 45% dari toko yang dianalisis memiliki opsi ini.
Penawaran lainnya
13/7
Pesan seperti "Anda juga akan menyukai ...", "Lebih banyak dari merek ini ...", dll., Menjadi elemen akrab dari halaman produk tidak hanya desktop, tetapi juga toko ponsel.
Menambahkan item ke troli
Spoiler Jangan mengarahkan pengguna ke keranjang setelah menambahkan produk. Pratinjau keranjang di jendela sembul akan bermanfaat.
Tetap di situs setelah menambahkan produk ke troli
20/0
Setelah menambahkan produk ke keranjang, disarankan untuk meninggalkan pengguna di halaman produk, dan tidak mengarahkan ke bagian checkout. Begitu juga para pemimpin - itu berarti itu dibenarkan.
Pratinjau keranjang saat menambahkan barang
6/14
Ini adalah cara yang baik untuk menunjukkan apa yang ada di keranjang tanpa masuk ke dalamnya. Tetapi hanya 30% toko yang menerapkannya - jadi sekarang Anda tahu cara menyiasatinya dengan setidaknya satu faktor.
Recycle Bin Popup
5/15
Jendela sembulan nyaman untuk mengonfirmasi penambahan barang ke keranjang. Jendela ini dapat menampilkan seluruh isi keranjang. Menutupnya, pengguna tetap berada di halaman produk.
Item keranjang
Spoiler Keranjang belanja adalah halaman konversi yang penting. Tidak ada kesalahan yang bisa dilakukan di sini. Pastikan untuk menampilkan gambar produk dengan deskripsi singkat. Di antara opsi yang bermanfaat adalah indikasi waktu pengiriman, pengingat manfaat dan kemampuan untuk menyelamatkan keranjang. Tetapi duplikasi tombol pembayaran / pesanan dapat diabaikan.
Gambar dan deskripsi produk
20/0
Keranjang tersebut harus menampilkan foto dari setiap produk. Penjelasan singkat tentang karakteristik utama (nama, ukuran, warna, dll.) Juga wajib. Ruang layar yang terbatas tidak berarti bahwa pengguna tidak peduli dengan isi keranjang mereka.
Tanggal Pengiriman dan Pengiriman
5/15
Jika pada tahap ini Anda tidak dapat menjamin waktu pengiriman tertentu, tunjukkan setidaknya ketika Anda berencana untuk mengirim barang.
Pengingat Manfaat
2/18
Keranjang tidak akan salah mengingat bonus yang diterima pembeli. Misalnya, pengiriman gratis, pengiriman hari berikutnya, pengembalian gratis, bonus, masa garansi, dll.
Simpan Keranjang
3/17
85% situs dari sampel menolak kesempatan untuk menyimpan keranjang dan mengembalikannya di masa mendatang. Namun, jangan buru-buru mengambil kesimpulan dan menghapus opsi seperti itu. Ini adalah opsi yang nyaman bagi pengguna yang secara teratur membeli satu set produk serupa (misalnya, makanan). Dalam kasus lain, opsi ini memungkinkan Anda untuk menjaga orang yang tidak berencana untuk membeli sekarang. (Pertanyaannya tetap bagaimana mengidentifikasi pembeli tanpa registrasi dan setelah cookie habis).
Tombol "Pembayaran / Selanjutnya"
2/18
Untuk sementara, ada kecenderungan menempatkan tombol untuk beralih ke halaman pembayaran di bagian atas dan bawah keranjang. Tetapi hampir semua orang menolak untuk menduplikasi tombol.
. . — . . . , .
14/6
. .
, , ( , , . .).
( )
5/15
— . . .
12/8
( «») — , . — .
12/8
(, , email . .) .
13/7
, , ( - , ).
—
Benar juga. - , — - , - . Dan itu bagus. . .
— , . , , , .
— . , , , , — - . — . .
.