Pencarian Lebih Baik UX Melalui Mikrokopi

Diterbitkan: 2022-03-10
Ringkasan cepat Untuk situs skala besar dan e-niaga, pengalaman pencarian adalah alat yang semakin penting. Anda dapat sangat meningkatkan pengalaman bagi pengguna dengan mikroskop yang bijaksana dan kontekstualisasi yang tepat.

Sulit untuk melebih-lebihkan pentingnya pencarian web. Pencarian sama tuanya dengan Internet itu sendiri, dan dengan beberapa ukuran, bahkan lebih tua. Pencarian yang dirancang dengan baik akan menguntungkan Anda dan pengguna Anda; itu meningkatkan konversi, mengurangi rasio pentalan, dan meningkatkan pengalaman pengguna.

Penelusuran sangat penting pada situs skala besar dan pengalaman e-niaga, yang sebagian besar pendapatannya berasal dari sesi yang didorong oleh penelusuran. Studi menunjukkan bahwa hingga 50% pengguna langsung membuka bilah pencarian internal situs web, dan 15% langsung lebih suka menggunakan fungsi pencarian daripada menjelajahi menu hierarkis. Ini berarti bahwa untuk semua cinta dan perhatian yang masuk ke dalam menentukan arsitektur informasi sebuah situs, sama banyak yang harus pergi ke dalam merancang pengalaman pencarian.

Masalah yang rumit adalah kenyataan bahwa keterampilan pencarian pengguna paling lemah, dan paling buruk tidak kompeten. Mendapatkan hasil yang baik dari mesin telusur sering kali membutuhkan banyak upaya dan perumusan ulang, yang jarang dilakukan pengguna. Dan seiring dengan peningkatan teknologi pencarian dari waktu ke waktu, pengguna semakin cenderung menerima hasil pencarian sebagai jawaban atas pertanyaan mereka, bahkan jika kueri mereka cacat. Pengguna yang menyukai penelusuran cenderung bergerak cepat, memindai halaman untuk mencari persegi panjang yang tampak familier itu, dan terpental dengan cepat saat mereka tidak menemukan apa yang mereka cari.

Berkomunikasi dengan para pengguna "dengan cepat" adalah pekerjaan rumit yang membutuhkan alat khusus: mikrokopi. Nama 'mikrokopi' memungkiri kepentingannya sendiri. Ini mungkin kecil, tetapi kesuksesan besar sering bergantung padanya. Ini adalah tempat di mana suara dapat bersinar, di mana kesan yang baik dibuat, dan di mana utilitas dan branding bersinggungan. Dengan mengingat hal itu, mari selami banyak cara agar mikrokopi dan kontekstualisasi dapat sangat meningkatkan pengalaman penelusuran.

Lebih banyak setelah melompat! Lanjutkan membaca di bawah ini

Menempatkan Dan Memberi Label Pencarian Anda

Sesuai dengan Hukum Jakob, insting pertama Anda saat mendesain bilah pencarian adalah meletakkan kotak persegi panjang di sudut kanan atas atau kiri atas. Anda harus menambahkan label atau teks placeholder yang cocok untuk usia 11 tahun, dan menyertakan tombol kirim yang bertuliskan “Telusuri”.

Menyembunyikan bilah pencarian di belakang tautan, mengabaikan teks placeholder, atau memilih ikon kaca pembesar CTA alih-alih teks biasa adalah keputusan desain yang valid dalam konteks yang tepat. Pastikan Anda tidak mengabstraksikan fungsi bilah pencarian secara tidak perlu karena pencarian sudah memiliki biaya interaksi yang lebih tinggi daripada browsing.

Setiap penghalang, betapapun sepelenya Anda sebagai seorang desainer, berisiko memengaruhi UX dan keuntungan Anda secara negatif. Jika ada risiko pengguna Anda mungkin salah mengartikan ikon kaca pembesar sebagai tombol "zoom", Anda harus menguranginya.

Teks Placeholder

Teks placeholder adalah tempat yang tepat untuk meningkatkan pengalaman. Ini bisa menjadi informasi, bisa menjadi tempat untuk ekspresi merek, dan bisa mendorong pengguna yang ragu ke arah yang benar. Setiap kali saya melihat bilah pencarian yang hanya mengatakan "Cari", saya melihat peluang yang terlewatkan.

