Search Bar dan Case study Aplikasi Qlue

rijal triadi
5 min readNov 13, 2018

--

Kotak pencarian adalah kombinasi dari field input dan tombol submit. Orang mungkin berpikir bahwa kotak pencarian tidak membutuhkan desain bagaimanapun, itu hanya dua elemen sederhana. Namun, pada situs web yang sangat banyak konten, kotak pencarian sering menjadi elemen desain yang paling sering digunakan. Ketika pengguna menemukan situs yang relatif rumit, mereka akan segera mencari kotak pencarian untuk sampai ke tujuan akhir mereka dengan cepat dan tanpa rasa sakit. Desain kotak pencarian dan kegunaannya menjadi masalah besar.

Fasilitas pencarian yang sangat baik akan membantu pengguna menemukan apa yang mereka inginkan dengan cepat dan mudah. Dalam artikel ini, kami akan mencari cara untuk membuatnya menjadi mungkin.

Dalam artikel ini saya akan menjelaskan bagaimana aturan-aturan seach bar yang baik agar pengguna dengan cepat mencari sesuatu yang di inginkan.

Tipe-tipe search bar

search bar sendiri sebenarnya mempunyai beberapa tipe berbeda tergantung mana yang sekiranya nyaman bagi user serta dapat mencari dengan cepat, disini saya akan memperlihatkan beberapa search box yang umum digunakan pada aplikasi.

Anatomi

1. Gunakan ikon kaca pembesar

Selalu sertakan kotak pencarian dengan ikon kaca pembesar. ikon merupakan representasi visual dari suatu objek, tindakan, artau ide. Ada beberapa ikon yang sebagian besar mendapatkan pengakuan universal dari pengguna.

2. Text Box

Merupakan tempat untuk mengetik apa yang ingin dicari dan merupakan sala satu hal terpenting dalam penggunaan search bar karena biasanya user lebih nyaman ketika pencari menampilan search box.

Penempatan

Hindari keadaan di mana pengguna harus mencari kotak pencarian karena ia tidak menonjol atau tidak terlihat dengan mudah.

Bagan di bawah ini diambil dari studi oleeh A. Dawn Shaikh dan Keisi Lenz: bagan ini menunjukkan posisi kotak pencarian yang terduga berdasarkan survei kepada 142 orang. Studi ini mendapati bahwa lokasi paling nyaman bagi sebagian besar pengguna adalah bagian kiri atas atau kanan atas halaman.

Area di mana para pengguna menduga akan menemukan kotak penarian. Bagian pojok kanan atas masih menjadi tempat pertama yang dilihat pertama kali.

Letakkan kotak pencarian di bagian kanan atas atau tengah atas, maka hampir dapat dipastikan pengunjung situsmu akan dengan mudah menemukannya.

Secara ideal, kotak pencarian seharusnya disesuaikan dengan desain keseluruhan website namun tetap sedikit lebih menonjol ketika pengguna memerlukannya.

Semakin banyak konten yang kamu punya, kamu perlu membuat tampilan fitur pencarian semakin menonjol. Jika fitur pencarian bersifat esensi dalam situsmu (misalnya: situsmu adalah sebuah toko e-commerce), gunakan kontras yang cukup banyak antara ikon/field fungsi pencarian dengan background dan elemen lain di sekitarnya.

Behavior

Search dan motion

Penggunaan

Pada umumnya search Box digunakan para pengguna untuk melakukan pencarian pada sebuah situs web atau aplikasi ketika user kebingungan untuk mencari sesuatu yang tidak ditampilkan pada sebuah menu.

Spesifikasi

- Ukuran Lapangan yang Tepat

Membuat bidang input terlalu pendek adalah kesalahan umum di kalangan desainer. Tentu saja pengguna masih dapat mengetik pertanyaan panjang dalam bidang singkat, tetapi hanya sebagian teks yang akan terlihat pada satu waktu dan ini menyamakan kegunaan buruk, karena pengguna tidak dapat meninjau dan atau mengedit permintaan lengkap mereka. Bahkan, ketika kotak pencarian memiliki jumlah karakter yang terbatas, pengguna cenderung menggunakan kueri singkat dan tidak tepat, karena permintaan yang lebih lama menjadi tidak nyaman untuk dibaca. Jika bidang masukan berukuran sesuai dengan masukan yang diharapkan, keduanya lebih mudah dibaca dan diinterpretasikan untuk pengguna. Sebuah aturan praktis adalah memiliki input teks 27-karakter (memperluas kotak hingga 27 karakter akan mengakomodasi 90% dari pertanyaan).

Berikut contoh Case Study pada aplikasi Qlue

Oke sekarang kita akan membahas search bar yang ada pada aplikasi qlue apakah penggunaan sudah tepat dan juga apakah respon user akan cepat ketika melakukan pencarian.

ada beberapa hal yang akan saya koreksi dalam search bar disini.

1. Penempatan

dari hasil study yang dilakukan oleh A. Dawn Shaikh dan Keisi Lenz bahwa kebanyakan user pertama kali menduga kotak pencarian yaitu di pojok kanan atas, tapi pada aplikasi ini pencarian diletakan di bagian bawah dan menyatu dengan hybrid footer bar yang dimana ini akan menyebabkan user kebingungan.

2. Penggunaan icon kaca pembesar

pada aplikasi ini dalam tidak menggunakan kaca pembesar hal tersebut dapat mengurangi entitas dari sebuah mesin pencarian karena pada umumnya icon kaca pembesar merupakan sesuatu yang universal bagi semua orang untuk tau kalau icon tersebut merupakan icon pencarian.

mungkin hanya itu yang dapat saya koreksi untuk fitur search bar yang ada pada aplikasi qlue jika kesalahan dan kata yang kurang berkenan saya minta maaf pada para pengembang aplikasi dan saya harap aplikasi tersebut ada peningkatan setiap waktunya agar semakin potensial dan saya sangat mengapreaisasi aplikasi ini karena merupakan buatan anak bangsa.

Kesimpulan

Dalam pembuatan aplikasi yang menggunakan fitur pencarian adalah sesuatu yang hal penting dalam UI design karena kebanyakan menganggap ini merupakan hal sepele. kemudian user dalam membuat search bar harus memperhatikan tata letak, icon yang digunakan, ukuran size text, serta text box yang dimana hal tersebut merupakan sesuatu yang fundamental

Referensi

--

--