Mukammal qidiruv panelini yaratish

Qidiruv satri matn maydoni va kiritish tugmasi birikmasidan iborat. Bu erda dizayn hatto kerak emasdek tuyuladi - axir, biz ikkita oddiy element haqida gapiramiz. Ammo ko'p kontentga ega saytlarda qidiruv paneli ko'pincha tashrif buyuruvchilar eng ko'p foydalanadigan dizayn elementi hisoblanadi. Nisbatan murakkab arxitekturaga ega saytni ochganda, foydalanuvchilar o'z manziliga tez va og'riqsiz etib borish uchun darhol qidiruv paneliga murojaat qilishadi. To'satdan, chiziq dizayni juda muhim ekanligi ayon bo'ldi.

Ushbu maqolada biz foydalanuvchi izlayotgan narsaga erishish uchun minimal vaqt sarflashi uchun uni qanday yaxshilash mumkinligini ko'rib chiqamiz.

Eng yaxshi amaliyotlar

1. Kattalashtiruvchi oyna belgisidan foydalaning

Qidiruv paneliga vizual markerni qo'shganingizga ishonch hosil qiling - kattalashtiruvchi oyna belgisi. Belgilar, ta'rifiga ko'ra, ob'ekt, harakat yoki tushunchaning vizual tasviridir. Bir qator piktogrammalar mavjud bo'lib, ularning ma'nosi foydalanuvchilarning ko'pchiligi tomonidan o'qiladi. Kattalashtiruvchi oynali rasm ushbu toifaga kiradi.


Foydalanuvchilar piktogramma orqali uzatilgan ma'lumotlarni hatto imzosiz ham taniydilar

Maslahat: tasvirning eng oddiy, sxematik versiyasidan foydalaning. Grafik tafsilotlar qanchalik kam bo'lsa, xarakter shunchalik yaxshi tan olinadi.

2. Qidiruv panelini taniqli joyga qo'ying

Qidiruv funksiyasi veb-sayt yoki ilova uchun juda muhim bo'lganligi sababli, u diqqatni jalb qilishi kerak, chunki u foydalanuvchini kerakli sahifaga eng qisqa yo'l bilan olib borishi mumkin.


Chapdagi rasmda qidiruv funksiyasi belgi orqasida yashiringan

To'liq matn kiritish maydonini ko'rsatish muhim: agar u piktogramma orqasida yashiringan bo'lsa, qidiruv funktsiyasi kamroq ko'rinadigan bo'ladi va o'zaro ta'sir foydalanuvchidan qo'shimcha harakat talab qiladi.


Qidiruv funksiyasini ketma-ket kengaytirishdan saqlaning - u kontekstni yashiradi

3. Qidiruv panelini harakat tugmasi bilan ta'minlang

Tugmaning mavjudligi odamlarga ularni harakatni bajarishdan ajratib turadigan yana bir qadam borligini etkazishga yordam beradi - hatto ular Enter tugmasini bosish orqali bu bosqichni yakunlashga qaror qilsalar ham.

Maslahat: Foydalanuvchilar kursorni unga qaratib qo‘ymasliklari uchun qidiruv tugmachasini juda kichik qilib qo‘ymang. Qanchalik ko'p joy egallasa, uni sezish va bosish shunchalik oson bo'ladi.

Foydalanuvchilarga Enter tugmasi yoki tugmani bosish orqali qidiruvni boshlash imkoniyatini bering. Ko'p odamlar jarayonni boshlash uchun tugmani bosish odatiga ega.

4. Har bir sahifaga qidiruv qatorini qo'shing

Siz doimiy ravishda foydalanuvchilarga saytning istalgan sahifasidagi qidiruv paneliga kirishni ta'minlashingiz kerak. Axir, agar foydalanuvchi o'ziga kerakli narsani ko'rmasa, u qaerda bo'lmasin, qidiruvdan foydalanishga harakat qiladi.

5. Qidiruv qatori oddiy bo'lishi kerak

