Wyszukiwarka w sklepie – jak powinna działać, dobre praktyki

Wewnętrzna wyszukiwarka na stronie internetowej to rozwiązanie intuicyjne dla klienta. Skraca czas poszukiwań, bo ułatwia znalezienie konkretnej, poszukiwanej rzeczy. Kiedy trzeba ją wdrożyć i jak zrobić to najlepiej z uwzględnieniem zasad UX? Jak powinna wyglądać?Wyszukiwarka na stronie Internetowej – kiedy jest konieczna?

Wyszukiwarka to element, który nie jest obowiązkowy, ale w określonych przypadkach jej wdrożenie wydaje się mieć dużo sensu. Zastanów się nad dodaniem jej do strony, jeśli:

• wyszukiwanie produktów jest prostsze i szybsze od przeglądania zakładek (np. ze względu na ich liczbę),
• w domenie znajduje się dużo podstron,
• posiadasz sklep online z katalogiem produktów,
• nawigacja posiada drugi poziom menu,
• strona ma jakąkolwiek bazę danych,
• w planach jest pojawienie się nowych podstron (np. bloga).

Jak wyszukiwarka powinna wyglądać i działać?

Dodanie do strony wyszukiwarki, która zapewni użytkownikom pozytywne doświadczenia na pewno przełoży się na funkcjonalność strony. O czym pamiętać?

Umiejscowienie wyszukiwarki na stronie

Wyszukiwarka powinna znajdować się w prawym górnym rogu. To tam użytkownicy intuicyjnie jej szukają. Wyszukiwarka powinna znajdować się na każdej podstronie, zawsze w tym samym miejscu. 

Nie ukrywaj wyszukiwarki. Powinna znajdować się na wierzchu, nie w rozwijanym menu lub pod niejasnym symbolem.

Łatwa identyfikacja wizualna

Wyszukiwarka powinna wyglądać tak, jak wyglądają inne pola do wpisywania tekstu znajdujące się na stronie. Na mobile, aby oszczędzić miejsce, można umieścić ikonę lupy, która rozwinie pole do wyszukiwania po kliknięciu w nią. Wszystkie inne ikony są odradzane

Rozmiar pola tekstowego ma znaczenie

Pole do wpisywania tekstu powinno być odpowiednio duże – na tyle, aby zmieściło całą wyszukiwaną frazę. Na mobile pole powinno zajmować całą szerokość ekranu.

Placeholder

Jako placeholder’a należy używać słowa “Szukaj”. Słowo to powinno znikać, gdy użytkownik zaczyna pisać. Warto zasugerować użytkownikowi, co może wyszukać poprzez placeholder. Np. “Znajdź zdarzenie”, “Szukaj osoby”.

Podpowiedzi w wyszukiwarce

Wyświetlanie sugestii na podstawie wpisywanych fraz może pomóc użytkownikom szybko znaleźć poszukiwane informacje, nawet jeśli nie są pewni dokładnego sformułowania. W podpowiedziach wyszukiwania nie pokazuj zbyt wielu produktów. Optymalna liczba to nie więcej niż 10.

Wyszukiwana fraza powinna być podkreślona w podpowiedziach.

Warto rozważyć dodanie obrazków do podpowiedzi wyszukiwania. To ułatwi poszukiwania.

Tolerancja błędów użytkownika

Wyszukiwanie z tolerancją na błędy (fuzzy search) to funkcja pozwalająca na wyświetlanie wyników wyszukiwania, nawet jeśli użytkownik wprowadził literówkę lub błąd w pisowni. System wyszukiwania powinien być na tyle zaawansowany, że zauważy, kiedy użytkownik popełni jakiś błąd np. literówkę. Upewnij się, czy system na Twojej stronie posiada funkcję rozpoznania błędu i pomijania go. Sprawdź również, czy wyszukiwarka działa poprawnie przy krótkich, jedno i dwuznakowych zapytaniach.

Nawigacja przy pomocy klawiatury

1. Wyszukiwanie powinno odbywać się poprzez wciśnięcie przycisku Enter. Upewnij się, że to możliwe.
2. Sprawdź , czy przycisk Escape zamyka podpowiedzi wyszukiwania.
3. Nawigacja wśród autopodpowiedzi powinna być możliwa za pomocą strzałek na klawiaturze

Informacja o postępie wyszukiwania

Jeśli wyszukiwanie trwa dłużej, pokaż wskaźnik postępu:

Wyszukiwanie plików

Kiedy przy pomocy wewnętrznej wyszukiwarki możliwe jest również przeszukiwanie plików umieszczonych na serwerze, upewnij się, że wyszukiwarka uwzględnia ich zawartości i tytuły.

Wyszukiwanie zaawansowane

Nie zawsze podstawowe wyszukiwanie wystarcza. Czasami użytkownik chce bardziej sprecyzować swoje zapytanie i wtedy używa wyszukiwania zaawansowanego. Zadbanie o to, aby i ten proces przebiegł szybko i sprawnie, leży po naszej stronie. 

Wyszukiwanie zaawansowane warto schować. Wystarczy możliwość rozwinięcia go, kiedy będzie potrzebne.

Atrybuty

Zapewnij możliwość przeszukiwania wszystkich atrybutów. Jeden atrybut zwykle odpowiada jednemu polu do wpisywania danych, możesz jednak rozważyć połączenie niektórych atrybutów np. poprzez możliwość wpisania w jednym polu i nazwy produktu, i jego symbolu.

Zakresy

Pomyśl też nad wyszukiwaniem w określonych zakresach np. cenowych lub rozmiarowych.

Strona z wynikami

Tworząc wyszukiwarkę, nie można zapomnieć o stronie z wynikami. To właśnie w takiej postaci użytkownik uzyskuje odpowiedź na swoje zapytanie, więc strona ta  powinna działać poprawnie i być maksymalnie intuicyjna. Sprawdź, czy wyniki są odpowiednie, czy wyświetlają się poprawnie i co można zoptymalizować.

Sortowanie i prezentowanie wyników

Sortuj wyniki w taki sposób, aby jako pierwsze wyświetlały się te najbardziej pasujące do zapytania. Ułóż wyniki intuicyjnie. Teksty powinny znajdować się w listach, a obrazki na siatce. Wyraźnie oddziel od siebie różne typy wyników np. produkty od wpisów blogowych. Możesz też rozważyć dodanie opcji, dzięki której to użytkownik zdecyduje, w jaki sposób chce przeglądać wyniki. Rozważ również dodanie sortowania na stronie z wynikami.

Pokaż liczbę wyszukanych rzeczy. 

Podkreślwyszukiwane frazy w wynikach.

Sugestie fraz

Kiedy fraza jest niepoprawna lub nie ma pasującej do nich wyników, nie podawaj komunikatu “brak wyników wyszukiwania”. Zasugeruj użytkownikowi, jaką frazę może wyszukać.

Nie usuwaj frazy z pola wyszukiwania, gdy zostanie już wyszukana. Zostaw ją tam, aby użytkownik mógł szybko ją edytować.

Zapamiętaj ostatnie wyszukiwania użytkownika. Niech się wyświetlą po kliknięciu w pole wyszukiwarki.

Wyszukiwarka na stronie jest jak rozmowa

Pamiętaj, że wyszukiwarka jest rodzajem rozmowy z użytkownikiem. To tam odwiedzający stronę zadaje konkretne pytania i oczekuje równie konkretnych odpowiedzi. Im lepiej przebiegnie ta rozmowa, tym większa szansa, że przekonasz użytkownika do zakupu. Dobrze zaprojektowana wyszukiwarka jest podstawą pozytywnego doświadczenia ze stroną.