Căutare mai bună UX prin microcopie

Publicat: 2022-03-10
Rezumat rapid ↬ Pentru site-urile de comerț electronic la scară largă, experiența de căutare este un instrument din ce în ce mai critic. Puteți îmbunătăți considerabil experiența utilizatorilor cu o microcopie atentă și contextualizarea corectă.

Este greu de exagerat importanța căutării pe web. Căutarea este la fel de veche ca internetul însuși și, prin unele măsuri, chiar mai veche. O căutare bine concepută vă avantajează atât pe dvs., cât și pe utilizatori; crește conversiile, reduce ratele de respingere și îmbunătățește experiența utilizatorului.

Căutarea este importantă în special pe site-urile la scară largă și pe experiențele de comerț electronic, unde majoritatea veniturilor provin din sesiuni bazate pe căutare. Studiile arată că până la 50% dintre utilizatori merg direct la bara de căutare internă a unui site web și că 15% preferă pur și simplu să folosească funcția de căutare decât să navigheze în meniul ierarhic. Aceasta înseamnă că, pentru toată dragostea și grija care implică determinarea arhitecturii informaționale a unui site, la fel de mult trebuie să fie luate în proiectarea experienței de căutare.

Complicarea problemei este faptul că abilitățile de căutare ale utilizatorilor sunt slabe în cel mai bun caz și incompetenți în cel mai rău caz. Obținerea unor rezultate bune de la un motor de căutare necesită adesea mai multe încercări și reformulări, ceea ce utilizatorii fac rar. Și pe măsură ce tehnologia de căutare se îmbunătățește în timp, este din ce în ce mai probabil ca utilizatorii să accepte rezultatele unei căutări ca răspuns la întrebarea lor, chiar dacă interogarea lor a fost greșită. Utilizatorii care preferă căutările tind să se miște rapid, scanând pagina pentru acel dreptunghi cu aspect familiar și sărind rapid atunci când nu găsesc ceea ce caută.

Comunicarea cu acești utilizatori „în viteză” este o muncă dificilă, care necesită un instrument specializat: microcopie. Numele „microcopie” își dezmintă propria importanță. Poate fi mic, dar succesele mari depind adesea de el. Este un loc în care vocea poate străluci, unde se fac impresii bune și unde utilitatea și brandingul se intersectează. Având în vedere acest lucru, haideți să descoperim numeroasele moduri prin care microcopie și contextualizarea pot îmbunătăți considerabil experiența de căutare.

Mai multe după săritură! Continuați să citiți mai jos ↓

Plasarea și etichetarea căutării dvs

În conformitate cu Legea lui Jakob, primul tău instinct atunci când proiectezi o bară de căutare ar trebui să fie să pui o casetă dreptunghiulară în colțul din dreapta sus sau din stânga sus. Ar trebui să adăugați o etichetă sau un substituent adecvat pentru A11y și să includeți un buton de trimitere care spune „Căutare”.

Ascunderea barei de căutare în spatele unui link, renunțarea la textul substituent sau alegerea pentru pictograma lupă CTA în loc de text simplu sunt toate deciziile de design valide în contextul potrivit. Doar asigurați-vă că nu abstrageți funcția barei de căutare în mod inutil, deoarece căutarea are deja un cost de interacțiune mai mare decât navigarea.

Fiecare barieră, oricât de lipsită de importanță ai fi considerată ca designer, riscă să afecteze negativ UX-ul și rezultatul final. Dacă există riscul ca utilizatorii dvs. să confunde pictograma lupă cu un buton „zoom”, ar trebui să reduceți acest lucru.

Text substituent

Textul substituent este un loc minunat pentru a îmbunătăți experiența. Poate fi informativ, poate fi un loc de exprimare a mărcii și poate împinge utilizatorii care nu sunt în direcția corectă. De fiecare dată când văd o bară de căutare care spune doar „Căutare”, văd o oportunitate ratată.

