Designul perfect al casetei de căutare pentru comerțul dvs. electronic

Ați răsfoit vreodată un magazin online sau o piață cu intenția de a căuta un produs și nu ați reușit să găsiți caseta de căutare? Suntem siguri că ai făcut-o.

Este de la sine înțeles că, cu cât acordați mai multă importanță Căutării pe site pe pagina dvs. de pornire , cu atât este mai probabil să utilizați Căutarea pe site. Aceasta înseamnă că, în loc să treacă prin diferite categorii de pe site-ul dvs. de comerț electronic, vizitatorii dvs. vor folosi Site Search direct pentru a găsi produsul pe care îl doresc mai rapid, fără a fi nevoiți să piardă timpul privind lucrurile de care nu au nevoie.

Așadar, în sectoarele în care căutarea este cea mai comună modalitate de a găsi produse, poate fi o idee bună să „promovați” câmpul de căutare cu un design atrăgător și să îl plasați într-o locație strategică, în special pe pagina de start.

Navigare pe categorii

Acesta este de obicei cazul site-urilor web de comparare a prețurilor mai direcționate, atâta timp cât utilizatorul știe exact numele mărcii și modelul produsului pe care doresc să-l cumpere (cu alte cuvinte, știu exact ce își dorește, chiar înainte de a vă vizita. site-ul de comerț electronic).

Pe de altă parte, în sectoarele în care utilizatorii preferă să navigheze după categorie (pentru că nu știu exact produsul pe care îl doresc, numele sau cum este scris) sau cu o ierarhie plată a site-ului web, un design al câmpului de căutare mai puțin vizibil poate să fie folosit pentru a încuraja navigarea pe categorii, mai degrabă decât prin căutare.

De exemplu: sectoarele de modă și decor , în special, favorizează puternic navigarea pe categorii, atât în ​​ceea ce privește preferința inițială a utilizatorilor, cât și rata de succes ulterioară a acestora (rata de conversie post-căutare).

Când vine vorba de proiectare și implementare, există o gamă largă de moduri de a face câmpul de căutare să iasă în evidență în cadrul designului general. Deci, formatul exact care va fi utilizat va varia de la un site la altul, în funcție de contextul în care apare câmpul de căutare (cu alte cuvinte, designul general al site-ului).

Elemente de design ale câmpului de căutare

Există mai multe elemente de design ale câmpului de căutare care pot fi folosite pentru a-l scoate în evidență, în funcție de gradul în care doriți să încurajați utilizatorii să folosească funcția de căutare. Cele trei elemente principale ale designului casetei de căutare care tind să aibă cel mai mare impact sunt:

Poziţie

Aruncă o privire la Amazon în imaginea de mai jos. După cum puteți vedea, este în interesul lui Amazon să căutați pe piața sa, deoarece vinde mai mult și vă poate ghida mai bine atunci când utilizați Căutarea pe site, mai degrabă decât să răsfoiți pe categorii.

Datorită milioanelor de produse pe care le are și, ținând cont de faptul că, în mod normal, utilizatorii știu deja ce tip de produs își doresc odată ce vizitează site-ul său, aceștia plasează Site Search într-o locație preferențială, chiar în centru și ocupând practic întregul lățimea ecranului.

În plus, dacă doriți să acordați importanță Căutării pe site și să încurajați utilizatorii să o folosească, aceasta trebuie să funcționeze corect. Cu alte cuvinte:

• Afișați instantaneu rezultatele: nu puteți avea o căutare pe site care durează prea mult pentru a încărca produsele odată ce acestea au fost căutate.
• Enumerați rezultatele în orice ordine doriți : rețineți că, cu cât mai sus și la stânga, cu atât rezultatele vor fi mai relevante pentru vizitatorii dvs.
• Calitate decentă a imaginii : fără imagini pixelate, vă rog!
• Afișați specificațiile produsului dvs.: mărimi, reduceri sau promoții, culori disponibile... Toate în propria căutare.
• Oferiți utilizatorilor opțiunea de a adăuga în coș în cadrul Site Search în sine: astfel încât să poată cumpăra mai multe produse fără a fi nevoiți să meargă înainte și înapoi între Site Search și coș.

