Desain Kotak Pencarian Sempurna untuk eCommerce Anda

Pernahkah Anda menelusuri toko online atau Marketplace dengan tujuan mencari produk dan tidak dapat menemukan kotak pencarian? Kami yakin Anda pernah.

Tak perlu dikatakan lagi bahwa semakin Anda menonjolkan Penelusuran Situs di beranda , semakin besar kemungkinan Penelusuran Situs Anda akan digunakan. Ini berarti bahwa alih-alih melalui kategori yang berbeda di situs web eCommerce Anda, pengunjung Anda akan menggunakan Pencarian Situs secara langsung untuk menemukan produk yang mereka inginkan lebih cepat, tanpa harus membuang waktu untuk melihat hal-hal yang tidak mereka butuhkan.

Jadi, di sektor di mana pencarian adalah cara paling umum untuk menemukan produk, mungkin ide yang baik untuk "mempromosikan" bidang pencarian dengan desain yang menarik dan menempatkannya di lokasi yang strategis, terutama di beranda.

Navigasi Kategori

Ini biasanya terjadi untuk situs web perbandingan harga yang lebih bertarget, selama pengguna mengetahui nama merek dan model produk yang ingin mereka beli (dengan kata lain, mereka tahu persis apa yang mereka inginkan, bahkan sebelum mereka mengunjungi situs web Anda. situs web eCommerce).

Di sisi lain, di sektor di mana pengguna lebih memilih untuk menelusuri berdasarkan kategori (karena mereka tidak tahu persis produk yang mereka inginkan, nama atau ejaannya), atau dengan hierarki situs web yang datar, desain bidang pencarian yang tidak terlalu mencolok dapat digunakan untuk mendorong penjelajahan berdasarkan kategori daripada dengan pencarian.

Misalnya: sektor mode dan dekorasi rumah , khususnya, sangat menyukai penjelajahan menurut kategori, baik dalam hal preferensi awal pengguna dan tingkat keberhasilan mereka selanjutnya (rasio konversi pasca-penelusuran).

Dalam hal desain dan implementasi, ada berbagai cara untuk membuat bidang pencarian menonjol dalam keseluruhan desain. Jadi, format yang tepat untuk digunakan akan bervariasi dari satu situs web ke situs web lainnya, sangat tergantung pada konteks di mana bidang pencarian muncul (dengan kata lain, desain situs web secara keseluruhan).

Elemen desain bidang pencarian

Ada beberapa elemen desain bidang pencarian yang dapat digunakan untuk membuatnya menonjol, tergantung pada sejauh mana Anda ingin mendorong pengguna untuk menggunakan fungsi pencarian. Tiga elemen utama desain kotak telusur yang cenderung memiliki dampak terbesar adalah:

Posisi

Lihat Amazon pada gambar di bawah ini. Seperti yang Anda lihat, Amazon menarik bagi Anda untuk mencari pasarnya, karena ia menjual lebih banyak dan dapat memandu Anda lebih baik saat Anda menggunakan Pencarian Situsnya daripada menelusuri berdasarkan kategori.

Karena jutaan produk yang dimilikinya dan, dengan mempertimbangkan bahwa pengguna biasanya sudah mengetahui jenis produk apa yang mereka inginkan begitu mereka mengunjungi situs webnya, mereka menempatkan Penelusuran Situs di lokasi yang disukai, tepat di tengah dan mengambil hampir seluruh lebar layar.

Terlebih lagi, jika Anda ingin menonjolkan Penelusuran Situs dan mendorong pengguna untuk menggunakannya, itu harus berfungsi dengan baik. Dengan kata lain:

• Tampilkan hasil secara instan: Anda tidak dapat memiliki Penelusuran Situs yang membutuhkan waktu terlalu lama untuk memuat produk setelah dicari.
• Buat daftar hasil dalam urutan apa pun yang Anda inginkan : ingatlah bahwa, semakin tinggi dan ke kiri, semakin relevan hasilnya bagi pengunjung Anda.
• Kualitas gambar yang layak: tidak ada gambar pixelated, tolong!
• Tunjukkan spesifikasi produk Anda : ukuran, diskon atau promosi, warna yang tersedia… Semua dalam pencarian Anda sendiri.
• Beri pengguna opsi untuk menambahkan ke troli dalam Penelusuran Situs itu sendiri: sehingga mereka dapat membeli beberapa produk tanpa harus bolak-balik antara Penelusuran Situs dan troli.

