Lepsze wyszukiwanie UX dzięki mikrokopii

Opublikowany: 2022-03-10
Szybkie podsumowanie ↬ W przypadku witryn o dużej skali i witryn e-commerce wyszukiwarka jest narzędziem o coraz większym znaczeniu. Możesz znacznie poprawić wrażenia użytkowników dzięki przemyślanej mikrokopii i odpowiedniej kontekstualizacji.

Trudno przecenić znaczenie wyszukiwania w sieci. Wyszukiwanie jest tak stare jak sam Internet, a pod pewnymi względami nawet starsze. Dobrze zaprojektowana wyszukiwarka przynosi korzyści zarówno Tobie, jak i Twoim użytkownikom; zwiększa konwersje, zmniejsza współczynniki odrzuceń i poprawia wrażenia użytkownika.

Wyszukiwanie jest szczególnie ważne w dużych witrynach i środowiskach handlu elektronicznego, gdzie większość przychodów pochodzi z sesji opartych na wyszukiwaniu. Badania pokazują, że nawet 50% użytkowników przechodzi bezpośrednio do wewnętrznego paska wyszukiwania witryny, a 15% wprost woli korzystać z funkcji wyszukiwania niż przeglądać menu hierarchiczne. Oznacza to, że przy całej miłości i trosce, jaką poświęca się określaniu architektury informacji w witrynie, tak samo dużo trzeba poświęcić zaprojektowaniu sposobu wyszukiwania.

Problem komplikuje fakt, że umiejętności wyszukiwania użytkowników są w najlepszym razie słabe, aw najgorszym niekompetentne. Uzyskanie dobrych wyników z wyszukiwarki często wymaga wielu prób i przeformułowań, co użytkownicy rzadko robią. W miarę upływu czasu udoskonalanie technologii wyszukiwania sprawia, że ​​użytkownicy coraz częściej akceptują wyniki wyszukiwania jako odpowiedź na swoje pytanie, nawet jeśli ich zapytanie było błędne. Użytkownicy, którzy preferują wyszukiwanie, zwykle poruszają się szybko, skanując stronę w poszukiwaniu znajomo wyglądającego prostokąta i szybko podskakując, gdy nie znajdują tego, czego szukają.

Komunikowanie się z tymi użytkownikami „na szybko” to trudne zadanie, które wymaga specjalistycznego narzędzia: mikrokopii. Nazwa „mikrokopia” przeczy swojemu znaczeniu. Może i jest mały, ale często od tego zależą wielkie sukcesy. To miejsce, w którym głos może przebić się, gdzie powstają dobre wrażenia, gdzie przecinają się użyteczność i branding. Mając to na uwadze, przyjrzyjmy się wielu sposobom, w jakie mikrokopia i kontekstualizacja mogą znacznie poprawić jakość wyszukiwania.

Więcej po skoku! Kontynuuj czytanie poniżej ↓

Umieszczanie i oznaczanie wyszukiwania

Zgodnie z prawem Jakoba, twoim pierwszym odruchem przy projektowaniu paska wyszukiwania powinno być umieszczenie prostokątnego pola w prawym górnym lub lewym górnym rogu. Należy dodać etykietę lub tekst zastępczy zgodny z A11y i dołączyć przycisk przesyłania z napisem „Wyszukaj”.

Ukrywanie paska wyszukiwania za linkiem, rezygnacja z tekstu zastępczego lub wybór CTA z ikoną szkła powiększającego zamiast zwykłego tekstu to prawidłowe decyzje projektowe we właściwym kontekście. Tylko upewnij się, że nie abstrahujesz niepotrzebnie funkcji paska wyszukiwania, ponieważ wyszukiwanie ma już wyższy koszt interakcji niż przeglądanie.

Każda bariera, nawet nieistotna dla projektanta, może negatywnie wpłynąć na UX i wyniki finansowe. Jeśli istnieje ryzyko, że Twoi użytkownicy mogą pomylić ikonę lupy z przyciskiem „powiększenia”, należy to złagodzić.

Tekst zastępczy

Tekst zastępczy to świetne miejsce, aby poprawić wrażenia. Może mieć charakter informacyjny, może być miejscem ekspresji marki i może popchnąć wahających się użytkowników we właściwym kierunku. Za każdym razem, gdy widzę pasek wyszukiwania z napisem „Wyszukaj”, widzę straconą okazję.