Jadi apa pendekatan yang lebih baik? Ini bervariasi dari situs ke situs. Pertama, biasakan diri Anda dengan tujuan bisnis Anda, merek Anda, dan kebiasaan pengguna Anda saat ini. Kemudian, pertimbangkan bagaimana Anda bisa menjadi yang paling membantu.

Mendorong Pengguna

Pendekatan sugestif dapat mengurangi kecemasan pengguna. Beri tahu pengguna Anda fakta bahwa mereka dapat menelusuri dengan berbagai cara, terutama jika mereka mungkin tidak terbiasa dengan rangkaian lengkap produk atau layanan Anda. ASOS menyarankan untuk mencari inspirasi selain produk dan merek:

Bilah pencarian di situs web ASOS
(Sumber gambar: ASOS) (Pratinjau besar)

Jadilah Informatif

Beri tahu pengguna dengan tepat apa yang akan mereka dapatkan saat mereka menekan kirim. Di Shutterstock, sebuah situs yang sepenuhnya dikhususkan untuk pencarian arsip foto besar, teks placeholder ini dengan cerdik berfungsi ganda sebagai tagline ketika dipasangkan dengan logo:

Bilah pencarian di situs web Shutterstock
(Sumber gambar: Shutterstock) (Pratinjau besar)

Perkuat Merek

Bilah pencarian Home Depot tidak mengarahkan pengguna, melainkan menyajikan nada pribadi yang membantu yang saya yakin sejalan dengan pedoman suara merek mereka. Ini mungkin pendekatan terbaik mengingat ukuran katalog produk mereka:

Bilah pencarian Home Depot
(Sumber gambar: The Home Depot) (Pratinjau besar)

Menggunakan Log Pencarian Untuk Keuntungan Anda

Jika Anda tidak yakin cara terbaik untuk mengoptimalkan teks placeholder Anda, tempat yang baik untuk memulai adalah database log pencarian Anda. Mempelajari cara memecah hasil ini bisa sangat berharga saat merumuskan desain konten yang bermanfaat. Anda akan dapat melihat secara langsung kosakata yang digunakan orang untuk menelusuri situs Anda, dan yang lebih penting, kesenjangan antara apa yang Anda tawarkan dan apa yang dicari pengguna Anda.

Pencarian yang Disarankan, Terkait, Dan Terbaru

Selama proses pencarian, salinan Anda harus menawarkan bantuan sebanyak mungkin tanpa menjadi sombong. Itu mencakup semuanya, mulai dari tombol "Batal" atau "Hapus" yang jelas hingga mencatat penelusuran terbaru setiap pengguna untuk muncul nanti. Saat memilih salinan yang tepat untuk melengkapi fitur ini, tambahkan sedikit saus cokelat.

sugesti otomatis

Pengguna yang menggunakan bilah pencarian melakukannya karena mereka mencari sesuatu yang spesifik, yang menjadikan sugesti otomatis sebagai alat yang berharga (dan semakin diharapkan). Kekhususan, dalam hal ini, mungkin terfokus seperti "Sepatu abu-abu wanita ukuran 9M" atau sama terbukanya dengan "Toko sandwich di dekat saya".

Sugesti otomatis juga mengurangi risiko mengembalikan hasil buruk, meringankan upaya mental pengguna, dan menghadirkan peluang untuk memunculkan produk Anda yang paling populer.

Kenyal
(Sumber gambar: Chewy) (Pratinjau besar)

Seringkali ini tidak memerlukan konteks atau salinan tambahan sama sekali, tetapi hanya dapat dicantumkan di bawah bilah pencarian saat pengguna mengetik, seperti yang ditunjukkan pada contoh di atas.

Pencarian terkait

Menampilkan penelusuran terkait di halaman hasil adalah cara lain untuk membantu memandu pengguna tanpa mengganggu. Pola umum adalah menyediakan beberapa kata kunci yang dapat diklik terkait dengan kueri asli di atas hasil. Sebuah salinan kecil yang menyatakan "Pengguna lain mencari" adalah cara yang baik untuk memasukkan bukti sosial ke dalam pengalaman pencarian.

pencarian terkini

