Zoekfunctie = invulveld + knop

Voor wie gelden deze tips?

Onderstaande tips gelden voor 95% van alle websites. Alleen wanneer zoeken en vinden tot de core van jouw business behoort, mag de zoekfunctie complexer. We hebben het dan bijvoorbeeld over jobsites, immosites, zoekertjessites en e-commerce websites.

Zoekinterface = invulveld + knop

De basisregel is erg eenvoudig: de zoekinterface bestaat uit een invulveld met daarachter een knop ‘Zoeken’. Een zoekfunctie zonder knop is leuk voor webbouwers en webprofessionals, maar niet alle surfers weten dat op ‘Enter’ drukken de zoekfunctie activeert.

Invulveld: leeg en voldoende groot

Basisregels voor het invulveld:

• Minstens 25 karakters groot, zodat er zonder problemen 2 woorden zichtbaar zijn.
• Uiteraard moet je er meer dan 25 karakters in kunnen typen. Het aantal karakters moet onbeperkt zijn. Maar die vallen dan wel ‘buiten beeld’.
• Standaard is het invulveld leeg. Zet er dus geen tekst à la ‘Trefwoord’ of ‘Zoek hier’ in. Mensen weten heus wel waarvoor een zoekfunctie dient.
• Herkenbaar als invulveld. Gebruik een witte of op zijn minst lichte achtergrond en omlijn het invulveld.
• Wie frivool wil doen, mag de hoeken afronden. Dat is zowat de enige creativiteit die je je kan veroorloven. Toch als je een goede zoekfunctie wilt.

Knop: hoe duidelijker, hoe beter

• De knop lijkt qua vorm best zo veel mogelijk op een standaardknop.
  • Effen, liefste lichte achtergrondkleur. Alles tussen wit en grijs werkt uitstekend.
  • Redelijk hoekig. Wie echt wil, mag afronden (joepie, alweer vrijheid…).
  • Omlijn de knop.
• Voor de criticasters die dat overdreven vinden: als grafisch uitgewerkte knoppen veel beter zouden werken dan standaardknoppen, hadden Google of eBay de standaard zoekknop al lang vervangen.
• Geef de knop een duidelijk opschrift: ‘Zoek’ of ‘Zoeken’. Nietszeggende opschriften als ‘Go’ of symbooltjes als een vergrootglas of een pijltje helpen de bezoeker niet.

Zoekfunctie: aankondigen is overbodig

Als je deze regels volgt, is je zoekfunctie duidelijk herkenbaar. Het is dan ook overbodig om voor de zoekfunctie nog iets te zetten als ‘Zoek:’ of ‘Zoekfunctie:’. Zo win je meteen ook wat witruimte.

Ook ‘Enter’ activeert de zoekfunctie

Omdat je website er niet alleen is voor de ‘gemiddelde surfer’, moet je er ook voor zorgen dat de ervaren surfer vlot met je zoekfunctie kan werken. Zorg dat de zoekfunctie start wanneer je na het ingeven van de zoekterm de ‘Enter’-toets gebruikt.

Geavanceerd zoeken: weg ermee

En geavanceerd zoeken dan?

Tenzij je site draait rond immo, jobs, zoekertjes of je duizenden producten aanbiedt, volstaat een eenvoudig invulveld met knop ‘Zoeken’. Geloof ons: voor de gemiddelde surfer is het doorworstelen van een geavanceerde zoekfunctie even makkelijk als het in handstand opfietsen van de Mont Ventoux.

Lees ook onze tips over hoe je pagina met zoekresultaten indelen.