Więc jakie jest lepsze podejście? Różni się w zależności od witryny. Najpierw zapoznaj się ze swoimi celami biznesowymi, marką i dotychczasowymi nawykami użytkowników. Następnie zastanów się, jak możesz być najbardziej pomocny.

Posuń użytkownika

Sugestywne podejście może zmniejszyć niepokój użytkownika. Wskaż swoim użytkownikom, że mogą wyszukiwać na wiele sposobów, zwłaszcza jeśli nie są zaznajomieni z pełną ofertą Twoich produktów lub usług. ASOS sugeruje poszukiwanie inspiracji oprócz produktów i marek:

Pasek wyszukiwania na stronie ASOS
(źródło obrazu: ASOS) (duży podgląd)

Bądź pouczający

Powiedz użytkownikowi dokładnie, co otrzyma, gdy kliknie Prześlij. Na Shutterstock, witrynie w całości poświęconej przeszukiwaniu ogromnego archiwum zdjęć, ten tekst zastępczy sprytnie podwaja się jako slogan w połączeniu z logo:

Pasek wyszukiwania na stronie Shutterstock
(Źródło obrazu: Shutterstock) (duży podgląd)

Wzmocnij markę

Pasek wyszukiwania Home Depot nie prowadzi użytkownika, ale zamiast tego prezentuje pomocny, osobisty ton, który jestem pewien, że jest zgodny z wytycznymi głosowymi ich marki. To chyba najlepsze podejście, biorąc pod uwagę rozmiar ich katalogu produktów:

Pasek wyszukiwania Home Depot
(Źródło obrazu: Home Depot) (duży podgląd)

Korzystanie z dzienników wyszukiwania na swoją korzyść

Jeśli nie masz pewności, jaki jest najlepszy sposób na optymalizację tekstu zastępczego, dobrym miejscem do rozpoczęcia jest baza danych dziennika wyszukiwania. Nauczenie się, jak podzielić te wyniki, może być niezwykle cenne podczas opracowywania przydatnego projektu treści. Będziesz mógł zobaczyć z pierwszej ręki słownictwo, którego ludzie używają do wyszukiwania w Twojej witrynie, a co ważniejsze, luki między tym, co oferujesz, a tym, czego szukają Twoi użytkownicy.

Sugerowane, pokrewne i ostatnie wyszukiwania

Podczas procesu wyszukiwania twoja kopia powinna oferować jak najwięcej pomocy, jak to tylko możliwe, bez narzucania się. Obejmuje to wszystko, od oczywistego przycisku „Anuluj” lub „Wyczyść” po rejestrowanie ostatnich wyszukiwań każdego użytkownika w celu późniejszego wyświetlenia. Wybierając odpowiednią mikrokopię, która będzie towarzyszyć tym cechom, dodaj odrobinę brązowego sosu.

Autosugestie

Użytkownicy korzystający z paska wyszukiwania robią to, ponieważ szukają czegoś konkretnego, co sprawia, że ​​autosugestie są cennym (i coraz bardziej oczekiwanym) narzędziem. Specyfika w tym przypadku może być tak skoncentrowana, jak „Szary damski rozmiar buta 9M” lub tak otwarta, jak „Sklepy z kanapkami w pobliżu”.

Autosugestie zmniejszają również ryzyko uzyskania złych wyników, łagodzą wysiłek umysłowy użytkownika i stanowią okazję do zaprezentowania swoich najpopularniejszych produktów.

Chewy
(Źródło obrazu: Chewy) (duży podgląd)

Często nie wymagają one w ogóle dodatkowego kontekstu ani kopii, ale można je po prostu wyświetlić pod paskiem wyszukiwania podczas wpisywania przez użytkownika, jak pokazano w powyższym przykładzie.

Powiązane Wyszukiwania

Pokazywanie powiązanych wyszukiwań na stronie wyników to kolejny sposób na prowadzenie użytkowników bez wchodzenia w drogę. Częstym wzorcem jest umieszczanie nad wynikami kilku klikalnych słów kluczowych powiązanych z pierwotnym zapytaniem. Mały tekst z napisem „Inni wyszukiwani użytkownicy” to dobry sposób na włączenie dowodu społecznościowego do wyszukiwania.

Ostatnie wyszukiwania