Jika teknologi Anda memungkinkan, menyimpan dan menampilkan kembali pencarian terbaru adalah cara lain untuk membantu mengurangi beban memori pada pengguna. Pastikan Anda menambahkan konteks dengan salinan, tetapi bisa sesederhana ini:

Bilah pencarian di situs web Macy
(Sumber gambar: Macy's) (Pratinjau besar)

Hasil Penanganan

Ada dua salinan yang saya anggap diperlukan saat menampilkan hasil pencarian:

  1. Kueri itu sendiri.
    Jika bilah pencarian sangat terlihat, itu dapat ditampilkan di sini. Anda juga dapat membuat H1 yang menyatakan "Hasil untuk {{terms}}."
  2. Jumlah hasil.
    Jika hasilnya diberi halaman, Anda mungkin juga menyertakan jumlah halaman.
Bilah pencarian di situs web REI Co-op
(Sumber gambar: REI Co-op) (Pratinjau besar)

Tidak ada hasil

Apakah melalui kesalahan mereka sendiri tidak, pengguna pasti akan menemukan halaman "tidak ada hasil" di beberapa titik. Untungnya, ada cara untuk menangani ini dengan anggun; sebenarnya, dengan pendekatan yang tepat, jalan buntu ini sebenarnya bisa menjadi peluang besar untuk penemuan konten.

Pertama-tama, jangan berharap pengguna Anda mempersempit pencarian mereka jika mereka tidak mendapatkan hasil — setidaknya tanpa UI yang mendorongnya. Pengguna enggan memformulasi ulang kueri mereka dan mengalami kesulitan saat mencoba. Mereka lebih cenderung terlibat dengan informasi apa pun yang mereka berikan dan mengambilnya dari sana, atau mengabaikan tugas sepenuhnya. (Kapan terakhir kali Anda mengklik ke halaman kedua hasil pencarian Google?)

Yang mengatakan, mudah untuk melihat bagaimana sedikit copywriting dan kontekstualisasi dapat meningkatkan pengalaman. Nielsen Norman Group memiliki panduan komprehensif tentang cara menangani SERP Tanpa Hasil, dengan intinya adalah:

  • Jelaskan bahwa tidak ada hasil.
    Sangat mudah untuk menjadi lucu dan secara tidak sengaja mengubur lede. Anda juga tergoda untuk dengan sengaja menyembunyikan pesan "tidak ada hasil" untuk mengaburkan kesalahan sepenuhnya. Bagaimanapun, jangan menipu pengguna.
  • Menawarkan jalan ke depan.
    Sarankan cara untuk menyaring kueri penelusuran (seperti memeriksa ejaan Anda), dan juga menyediakan tautan ke konten atau produk populer yang memiliki kemungkinan paling tinggi untuk terhubung dengan pengguna.
  • Pukul nada yang tepat.
    Gunakan suara merek Anda, tetapi jangan mengambil risiko memperburuk situasi dengan humor yang mungkin tidak diterima dengan baik oleh pengguna yang frustrasi.

Juga, ingatlah bahwa SERP kosong dapat muncul karena pengguna salah mengirimkan tanpa memasukkan kueri sama sekali. Anda harus memiliki rencana konten untuk skenario ini juga daripada mengembalikan semua item dalam database, misalnya.

Membungkus

Menulis pengalaman pencarian yang baik bermuara pada perhatian. Sebagai desainer, kami mungkin telah menggunakan dan membuat ratusan pengalaman penelusuran web yang berbeda, jadi kami mempercepat prosesnya. Tetapi ketika kita mempertimbangkan setiap langkah kecil dari proses (setiap mikrointeraksi dan setiap kasus tepi), perubahan kecil yang kita buat dapat berdampak besar pada pengalaman. Lain kali Anda menemukan diri Anda meraih solusi visual untuk masalah pencarian, pertimbangkan untuk menggunakan kata-kata Anda sebagai gantinya.

Bacaan Lebih Lanjut tentang SmashingMag:

  • Cara Menjalankan Lokakarya Perencanaan Konten
  • Bagaimana Copywriting Dapat Mengambil Manfaat Dari Riset Pengguna
  • Merancang Kata-kata: Mengapa Menyalin Adalah Masalah Desain
  • Cara Mengatasi ROT Konten yang Berlebihan, Kedaluwarsa, dan Sepele