Qidiruv panelini loyihalashda uning oʻziga oʻxshash va ulardan foydalanish osonligiga ishonch hosil qiling. Foydalanish imkoniyatlarini o'rganish shuni ko'rsatdiki, foydalanuvchi uchun sukut bo'yicha kengaytirilgan qidiruv sozlamalarini yashirish qulayroqdir. Ularni ko'rsatish orqali (quyidagi mantiqiy qidiruv misolida bo'lgani kabi) siz so'rovni kiritishga urinayotgan odamlarni chalkashtirib yuborishingiz mumkin.

Mantiqiy qidiruv

6. Qidiruv panelini siz kutgan joyga qo'ying

Foydalanuvchilar qidiruv satrini qidirishga majbur bo'lganda yomon - bu ko'zni tortmaydi va sahifada yo'qoladi.

Quyidagi rasm A. Dawn Shaikh va Keisi Lenz tadqiqotidan olingan bo'lib, foydalanuvchi ekranning qaysi qismi qidiruv panelini ko'rishni kutayotganini ko'rsatadi. Ushbu ma'lumotlar 142 respondentning so'rovi asosida olingan. Tadqiqotlar shuni ko'rsatdiki, ekranning yuqori o'ng va yuqori chap burchaklari foydalanuvchilar uchun standart F namunasi bo'yicha qidiruv panelini topish uchun eng yaxshi joylardir.

Rasmda odamlar birinchi navbatda ekranning qaysi joylarini izlashlari ko'rsatilgan. Yuqori o'ng burchak hali ham etakchi

Shunday qilib, qidiruv panelini ekranning yuqori o'ng burchagiga yoki yuqori markaziga qo'ying - shuning uchun uning joylashuvi foydalanuvchilarning umidlarini qondirishiga amin bo'lishingiz mumkin.


Kontentga boy Youtube saytida qidiruv paneli ekranning yuqori markazida joylashgan.

Maslahat:

  • Ideal holda, qidiruv paneli butun sahifaning umumiy dizayniga mos kelishi kerak, lekin ayni paytda foydalanuvchiga kerak bo'lsa, biroz ajralib turishi kerak.
  • Saytingizda qancha ko'p kontent bo'lsa, qidiruv paneli shunchalik ko'zga tashlanadigan bo'lishi kerak. Qidiruv saytingiz uchun asosiy funktsiya bo'lsa, kontrastlarni ayamang - kiritish maydoni va belgisi fonda ham, ularni o'rab turgan elementlar orasida ham ajralib turishi kerak.
7. Adekvat chiziq uzunligi

Juda qisqa kirish maydoni dizaynerlar orasida keng tarqalgan xatodir. Albatta, bu foydalanuvchining uzoq so'rovni kiritishiga to'sqinlik qilmaydi, lekin uning faqat bir qismi ko'rinadi va bu qulaylik nuqtai nazaridan yomon, chunki bu kiritilgan matnni tekshirish va tahrirlash jarayonini murakkablashtiradi. Aslida, qidiruv satrida juda kam belgilar ko'rsatilganda, foydalanuvchilar qisqa va noaniq so'rovlardan foydalanishga majbur bo'lishadi, chunki uzun so'rovlarni qayta o'qish qiyin va noqulay bo'ladi. Agar maydonning o'lchami so'rovlarning kutilgan uzunligiga to'g'ri kelsa, ular bilan ishlash ancha osonlashadi.

Umumiy qoida shundaki, kirish qatori 27 belgidan iborat bo'lishi kerak (bu so'rovlarning 90% uchun etarli).

Amazonda kerakli uzunlikdagi qidiruv qatori mavjud

Maslahat: Bosish orqali kengayadigan qatorni amalga oshirishni ko'rib chiqing. Shunday qilib, siz ekran maydonini tejashingiz va shu bilan birga foydalanuvchi uchun maydonni tezda topish va qidiruvni amalga oshirish uchun etarli vizual signallarni taqdim etishingiz mumkin.

8. Avtomatik to'ldirish mexanizmidan foydalaning