Jeśli pozwala na to Twoja technologia, zapisywanie i ponowne wyświetlanie ostatnich wyszukiwań to kolejny sposób na zmniejszenie obciążenia pamięci użytkownika. Upewnij się, że dodajesz kontekst za pomocą kopii, ale może to być tak proste, jak to:

Pasek wyszukiwania na stronie Macy
(Źródło obrazu: Macy's) (duży podgląd)

Obsługa wyników

Istnieją dwa fragmenty tekstu, które uważam za wymagane podczas wyświetlania wyników wyszukiwania:

  1. Samo zapytanie.
    Jeśli pasek wyszukiwania jest dobrze widoczny, można go tutaj wyświetlić. Możesz również utworzyć H1 z informacją „Wyniki dla {{terms}}”.
  2. Liczba wyników.
    Jeśli wyniki są podzielone na strony, możesz również podać liczbę stron.
Pasek wyszukiwania na stronie REI Co-op
(Źródło obrazu: REI Co-op) (duży podgląd)

Brak wyników

Niezależnie od tego, czy nie z powodu własnego błędu, użytkownicy nieuchronnie natkną się w pewnym momencie na stronę „brak wyników”. Na szczęście istnieją sposoby, aby poradzić sobie z tym z wdziękiem; w rzeczywistości, przy odpowiednim podejściu, ten ślepy zaułek może być świetną okazją do odkrywania treści.

Przede wszystkim nie oczekuj, że Twoi użytkownicy zawężą wyszukiwanie, jeśli nie otrzymają żadnych wyników — przynajmniej bez interfejsu użytkownika, który do tego zachęca. Użytkownicy niechętnie formułują swoje zapytanie i mają problemy, gdy próbują. Bardziej prawdopodobne jest, że zaangażują się w dowolne informacje, które zostaną im przedstawione, i zabiorą je stamtąd lub całkowicie zrezygnują z zadania. (Kiedy ostatnio kliknąłeś do drugiej strony wyników wyszukiwania Google?)

To powiedziawszy, łatwo zauważyć, jak odrobina copywritingu i kontekstualizacji może poprawić wrażenia. Nielsen Norman Group ma obszerny przewodnik na temat postępowania z SERP No Results, którego istotą jest:

  • Spraw, aby było oczywiste, że nie ma wyników.
    Łatwo się ubrać i przypadkowo zakopać lede. Kuszące jest również celowe ukrycie komunikatu „brak wyników”, aby całkowicie zaciemnić błąd. Tak czy inaczej, nie oszukuj użytkownika.
  • Oferuj ścieżki naprzód.
    Zaproponuj sposoby doprecyzowania zapytania (np. sprawdzanie pisowni), a także podaj linki do popularnych treści lub produktów, które mają największe prawdopodobieństwo nawiązania kontaktu z użytkownikiem.
  • Uderz we właściwy ton.
    Używaj głosu swojej marki, ale nie ryzykuj zaostrzenia sytuacji humorem, który może być źle odebrany przez sfrustrowanego użytkownika.

Należy również pamiętać, że puste SERP mogą powstać, ponieważ użytkownik omyłkowo przesłał bez wpisania żadnego zapytania. Powinieneś mieć plan zawartości dla tego scenariusza, a nie na przykład zwracać wszystkie elementy w bazie danych.

Zawijanie

Napisanie dobrego doświadczenia wyszukiwania sprowadza się do przemyślenia. Jako projektanci prawdopodobnie wykorzystaliśmy i stworzyliśmy setki różnych doświadczeń związanych z wyszukiwaniem w sieci, więc błyskawicznie przechodzimy przez ten proces. Ale kiedy weźmiemy pod uwagę każdy mały krok procesu (każdą mikrointerakcję i każdy przypadek brzegowy), drobne zmiany, które wprowadzamy, mogą mieć duży wpływ na wrażenia. Następnym razem, gdy odkryjesz, że sięgniesz po wizualne rozwiązanie problemu z wyszukiwaniem, rozważ zamiast tego użycie swoich słów.

Dalsze czytanie na SmashingMag:

  • Jak prowadzić warsztaty dotyczące planowania treści
  • Jak copywriting może skorzystać z badań użytkowników
  • Projektowanie słów: dlaczego kopiowanie jest problemem projektowym
  • Jak radzić sobie z nadmiarowymi, nieaktualnymi i trywialnymi treściami ROT