Deci, care este o abordare mai bună? Acesta variază de la site la site. În primul rând, familiarizați-vă cu obiectivele dvs. de afaceri, cu marca dvs. și cu obiceiurile existente ale utilizatorilor dvs. Apoi, gândiți-vă cum puteți fi cel mai de ajutor.

Înghițiți utilizatorul

O abordare sugestivă poate reduce anxietatea utilizatorului. Indicați utilizatorii asupra faptului că pot căuta în mai multe moduri, mai ales dacă este posibil să nu fie familiarizați cu gama dvs. completă de produse sau servicii. ASOS sugerează să căutați inspirație pe lângă produse și mărci:

Bara de căutare de pe site-ul ASOS
(Sursa imagine: ASOS) (Previzualizare mare)

Fii informativ

Spuneți utilizatorului exact ce va primi atunci când va apăsa pe Trimitere. Pe Shutterstock, un site dedicat în întregime căutării unei arhive foto masive, acest text substituent funcționează inteligent ca slogan atunci când este asociat cu sigla:

Bara de căutare de pe site-ul Shutterstock
(Sursa imagine: Shutterstock) (Previzualizare mare)

Întăriți Brandul

Bara de căutare a Home Depot nu conduce utilizatorul, ci în schimb prezintă un ton util și personal, care sunt sigur că este în conformitate cu ghidurile vocale ale mărcii. Aceasta este probabil cea mai bună abordare având în vedere dimensiunea catalogului lor de produse:

Bara de căutare a Home Depot
(Sursa imagine: The Home Depot) (Previzualizare mare)

Utilizarea jurnalelor de căutare în avantajul dvs

Dacă nu sunteți sigur care este cel mai bun mod de a vă optimiza textul substituent, un loc bun pentru a începe este baza de date a jurnalului de căutare. A învăța cum să defalcați aceste rezultate poate fi incredibil de valoros atunci când formulați un design de conținut util. Veți putea vedea direct vocabularul pe care oamenii îl folosesc pentru a căuta site-ul dvs. și, mai important, diferențele dintre ceea ce oferiți și ceea ce caută utilizatorii dvs.

Căutări sugerate, înrudite și recente

În timpul procesului de căutare, copia dvs. ar trebui să ofere cât mai mult ajutor pe parcurs, fără a fi suprasolicitant. Aceasta include totul, de la un buton evident „Anulare” sau „Ștergere” până la înregistrarea căutărilor recente ale fiecărui utilizator pentru a apărea mai târziu. Atunci când alegeți microcopia potrivită pentru a însoți aceste caracteristici, adăugați un strop de sos brun.

Autosugestii

Utilizatorii care folosesc bara de căutare o fac pentru că caută ceva specific, ceea ce face din autosugestiile un instrument valoros (și din ce în ce mai așteptat). Specificitatea, în acest caz, poate fi la fel de concentrată ca „Mărimea pantofilor gri pentru femei 9M” sau la fel de deschisă ca „Magazine de sandwich-uri lângă mine”.

Autosugestiile reduc, de asemenea, riscul de a returna rezultate proaste, ușurează efortul mental asupra utilizatorului și oferă o oportunitate de a vă prezenta cele mai populare produse.

mestecat
(Sursa imagine: Chewy) (Previzualizare mare)

Adesea, acestea nu necesită deloc context suplimentar sau copie, dar pot fi listate sub bara de căutare pe măsură ce utilizatorul introduce, așa cum se arată în exemplul de mai sus.

Căutări asemanatoare

Afișarea căutărilor similare pe pagina de rezultate este o altă modalitate de a ajuta utilizatorii să-i ghideze fără a le sta în cale. Un model obișnuit este furnizarea de câteva cuvinte cheie pe care se poate face clic, legate de interogarea inițială, deasupra rezultatelor. O mică copie care afirmă „Au căutat alți utilizatori” este o modalitate bună de a încorpora dovezile sociale în experiența de căutare.

Căutări recente

