#PrzemoPatterns: Wyszukiwarka
1 min czytania

#PrzemoPatterns: Wyszukiwarka

#PrzemoPatterns: Wyszukiwarka

Wyszukiwarka na stronie internetowej lub w aplikacji powinna być rozwiązaniem intuicyjnym. Jej celem jest skrócenie czasu poszukiwań i ułatwienie znalezienia konkretnej rzeczy.

ℹ️ Co powinna zawierać?

Wskazówki dotyczące UX wyszukiwarki znajdziesz w tym wydaniu #PrzemoPatterns, lecimy!

  • Pole tekstowe: nie kombinuj i zadbaj o przejrzysty i prosty input, tak by user nie miał żadnych wątpliwości, że właśnie w tym miejscu może wpisać tekst do wyszukania
  • Label i placeholder: jasno określ cel tego inputu (w tym temacie możesz np. wstawić ikonę lupki), w placeholderze natomiast często sugeruje się przykład tego, co można wyszukać
  • Szybkie linki, autouzupełnianie i sugestie: gdy użytkownik zacznie pisać, zaoferuj mu dostępne linki i frazy na podstawie tego, czego szukał do tej pory
  • Dołącz ikonę ładowania po kliknięciu wyszukiwania, na wypadek problemu z połączeniem
  • Wyszukiwarka na każdej stronie: zawsze zapewniaj dostęp do pola wyszukiwania na każdej stronie, ponieważ jeśli Twoi użytkownicy nie mogą znaleźć treści, której szukają, będą próbowali użyć wyszukiwania niezależnie od tego, gdzie znajdują się w Twojej witrynie. Szczególnie ważne jest zapewnienie pola wyszukiwania na stronach 404.
  • Umieść pole wyszukiwania tam, gdzie użytkownicy się go spodziewają: nie jest dobrze, gdy userzy muszą szukać pola wyszukiwania, ponieważ niczym się ono nie wyróżnia i jest trudne do wykrycia. Poniższy wykres pochodzi z badania przeprowadzonego przez A. Dawn Shaikh i Keisi Lenz i pokazuje oczekiwaną pozycję wyszukiwania:
Źródło

Jeśli jeszcze nie ma Cię na liście 🤔

Wysyłamy jeden email tygodniowo, w każdy piątek, o godz. 12:00.
Wartościowa wiedza o UI/UX dla developera może wylądować do Twojej skrzynki.