Як розробити ефективний сайт для бізнесу в Україні, замовити сайт у фахівців агентства брендингу та digital маркетингу HOLA в Вінниці, Києві, Одесі, Дніпрі, Львові

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

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

Що таке внутрішній пошук

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

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

Коли використовувати внутрішній пошук

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

Чому так важливо провести обшук всередині? Раніше рекомендації з використання внутрішнього пошуку починалися зі 100-200 сторінок на сайті, але ця година ми виявляємо, що вони трохи застаріли. Сучасні користувачі розпещені різноманітністю вибору і опцій, пропонованих постійно зростаючим числом ресурсів в Інтернеті і в магазинах додатків. Якщо відвідувач вже зайшов на ваш сайт, ваше завдання - якомога швидше дати йому те, що він хоче. І в більшості випадків користувачі (особливо з зовнішніх пошукових систем) приходять до ресурсу з певною метою або запитом, не бажаючи витрачати багато часу на його пошук. Пошук дозволяє їм зробити свою подорож цілеспрямованим і ефективним.

HOLA Blog робить елемент управління пошуком одним з основних зас х елементів CTA на сторінці: розміщений в заголовку веб-сайту, має форму клікабельно кнопки, використовує добре відомий значок пошуку і текстове пояснення в місці, так що це було супер швидко, щоб користувачі могли його знайти .

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

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

Врахуйте це і прагнете до хорошого балансу навігації і пошуку.

Основні характеристики ефективного пошуку на сайті

Щоб сделать пошукові взаємодії зрозумілімі и інтуїтівно зрозумілімі, існують Різні нюанси, но три ніжченаведені Функції є ключовими моментами, Які слід враховуваті при внутрішньому поиска:

• це повинно бути відразу видно;
• це повинно бать зрозуміло, як функція пошуку;
• він повинен показувати релевантний контент.

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

Практики UX-дизайну для пошуку

Помістіть поле пошуку в найбільш видиму інтерактивну зону

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

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

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

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

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

Концепція пошукових взаємодій для мобільного додатка

У програмі «Галерея» є значок пошуку на панелі вкладок, що дозволяє користувачеві швидко знайти його.

Використовуйте чітко впізнаваний значок і будьте обережні з експериментами

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

Веб-сайт HOLA Digital Agency має значок пошуку в заголовку і робить його дуже помітним через кольорового контрасту.

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

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

Надавати текстове підказки і автозаповнення

Текстові підказки - хороший спосіб дати користувачам підказку про інтерактивність і функціональності того чи юного елемента інтерфейсу. Класичний приклад, який всім відомий - це пошук Google, який пропонує вам варіанти, як тільки ви вводите свій запит. Таким чином, ви скорочуєте час заповнення поля пошуку та дозволяєте користувачеві швидше почати реальну взаємодію з контентом. Звичайно, налаштувати автозаповнення під. Найпопулярніші і актуальні запити цілком логічно.

Пошук тут, в блозі, відкриває нову минималистичную сторінку, розмиваючи домашню сторінку блога в якості фону. Користувач отримує велике поле пошуку з текстовою підказкою «Тип для пошуку» і пульсуючим курсором, що показує, що форма є інтерактивною. Також є інтерактивні теги з популярними запитами.

Пропонуйте варіанти негайно

Потік взаємодії також можна підтримувати за допомогою меню, що розкривається, що пропонує можливі варіанти, поки користувач вводить запит. Йдучи далі від автоматичного заповнення, це можуть бать повнофункціональні фрагменти попереднього перегляду відповідних товарів магазину, новин, статей в блогах і т. Д. Створення сайтів в Україні, веб студія Харків, Рівне, Чернівці, Ужгород, Луцьк, Тернопіль, Хмельницький, Житомир, Чернігів, Черкаси, Кривий Рiг, Запоріжжя, Суми, Кропивницький, Полтава, Херсон, Миколаїв.

Використовуйте фільтри для настройки пошуку

У разі дуже високої інтенсивності змісту на веб-сайті (уявіть Amazone з тисяча мітоваров) навіть досить добре склад ленного пошукового запиту може бать недостатньо, оскільки він призведе до появи занадто великої кількості варіантів в результатах пошуку. В цьому випадку фільтри когут підтримувати потік взаємодії і дозволяти користувачам краще налаштовувати свій пошук: наприклад, на платформі електронної комерції фільтри когут звузити результати пошуку відповідно до ціновим діапазоном, конкретними брендами, конкретними характеристиками продукту, і так далі.

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

Ще один варіант - встроміть додаткову настройку прямо в поле пошуку. Наприклад, поле пошуку на Amazon використовує вбудоване спливаюче меню основних категорій товарів, тому ви можете почати пошук внутр. Певного розділу прямо з пошуку.

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

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