Dacă tehnologia dvs. permite acest lucru, salvarea și refacerea căutărilor recente este o altă modalitate de a reduce în mod util încărcarea de memorie a utilizatorului. Asigurați-vă că adăugați context cu copie, dar poate fi la fel de simplu ca acesta:

Bara de căutare de pe site-ul Macy’s
(Sursa imagine: Macy's) (Previzualizare mare)

Manipularea rezultatelor

Există două exemplare pe care le-aș considera necesare atunci când afișez rezultatele căutării:

  1. Interogarea în sine.
    Dacă bara de căutare este foarte vizibilă, aceasta poate fi afișată aici. De asemenea, puteți crea un H1 care menționează „Rezultate pentru {{terms}}”.
  2. Numărul de rezultate.
    Dacă rezultatele sunt paginate, este posibil să includeți și numărul de pagini.
Bara de căutare de pe site-ul web REI Co-op
(Sursa imagine: REI Co-op) (Previzualizare mare)

Fara rezultate

Indiferent dacă nu din propria lor eroare, utilizatorii vor întâlni inevitabil o pagină „fără rezultate” la un moment dat. Din fericire, există modalități de a gestiona acest lucru cu grație; de fapt, cu abordarea corectă, acest punct mort poate fi de fapt o mare oportunitate pentru descoperirea conținutului.

În primul rând, nu vă așteptați ca utilizatorii să-și rafineze căutarea dacă nu obțin rezultate - cel puțin nu fără o interfață de utilizare care să o încurajeze. Utilizatorii sunt reticenți în a-și reformula interogarea și au probleme atunci când încearcă. Este mai probabil să se implice cu orice informație care le este prezentată și să o ia de acolo sau să abandoneze sarcina complet. (Când a fost ultima dată când ați dat clic pe a doua pagină cu rezultatele căutării Google?)

Acestea fiind spuse, este ușor de văzut cum puțină scriere și contextualizare pot îmbunătăți experiența. Nielsen Norman Group are un ghid cuprinzător despre cum să gestionați SERP-urile fără rezultate, esențialul fiind:

  • Faceți evident că nu există rezultate.
    Este ușor să devii drăguț și să îngropi accidental ledul. Este, de asemenea, tentant să ascundeți intenționat mesajul „fără rezultate” pentru a înfunda complet eroarea. Oricum, nu păcăli utilizatorul.
  • Oferă căi înainte.
    Sugerați modalități de a rafina interogarea de căutare (cum ar fi verificarea ortografiei) și, de asemenea, furnizați linkuri către conținut sau produse populare care au cea mai mare probabilitate de a intra în legătură cu utilizatorul.
  • Apăsați tonul potrivit.
    Folosiți-vă vocea mărcii, dar nu riscați să exacerbați situația cu umor care ar putea fi prost primit de un utilizator frustrat.

De asemenea, rețineți că SERP-urile goale pot apărea deoarece un utilizator a trimis din greșeală fără a introduce nicio interogare. Ar trebui să aveți un plan de conținut și pentru acest scenariu, mai degrabă decât să returnați toate elementele din baza de date, de exemplu.

Încheierea

Scrierea unei bune experiențe de căutare se reduce la atenție. În calitate de designeri, probabil că am folosit și creat sute de experiențe de căutare web diferite, așa că parcurgem procesul. Dar când luăm în considerare fiecare pas mic al procesului (fiecare microinteracțiune și fiecare caz marginal), modificările minore pe care le facem pot avea un impact major asupra experienței. Data viitoare când veți găsi o soluție vizuală pentru o problemă de căutare, luați în considerare utilizarea cuvintelor dvs.

Citiți suplimentare despre SmashingMag:

  • Cum să rulezi un atelier de planificare a conținutului
  • Cum poate beneficia copywriting-ul de pe urma cercetării utilizatorilor
  • Proiectarea cuvintelor: de ce copierea este o problemă de design
  • Cum să faceți față cu conținutul redundant, învechit și trivial ROT