De zoekbalk is qua uiterlijk een eenvoudig element om te creëren: het bestaat alleen uit een veld en een knop. Maar in werkelijkheid is het veel complexer, vooral omdat het een essentieel onderdeel is van de meeste sitetypologieën. De zoekbalk is inderdaad een van de meest gebruikte elementen op internet, vooral op e-commercesites.

Het is ook een hulpmiddel waarmee u gebruikers kunt begrijpen en hun verwachtingen kunt detecteren. Bijvoorbeeld door vervolgens de meest getypte zoekopdrachten of zoekopdrachten zonder resultaat te analyseren.

Waarom is dit zo belangrijk?

Nou, zoals we vaak zeggen, "als een gebruiker een product niet kan vinden, bestaat het niet". Het zou daarom zonde zijn om hem niet naar deze functie te vergezellen en hem het antwoord te geven waarnaar hij op zoek is.

Vandaag ga ik 6 tips met je delen om de zoekbalk van je interfaces te ontwerpen of te verbeteren.

#1 PLAATS DE ZOEKBALK WAAR DE GEBRUIKER DEZE KAN VINDEN

Zoals ik al zei, is onderzoek een van de essentiële functionaliteiten van een site. Daarom is het belangrijk om het een plek te geven waar de gebruiker het gemakkelijk en snel kan vinden.

Om dit te doen, moet u anticiperen op het gebruikersgebruik en de zoekbalk op een verwachte plaats plaatsen: bovenaan, in de kop, vaak rechts of gecentreerd. Het heeft geen zin om het wiel opnieuw uit te vinden, maar om het te plaatsen waar de gebruiker geen vragen zal stellen.

Deze input is essentieel voor de conversie van uw site :
Een gedrag dat ik veel opmerk bij gebruikerstests, is dat gebruikers steeds meer vertrouwd raken met het idee van zoeken, op trefwoord of op vraag, en dat ze gemakkelijk in de zoekopdracht worden getrokken wanneer ze een site raadplegen. Ze dalen heel weinig op de startpagina en geven de voorkeur aan de zoekbalk om de inhoud snel te raadplegen.

#2 HOUD ONDERZOEK OVERAL

De zoekbalk moet altijd toegankelijk zijn.

Je moet de zoekbalk zien als een functie waarmee je sneller kunt navigeren, maar ook als een 'bounce'-functie.

• Op de startpagina en de hoofdpagina's van de site gebruiken veel gebruikers deze om snel toegang te krijgen tot de inhoud of om ervoor te zorgen dat een product bijvoorbeeld door een dergelijk merk wordt verkocht.
•  Maar in sommige gevallen maakt de functionaliteit het mogelijk om een ​​nieuwe navigatie/zoekopdracht opnieuw te starten.

Ofwel omdat ze :

• vonden hun eerste zoekopdracht, vonden niet wat ze zochten,
• bevonden zich in een doodlopende straat (bijvoorbeeld een 404-pagina).

Het is daarom verstandig om per route na te denken of het wel of niet nodig is. En om cross-functionele plaatsing op bijna de hele site te promoten.

Wat dit laatste punt betreft, geef ik aan dat het essentieel is om de zoekopdracht altijd op dezelfde plaats te houden om de gebruiker niet in verwarring te brengen.

Een ander punt is dat u, afhankelijk van uw site, moet nadenken over het nut van het laten scrollen van de zoekbalk wanneer de gebruiker naar beneden gaat op de pagina. Bijvoorbeeld door de header te verkleinen om het logo, de zoekfunctie en de belangrijkste functionaliteiten van de site te behouden.

#3 GEEF HEM RUIMTE

Een veel te vaak voorkomende fout is het hebben van een smalle zoekbalk.

Enerzijds is het beter om een ​​controle te creëren volgens goede praktijken, met een comfortabele klikzone en met opvulling.

Maar je moet ook nadenken over de gemiddelde lengte van een zoekopdracht om geen woordafbreking te krijgen. Niets vervelender als u meerdere trefwoorden of een vraag typt en er slechts drie woorden verschijnen en de rest verdwijnt achter "..."!

Vooral bij het maken van een bewerking, als de helft van onze zin verborgen is, kan het bewerken tijdrovend en frustrerend zijn.

Op veel sites zien we een truc die wordt gebruikt om ruimte te besparen wanneer de zoekbalk niet wordt gebruikt versus wanneer deze wordt gebruikt. Deze truc bestaat uit een vergroting ervan om de gebruiker meer ruimte en comfort te geven.

#4 GEEF WAT U MOET ZOEKEN

Een goede gewoonte bij het maken van een formulierveld is om een ​​tijdelijke aanduiding toe te voegen om de gebruiker te begeleiden bij de functie van het veld. Je moet dus expliciet zijn en hem de juiste informatie geven.

Ik zie vaak "Zoeken" of "Ik ben op zoek naar", maar het meest interessante zou zijn om het type inhoud te hebben waarnaar kan worden gezocht. Blijf beknopt en duidelijk en geef ideeën voor mogelijk onderzoek.

Een goede gewoonte is om bijvoorbeeld de statistieken van uw site te bekijken en vervolgens het aantal tekens dat zichtbaar is in het veld aan te passen.

#5 HEB EEN ACTIEKNOP

Niet iedereen weet dat je via het toetsenbord op "ENTER" kunt typen om de zoekopdracht te starten. Het verdient daarom de voorkeur om een ​​gemakkelijk identificeerbare en lokaliseerbare actieknop te hebben. Zorg ervoor dat de verwachte actie voor deze functie heel duidelijk is: typ uw trefwoorden in en valideer uw zoekopdracht.

• Plaats de knop dicht bij de zoekbalk (of blijf bij de zoekbalk) zodat de gebruiker begrijpt dat het een enkel element is.
• Gebruik een sterke kleur (de hoofd- of complementaire kleur).
• Denk aan de grootte van de knop dus de gebruiker zal meer comfort hebben om te klikken en het zal gemakkelijker voor hem zijn.
• Laat de mogelijkheid om het toetsenbord te gebruiken om te beginnen met zoeken

#6 ONDER HET VERGROOT 

Er zijn pictogrammen op het web die in het collectieve geheugen zijn terechtgekomen. Het vergrootglassymbool is er een van voor alles wat met onderzoek te maken heeft.

● Ik raad je aan om een ​​eenvoudig vergrootglas te gebruiken, zonder al te veel details, zodat het gemakkelijk te zien is en het de gebruiker geen werklast oplevert.

● U kunt het gebruiken om de spatie van het zoekveld te symboliseren of om het label van de actieknop te vervangen.

TOT SLOT

De zoekbalk is een element dat de gebruiker begeleidt en is een integraal onderdeel van het navigatieprincipe. Het is daarom belangrijk om te focussen op het ontwerp: het moet zichtbaar en gebruiksvriendelijk zijn.

Door een aantal van deze tips toe te passen op uw interfaces, hoewel klein, zullen ze de ervaring van uw gebruikers op uw platforms verbeteren, en dus hun prestaties!

Afbeeldingsbron: https://undraw.co/illustrations