Stilurile dvs. de căutare pe site

Este de cea mai mare importanță ca, odată ce ați dat clic pe caseta de căutare, imaginea site-ului dvs. să fie respectată. Pentru aceasta, trebuie luate în considerare un număr destul de mare de elemente.

• Culori : ar trebui să utilizați aceleași culori corporative ca pe site-ul dvs. web. Încercați să adăugați sigla undeva în Site Search.
• Fonturi : fontul este un alt element important; utilizați aceleași fonturi pe care le utilizați pe site-ul dvs. web, pentru numere, titluri, butoane...
• Butoane : Încercați să aveți aceleași stiluri ca butoanele de pe site-ul dvs. în butoanele de cumpărare sau „ adăugați în coș ”.
• Alte elemente: cum ar fi reduceri, granițe , folosirea acelorași categorii pe care le aveți pe site-ul dvs. de comerț electronic...

mărimea

Făcând câmpul de căutare relativ mic, proeminența sa vizuală este redusă semnificativ. Un lucru pe care îl fac multe magazine online care doresc să sporească utilizarea Căutării pe site este să crească contrastul dintre antet și Căutarea pe site. De exemplu, Amazon , așa cum am văzut mai sus, are antetul în negru, dar Căutarea pe site este centrată și în alb.

Când combinați dimensiunea, poziția și contrastul, faceți caseta de căutare cu adevărat în evidență, încurajând căutarea ca modalitate preferată de a căuta produse pe site-ul dvs. de comerț electronic. Cu toate acestea, acest lucru necesită o căutare inteligentă pe site, cum ar fi Doofinder, pentru a reduce rata de respingere. Dacă nu, aceasta poate deveni o sabie cu două tăișuri.

Design caseta de căutare pe pagina de pornire

Pe pagina de pornire în special, designul casetei de căutare este și mai important, deoarece majoritatea utilizatorilor tind să vină cu strategia lor de căutare a produselor imediat ce vizitează site-ul.

Potrivit datelor Institutului Baymard , 60% dintre utilizatori folosesc imediat căutarea ca primă strategie pe pagina de pornire a unui site web mobil. Prin urmare, cu cât designul câmpului de căutare de pe pagina de pornire este mai atrăgător, cu atât mai mulți utilizatori îl vor considera un stimulent să caute mai degrabă decât să răsfoiască după categorie.

În plus, este o idee bună să oferiți Căutare pe site o notă vizuală suplimentară pe pagina de pornire, cu condiția să încurajați navigarea în Căutare pe site în detrimentul navigării pe categorii.

Un design diferențiat de căutare pe site pentru pagina de pornire poate fi realizat în mai multe moduri: de la margini mai îndrăznețe ale câmpului de căutare, o culoare de fundal mai contrastantă, o casetă și o dimensiune mai mare a fontului, un buton de „căutare” mai plin de viață... Și poate chiar să faceți tastatura de câmp focalabilă în mod implicit. Orice modificare de design care face ca câmpul de căutare să iasă în evidență de la sine, fără a-și schimba fundamental poziția sau stilul vizual, îl va ajuta să iasă în evidență.

În acest fel, câmpul de căutare rămâne pe deplin recognoscibil, fără a îndepărta accentul de la celelalte pagini, dar vă va oferi un contrast vizual suplimentar pe pagina de pornire.

Acest contrast vizual suplimentar nu ar trebui să meargă atât de departe încât să promoveze căutarea ca „ singura opțiune ” pe site, ci ar trebui să ajute utilizatorii să vadă mai ușor câmpul de căutare atunci când vizitează site-ul.

După cum știți... Pagina de pornire prezintă adesea o mulțime de elemente grafice și vizuale diferite care concurează pentru atenția utilizatorului, ceea ce înseamnă că ceea ce în paginile ulterioare (cum ar fi paginile de categorii, listele de produse sau paginile de produse) ar putea fi un câmp de căutare dominant, poate să nu fie suficient pentru pagina de pornire.