Gaya Penelusuran Situs Anda

Sangat penting bahwa, setelah kotak pencarian diklik, gambar situs web Anda dihormati. Untuk ini, cukup banyak elemen yang harus diperhitungkan.

• Warna : Anda harus menggunakan warna korporat yang sama seperti di situs web Anda. Coba tambahkan logo di suatu tempat di Penelusuran Situs juga.
• Font : Font adalah elemen penting lainnya; gunakan font yang sama dengan yang Anda gunakan di situs web Anda, untuk angka, judul, tombol…
• Tombol : Cobalah untuk memiliki gaya yang sama dengan tombol di situs web Anda pada tombol beli atau “ tambah ke troli ”.
• Elemen lain: Seperti diskon, batas , menggunakan kategori yang sama dengan yang Anda miliki di situs web eCommerce Anda…

Ukuran

Dengan membuat bidang pencarian relatif kecil, keunggulan visualnya berkurang secara signifikan. Satu hal yang dilakukan oleh banyak toko online yang ingin meningkatkan penggunaan Penelusuran Situs adalah meningkatkan kontras antara tajuk dan Penelusuran Situs. Misalnya, Amazon , seperti yang kita lihat di atas, memiliki header berwarna hitam, tetapi Penelusuran Situs berada di tengah dan berwarna putih.

Saat Anda menggabungkan ukuran, posisi, dan kontras, Anda membuat kotak pencarian benar-benar menonjol, mendorong pencarian sebagai cara yang disukai untuk mencari produk di situs web eCommerce Anda. Namun demikian, ini membutuhkan Pencarian Situs yang cerdas seperti Doofinder untuk mengurangi rasio pentalan Anda. Jika tidak, ini bisa menjadi pedang bermata dua.

Desain kotak pencarian di beranda

Di beranda khususnya, desain kotak pencarian bahkan lebih penting, karena sebagian besar pengguna cenderung membuat strategi pencarian produk mereka segera setelah mereka mengunjungi situs web.

Menurut data Baymard Institute , 60% pengguna langsung menggunakan pencarian sebagai strategi pertama di beranda situs web seluler. Oleh karena itu, semakin menarik desain bidang pencarian di beranda, semakin banyak pengguna akan menganggapnya sebagai insentif untuk mencari daripada menelusuri berdasarkan kategori.

Terlebih lagi, adalah ide yang baik untuk memberikan sentuhan visual tambahan pada Penelusuran Situs di beranda, asalkan Anda ingin mendorong penjelajahan di Penelusuran Situs daripada penjelajahan berdasarkan kategori.

Desain Pencarian Situs yang berbeda untuk beranda dapat dilakukan dengan banyak cara: dari batas bidang pencarian yang lebih berani, warna latar belakang yang lebih kontras, kotak dan ukuran font yang lebih besar, tombol “pencarian” yang lebih hidup… Dan bahkan mungkin membuat keyboard bidang dapat difokuskan secara default. Modifikasi desain apa pun yang membuat bidang pencarian menonjol dengan sendirinya, tanpa mengubah posisi atau gaya visualnya secara mendasar, akan membuatnya menonjol.

Dengan cara ini, bidang pencarian tetap dapat dikenali sepenuhnya tanpa mengalihkan fokus dari halaman lain, tetapi akan memberi Anda kontras visual tambahan di beranda.

Kontras visual tambahan ini seharusnya tidak mempromosikan pencarian sebagai “ satu-satunya pilihan ” di situs web, tetapi akan membantu pengguna melihat bidang pencarian dengan lebih mudah ketika mereka mengunjungi situs web.

Seperti yang Anda ketahui… Laman beranda sering kali menampilkan banyak grafik dan elemen visual berbeda yang bersaing untuk menarik perhatian pengguna, yang berarti bahwa, apa yang ada di laman berikutnya (seperti laman kategori, daftar produk, atau laman produk) mungkin menjadi bidang penelusuran yang dominan, mungkin tidak cukup untuk beranda.