Фасетний пошук (faceted search) у спливаючому вікні нові можливості мобільного дизайну

Фасетний пошук (faceted search) у спливаючому вікні нові можливості мобільного дизайну

Фасетний пошук (faceted search) дозволяє користувачам значно звузити діапазон результатів завдяки можливості вибрати відразу кілька фільтрів (фасетів, facets), за якими буде проводитися пошук. Ця опція має неоціненне значення для користувачів, яким потрібно знайти щось конкретне серед величезної кількості контенту, представленого на тому чи іншому веб-ресурсі.

Цей тип пошуку найчастіше використовується інтернет-магазинами, однак приклади його успішного впровадження також можна знайти на ресурсах для мандрівників і різних новинних порталах. Фасетний пошук має 2 незаперечних переваги:

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

Складнощі відображення результатів пошуку на мобільних пристроях

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

Фасетний пошук (faceted search) у спливаючому вікні нові можливості мобільного дизайну

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

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

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

Нове рішення: Фасетноє пошук у спливаючому вікні

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

Фасетний пошук (faceted search) у спливаючому вікні нові можливості мобільного дизайну

Новий дизайн в деталях

Дизайн додатків Amazon і eBay включає кілька елементів, що сприяють позитивному для користувача досвіду:

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

Ви також можете помітити, що для доступу до панелі фільтрів і Amazon, і eBay використовують слова - Filter (Фільтр) і Refine (Поліпшити, Деталізувати) - замість спеціальних символів, як в попередньому прикладі з мобільною версією сайту фотобанку istockphoto.

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

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

Високих вам конверсій!

УВАГА! Ви використовуєте застарілий браузер Internet Explorer

Даний сайт побудований на передових, сучасних технологіях і не підтримує Internet Explorer 6-ої і 7-ої версії.

Фасетний пошук (faceted search) у спливаючому вікні нові можливості мобільного дизайну

Фасетний пошук (faceted search) у спливаючому вікні нові можливості мобільного дизайну

Фасетний пошук (faceted search) у спливаючому вікні нові можливості мобільного дизайну

Фасетний пошук (faceted search) у спливаючому вікні нові можливості мобільного дизайну

Фасетний пошук (faceted search) у спливаючому вікні нові можливості мобільного дизайну