7 рекомендацій для проєктування функції пошуку

Якщо на сайті є багато, недостатньо добре структурованого контенту, рядок пошуку буде вкрай важливим інструментом навігації. Він стане орієнтиром для користувачів та допоможе їм знайти те, що вони шукають. Топові вебсайти мають просту панель пошуку на видному місці головної сторінки.

Саме рядок пошуку утримуватиме користувачів на сайті. Без правильно спроєктованої та зручної для навігації функції пошуку розчаровані користувачі просто підуть із сайту. Таким чином ви ризикуєте відправити їх одразу до ваших конкурентів. 

Коли потрібна кнопка пошуку?

Необхідність у пошуковому рядку з'явиться тоді, коли вебсайт зросте до таких масштабів, що відвідувачі вже не зможуть швидко отримати відповіді на свої запитання, а контенту буде настільки багато, що виникатимуть труднощі з його організацією.

Користувачі, знайомі з пошуком в інтернеті за ключовими словами або запитами, легко зрозуміють функціонал пошукового рядка. Він здаватиметься їм природним доповненням до будь-якого сайту.

Якщо ви плануєте створення великого сайту, наприклад, мультибрендового інтернет-магазину, або маєте намір розмістити багато контенту, щось на кшталт блогу, то краще з самого початку спроєктувати рядок пошуку.

Використовуйте іконку лупи

При проєктуванні пошукового рядка залиште добре знайому всім іконку лупи. Таким чином користувачі зможуть швидко зорієнтуватись на сайті та відшукати потрібний контент або продукт.

Рядок пошуку має бути помітним

Рядок пошуку повинен розташовуватися на видному місці та відразу впадати в око. Коли користувач не може знайти потрібну інформацію, пошуковий рядок має стати для нього швидким і простим рішенням.

Дизайнери часто сперечаються про те, де має розташовуватися рядок пошуку. Найкраще місце знаходиться там, де користувач очікує його побачити: у верхньому правому кутку або у верхній центральній частині сторінки.

Найчастіше, відвідувачі інтуїтивно шукають рядок пошуку у верхніх кутах сторінки, особливо на популярних сайтах, як YouTube.

Наявність кнопки “Надіслати”

Механізм пошуку відповідей на вашому сайті подібний до пошуку інформації в Google. Тому для відвідувачів логічно, що при надсиланні запиту їм потрібно натиснути клавішу “Enter”.

Але краще, якщо ви розмістите на сайті окрему кнопку надсилання запиту, яка показуватиме користувачам, що потрібно робити. Область кнопки повинна бути великою, щоб відвідувачі не мали труднощів, щоб знайти та натиснути на неї.

Багато глядачів натискатимуть "Enter" замість кнопки "Надіслати". При розробці сайту потрібно перевірити, чи видаватиме "Enter" правильні результати.

Розмістіть пошуковий рядок на кожній сторінці

Щоб ваш сайт залишався ефективним, розмістіть пошуковий рядок на кожній сторінці. Це допоможе вам спростити навігацію. Ваші користувачі можуть піти з головної сторінки, сподіваючись знайти контент на іншій сторінці сайту.

Увімкніть у пошуковий рядок посилання на тупикові сторінки, зокрема на сторінку 404, щоб відвідувачі могли знайти інформацію, яку вони шукають, та повернутися на ваш головну сторінку сайту.

Поле пошуку має бути достатньо довгим

Коли користувачі вводять запит у поле пошуку, вони повинні мати достатньо місця, щоб бачити те, що вони друкують.

Таким чином вони зможуть перечитати або змінити свій запит. Текстове поле довжиною від 27 символів є ідеальним, тому що більшість запитів поміститься у цей простір.

Встановіть ширину, використовуючи ems (одиниця масштабування тексту), або встановіть розмір однієї літери, що дорівнює довжині літери “m” у цьому шрифті. Це дозволить вам правильно оцінити свій простір.

Якщо ви хочете заощадити місце, подумайте про те, щоб поле пошуку могло збільшуватись у міру введення запиту. У вашого користувача буде достатньо місця, щоб поставити запитання, а сайт залишиться мінімальним. 

Розгляньте можливість застосування автопідказок

Автопідказки допомагають вашим клієнтам знайти те, що вони шукають. Вони задають напрям їх пошуковим запитам.

Часто користувачі не знають, як сформулювати своє питання. Якщо вони не знаходять інформацію з першого разу, то, як правило, вони не можуть перефразувати запит або звузити область пошуку. За допомогою поля автопідказок відвідувачі зможуть з легкістю шукати потрібний їм контент.

Поради

Під час створення автопідказок використовуйте ключові слова таким чином, щоб вони дійсно спрощували пошук для користувачів.

Використовуйте ключові слова, інтелектуальний набір тексту і найпоширеніші запитання. Ви також можете додати функцію автоматичного виправлення орфографії, щоб користувачі могли шукати слова або терміни, які їм потрібні.

Показуйте широкий вибір варіантів на панелі пошуку, щоб відвідувачі могли вибрати той, який вони шукали. Можна увімкнути низку запитів, які стосуються певного ключового слова або теми.

Дозвольте користувачам вибирати варіанти за допомогою клавіатури або клавіші прокручування. Зробіть так, щоб, коли вони дійдуть до кінця сторінки, вони змогли автоматично повернутися нагору. Дайте можливість залишити сторінку за допомогою клавіатури.

Автопідказки мають бути виділені жирним шрифтом. Це допоможе привернути увагу користувачів.

Висновок

Функція пошуку дає відчуття контролю над ситуацією. Якщо пошуковий рядок привертає до себе увагу і його легко знайти, ваші відвідувачі повертатимуться на сайт знову і знову. За допомогою простих підказок та привабливих іконок ви спростите їх пошук, і вам ніколи не доведеться турбуватися про те, що вони загубляться на вашому сайті.