Avtomatik to'ldirish mexanizmi foydalanuvchiga kerakli so'rovni tanlashga yordam beradi, uni matnning allaqachon kiritilgan qismiga asoslanib taxmin qilishga harakat qiladi. Bu jarayonni tezlashtirish uchun emas, balki foydalanuvchini boshqarish va unga so'rovni to'g'ri shakllantirishga yordam berish uchun kerak. Oddiy foydalanuvchi bu bilan katta muammoga ega; agar u birinchi marta qidirayotgan narsasini topa olmasa, keyingi urinishlar muvaffaqiyatsizlikka uchraydi. Ko'pincha odamlar shunchaki taslim bo'lishadi. Avtomatik to'ldirish - agar yaxshi sozlangan bo'lsa, albatta - foydalanuvchilarni mosroq so'rovlardan foydalanishga undaydi.

Google qidiruv tizimi bu naqshni mukammal o'zlashtirgan va birinchi marta 2008 yilda amalga oshirgan. Foydalanuvchilar bir xil so'rovlarni bir necha marta ishlatishlari odatiy holdir, shuning uchun qidiruv tarixini saqlash orqali Google vaqtni tejaydi va foydalanuvchi tajribasini yaxshilaydi.

Maslahat:

  • Avtomatik to'ldirish xususiyati haqiqatan ham foydali ekanligiga ishonch hosil qiling. Agar yomon bajarilsa, u faqat foydalanuvchilarni chalg'itadi va chalg'itadi. Shuning uchun, asbobni sifatli qilish uchun avtomatik tuzatish, ildizni aniqlash va bashoratli matn kiritishdan foydalaning.
  • Istagan ma'lumotni darhol taklif qilish va foydalanuvchini keraksiz ma'lumotlarni kiritishdan qutqarish uchun imkon qadar tezroq (uchinchi belgidan keyin) avtomatik to'ldirish opsiyalarini taklif qiling.
  • Foydalanuvchini ma'lumot bilan ortiqcha yuklamaslik uchun 10 dan ortiq bo'lmagan variantlarni ko'rsating (va aylantirish panelidan foydalanmang).
  • Variantlar roʻyxati orqali klaviatura navigatsiyasini sozlang. Oxirgi nuqtaga yetgandan so'ng, foydalanuvchi boshiga o'tish imkoniyatiga ega bo'lishi kerak. Esc tugmachasini bosish orqali ro'yxat yopilishi kerak.
  • Kiritilgan matn va tavsiya etilgan ma'lumotlar o'rtasidagi farqni ko'rsating. Misol uchun, kiritilgan matn standart shriftga ega, variatsiyaning avtomatik to'ldirilgan qismi esa qalin.


Avtomatik to'ldirish foydalanuvchi vaqtini tejaydi va hatto yaxshiroq so'zlarni taklif qilishi mumkin

9. Aynan nimani izlash mumkinligini aniq ko'rsating

Kirish maydonida qidiruv so'rovining namunasini ko'rsatish yaxshi fikrdir; shu bilan siz foydalanuvchilarga ushbu funksiyadan aynan nima uchun foydalanishi mumkinligini etkazishingiz mumkin. Agar foydalanuvchi turli mezonlar bo'yicha qidirishi mumkin bo'lsa, unga maxsus naqsh yordamida bu haqda maslahat bering (quyidagi IMDB veb-saytidagi misolda bo'lgani kabi). HTML5 sukut bo'yicha nofaol qidiruv satrida ajratib ko'rsatiladigan matnni qo'shishni osonlashtiradi.


Maslahat: O'zingizni bir necha so'z bilan cheklang, aks holda kognitiv yukni minimallashtirish o'rniga, uni faqat oshirasiz.

Xulosa

Qidiruv asosiy faoliyat turi va axborotga boy ilova yoki veb-sayt yaratishning asosiy qismidir. Maydon o'lchami yoki nima kiritish kerakligini belgilash kabi kichik o'zgarishlar ham qidiruvdan foydalanish qulayligi va umumiy UX sifatini sezilarli darajada yaxshilashi mumkin.