Jak wyszukiwarka powinna wyglądać i działać? | UX bez żargonu #9

Wyszukiwarka na stronie internetowej to rozwiązanie intuicyjne. Skraca czas poszukiwań, ułatwia znalezienie konkretnej rzeczy. Kiedy trzeba ją wdrożyć i jak zrobić to najlepiej? Jak powinna wyglądać? Wskazówki dotyczące UX wyszukiwarki znajdziesz w tym artykule.

Wyszukiwarka na stronie – kiedy konieczna?

Wyszukiwarka to element, który nie jest obowiązkowy, ale w określonych przypadkach jej wdrożenie wydaje się koniecznością. Są to sytuacje, gdy:

  • wyszukiwanie jest prostsze i szybsze od przeglądania zakładek (np. ze względu na ich liczbę),
  • na stronie 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. blog).

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

  1. Wyszukiwarka powinna znajdować się w prawym górnym rogu. To tam użytkownicy intuicyjnie jej szukają.
  2. 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


     
  3. Wyszukiwarka powinna znajdować się na każdej podstronie i, co niezwykle istotne, zawsze w tym samym miejscu.
  4. 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.
  5. Jako placeholder należy używać słowa “Szukaj”. Słowo to powinno znikać, gdy użytkownik zaczyna pisać.


     
  6. Warto zasugerować użytkownikowi, co może wyszukać poprzez placeholder. Np. “Znajdź zdarzenie”, “Szukaj osoby”.
  7. Nie ukrywaj wyszukiwarki. Powinna znajdować się na wierzchu, nie w rozwijanym menu lub pod niejasnym symbolem.
  8. W podpowiedziach wyszukiwania nie pokazuj zbyt wielu produktów. Sugeruję nie więcej niż 10.
  9. Wyszukiwana fraza powinna być podkreślona w podpowiedziach.
  10. Warto rozważyć dodanie obrazków do podpowiedzi wyszukiwania. To ułatwi poszukiwania.


     
  11. 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.
  12. Sprawdź, czy wyszukiwarka działa poprawnie przy krótkich, jedno i dwuznakowych zapytaniach.
  13. Wyszukiwanie powinno odbywać się również poprzez wciśnięcie przycisku Enter. Upewnij się, że to możliwe.
  14. Sprawdź także, czy przycisk Escape zamyka podpowiedzi wyszukiwania.
  15. Nawigacja wśród autopodpowiedzi powinna być możliwa za pomocą strzałek na klawiaturze.
  16. Jeśli wyszukiwanie trwa dłużej, pokaż wskaźnik postępu.


     
  17. Kiedy możliwe jest przeszukiwanie plików, 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.

  • Zapewnij możliwość przeszukiwania wszystkich atrybutów. Jeden atrybut powinien odpowiadać jednemu polu do wpisywania danych.


     
  • Wyszukiwanie zaawansowane warto schować. Wystarczy możliwość rozwinięcia go, kiedy będzie potrzebne.
  • Rozważ połączenie niektórych atrybutów np. poprzez możliwość wpisania w jednym polu i nazwy produktu, i jego symbolu.
  • Pomyśl 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 takiej postaci użytkownik uzyskuje odpowiedź na swoje zapytanie, więc strona powinna działać poprawnie i być maksymalnie intuicyjna.

 

  1. Przeprowadź testy. Sprawdź, czy wyniki są odpowiednie, czy wyświetlają się poprawnie i co można zoptymalizować.
  2. Sortuj wyniki w taki sposób, aby jako pierwsze wyświetlały się te najbardziej pasujące do zapytania. Rozważ również dodanie sortowania na stronie z wynikami.
  3. Pokaż liczbę wyszukanych rzeczy.


     
  4. Podkreśl wyszukiwane frazy w wynikach.
  5. 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ć.
  6. Ułóż wyniki intuicyjnie. Teksty powinny znajdować się w listach, a obrazki na siatce. Możesz też rozważyć dodanie opcji, dzięki której to użytkownik zdecyduje, w jaki sposób chce przeglądać wyniki.
  7. Nie usuwaj frazy z pola wyszukiwania, gdy zostanie już wyszukana. Zostaw ją tam, aby użytkownik mógł szybko ją edytować.
  8. Wyraźnie oddziel od siebie różne typy wyników np. produkty od wpisów blogowych.
  9. Zapamiętaj ostatnie wyszukiwania użytkownika. Niech się wyświetlą po kliknięciu w pole wyszukiwarki.

Wyszukiwarka 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ą.

Jeśli spodobał Ci się ten artykuł i w przyszłości chcesz przeczytać więcej podobnych materiałów, udostępnij go swoim znajomym. Będę bardzo wdzięczna i chętniej przygotuję kolejne wskazówki ze świata UX! :)
Nie zapomnij również sprawdzić UX bez żargonu w formie video. Serię znajdziesz tutaj.