{"id":2827,"date":"2009-04-21T04:00:03","date_gmt":"2009-04-21T04:00:03","guid":{"rendered":"https:\/\/www.agconsult.com\/zoekfunctie-invulveld-knop\/"},"modified":"2024-10-24T17:02:02","modified_gmt":"2024-10-24T15:02:02","slug":"zoekfunctie-invulveld-knop","status":"publish","type":"post","link":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/","title":{"rendered":"Zoekfunctie = invulveld + knop"},"content":{"rendered":"    <div  class=\"Block BlogIntro\">\n        <div class=\"wysiwyg BlogIntro-Text\">\n            <p>Heeft je website een zoekfunctie, dan is het belangrijk dat bezoekers ze meteen herkennen als de zoekfunctie. En dat ze weten hoe het ding werkt. Daarom deze tips voor een goede zoekinterface.<\/p>\n        <\/div>\n    <\/div>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-voor-wie-gelden-deze-tips\">Voor wie gelden deze tips?<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-zoekinterface-invulveld-knop\">Zoekinterface = invulveld + knop<\/h2>\n\n\n\n<p>De basisregel is erg eenvoudig: de zoekinterface bestaat uit een invulveld met daarachter een knop &#8216;Zoeken&#8217;. Een zoekfunctie zonder knop is leuk voor webbouwers en webprofessionals, maar niet alle surfers weten dat op &#8216;Enter&#8217; drukken de zoekfunctie activeert.<\/p>\n\n\n\n<figure class=\"wp-block-pullquote is-style-solid-color\"><blockquote><p>De zoekinterface bestaat uit een invulveld met daarachter een knop &#8216;Zoeken&#8217;.<\/p><\/blockquote><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-invulveld-leeg-en-voldoende-groot\">Invulveld: leeg en voldoende groot<\/h2>\n\n\n\n<p>Basisregels voor het invulveld:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Minstens 25 karakters groot,\u00a0zodat er zonder problemen 2 woorden zichtbaar zijn.<\/li>\n\n\n\n<li>Uiteraard moet je er meer dan 25 karakters in kunnen typen. Het aantal karakters moet onbeperkt zijn. Maar die vallen dan wel &#8216;buiten beeld&#8217;.<\/li>\n\n\n\n<li>Standaard is het invulveld\u00a0leeg.\u00a0Zet er dus geen tekst \u00e0 la &#8216;Trefwoord&#8217; of &#8216;Zoek hier&#8217; in. Mensen weten heus wel waarvoor een zoekfunctie dient.<\/li>\n\n\n\n<li>Herkenbaar als invulveld. Gebruik een witte of op zijn minst lichte achtergrond en omlijn het invulveld.<\/li>\n\n\n\n<li>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.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-knop-hoe-duidelijker-hoe-beter\">Knop: hoe duidelijker, hoe beter<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>De knop lijkt qua vorm best zo veel mogelijk op een standaardknop.\n<ul class=\"wp-block-list\">\n<li>Effen, liefste lichte achtergrondkleur. Alles tussen wit en grijs werkt uitstekend.<\/li>\n\n\n\n<li>Redelijk hoekig. Wie echt wil, mag afronden (joepie, alweer vrijheid&#8230;).<\/li>\n\n\n\n<li>Omlijn de knop.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>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.<\/li>\n\n\n\n<li>Geef de knop een duidelijk opschrift: &#8216;Zoek&#8217; of &#8216;Zoeken&#8217;. Nietszeggende opschriften als &#8216;Go&#8217; of symbooltjes als een vergrootglas of een pijltje helpen de bezoeker niet.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-zoekfunctie-nbsp-aankondigen-is-overbodig\">Zoekfunctie:&nbsp;aankondigen is overbodig<\/h2>\n\n\n\n<p>Als je deze regels volgt, is je zoekfunctie duidelijk herkenbaar. Het is dan ook overbodig om voor de zoekfunctie nog iets te zetten als &#8216;Zoek:&#8217; of &#8216;Zoekfunctie:&#8217;. Zo win je meteen ook wat witruimte.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-ook-enter-activeert-de-zoekfunctie\">Ook &#8216;Enter&#8217; activeert de zoekfunctie<\/h2>\n\n\n\n<p>Omdat je website er niet alleen is voor de &#8216;gemiddelde surfer&#8217;, 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 &#8216;Enter&#8217;-toets gebruikt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-geavanceerd-zoeken-weg-ermee\">Geavanceerd zoeken: weg ermee<\/h2>\n\n\n\n<p>En geavanceerd zoeken dan? <\/p>\n\n\n\n<p>Tenzij je site draait rond immo, jobs, zoekertjes of je duizenden producten aanbiedt, volstaat een eenvoudig invulveld met knop &#8216;Zoeken&#8217;. Geloof ons: voor de gemiddelde surfer is het doorworstelen van een geavanceerde zoekfunctie even makkelijk als het in handstand opfietsen van de Mont Ventoux.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekresultaten-8-tips-voor-de-lay-out\/\">Lees ook onze tips over hoe je pagina met zoekresultaten indelen.<\/a><br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Heeft je website een zoekfunctie, dan is het belangrijk dat bezoekers ze meteen herkennen als de zoekfunctie. Erg moeilijk is dat niet, maar het loopt toch vaak mis. Daarom deze tips voor een goede zoekinterface.<\/p>\n","protected":false},"author":2,"featured_media":22835,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[81],"tags":[64],"class_list":["post-2827","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-usability","tag-zoekfunctie"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Zoekfunctie: tips voor de zoekinterface<\/title>\n<meta name=\"description\" content=\"Heeft uw website een zoekfunctie, dan is het belangrijk dat bezoekers ze meteen herkennen als de zoekfunctie. Tips voor een goede zoekinterface.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/\" \/>\n<meta property=\"og:locale\" content=\"nl_BE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zoekfunctie: tips voor de zoekinterface\" \/>\n<meta property=\"og:description\" content=\"Lees hier onze tips voor een goede herkenbare zoekinterface.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/\" \/>\n<meta property=\"og:site_name\" content=\"AGConsult\" \/>\n<meta property=\"article:published_time\" content=\"2009-04-21T04:00:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-24T15:02:02+00:00\" \/>\n<meta name=\"author\" content=\"Karl Gilis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Zoekfunctie: tips voor de zoekinterface\" \/>\n<meta name=\"twitter:description\" content=\"Heeft uw website een zoekfunctie, dan is het belangrijk dat bezoekers ze meteen herkennen. Tips voor een goede zoekinterface.\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Karl Gilis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/\"},\"author\":{\"name\":\"Karl Gilis\",\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/#\\\/schema\\\/person\\\/c355900f796106dd4b2d8106dacc9727\"},\"headline\":\"Zoekfunctie = invulveld + knop\",\"datePublished\":\"2009-04-21T04:00:03+00:00\",\"dateModified\":\"2024-10-24T15:02:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/\"},\"wordCount\":447,\"commentCount\":5,\"image\":{\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"keywords\":[\"Zoekfunctie\"],\"articleSection\":[\"UX en Usability\"],\"inLanguage\":\"nl-BE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/\",\"url\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/\",\"name\":\"Zoekfunctie: tips voor de zoekinterface\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2009-04-21T04:00:03+00:00\",\"dateModified\":\"2024-10-24T15:02:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/#\\\/schema\\\/person\\\/c355900f796106dd4b2d8106dacc9727\"},\"description\":\"Heeft uw website een zoekfunctie, dan is het belangrijk dat bezoekers ze meteen herkennen als de zoekfunctie. Tips voor een goede zoekinterface.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/#breadcrumb\"},\"inLanguage\":\"nl-BE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-BE\",\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/zoekfunctie-invulveld-knop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX en Usability\",\"item\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/usability-blog\\\/categorie\\\/usability\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Zoekfunctie = invulveld + knop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/#website\",\"url\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/\",\"name\":\"AGConsult\",\"description\":\"Usability, CRO &amp; Informatiearchitectuur\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-BE\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.agconsult.com\\\/nl\\\/#\\\/schema\\\/person\\\/c355900f796106dd4b2d8106dacc9727\",\"name\":\"Karl Gilis\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zoekfunctie: tips voor de zoekinterface","description":"Heeft uw website een zoekfunctie, dan is het belangrijk dat bezoekers ze meteen herkennen als de zoekfunctie. Tips voor een goede zoekinterface.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/","og_locale":"nl_BE","og_type":"article","og_title":"Zoekfunctie: tips voor de zoekinterface","og_description":"Lees hier onze tips voor een goede herkenbare zoekinterface.","og_url":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/","og_site_name":"AGConsult","article_published_time":"2009-04-21T04:00:03+00:00","article_modified_time":"2024-10-24T15:02:02+00:00","author":"Karl Gilis","twitter_card":"summary_large_image","twitter_title":"Zoekfunctie: tips voor de zoekinterface","twitter_description":"Heeft uw website een zoekfunctie, dan is het belangrijk dat bezoekers ze meteen herkennen. Tips voor een goede zoekinterface.","twitter_misc":{"Geschreven door":"Karl Gilis","Geschatte leestijd":"3 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/#article","isPartOf":{"@id":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/"},"author":{"name":"Karl Gilis","@id":"https:\/\/www.agconsult.com\/nl\/#\/schema\/person\/c355900f796106dd4b2d8106dacc9727"},"headline":"Zoekfunctie = invulveld + knop","datePublished":"2009-04-21T04:00:03+00:00","dateModified":"2024-10-24T15:02:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/"},"wordCount":447,"commentCount":5,"image":{"@id":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/#primaryimage"},"thumbnailUrl":"","keywords":["Zoekfunctie"],"articleSection":["UX en Usability"],"inLanguage":"nl-BE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/","url":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/","name":"Zoekfunctie: tips voor de zoekinterface","isPartOf":{"@id":"https:\/\/www.agconsult.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/#primaryimage"},"image":{"@id":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/#primaryimage"},"thumbnailUrl":"","datePublished":"2009-04-21T04:00:03+00:00","dateModified":"2024-10-24T15:02:02+00:00","author":{"@id":"https:\/\/www.agconsult.com\/nl\/#\/schema\/person\/c355900f796106dd4b2d8106dacc9727"},"description":"Heeft uw website een zoekfunctie, dan is het belangrijk dat bezoekers ze meteen herkennen als de zoekfunctie. Tips voor een goede zoekinterface.","breadcrumb":{"@id":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/#breadcrumb"},"inLanguage":"nl-BE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/"]}]},{"@type":"ImageObject","inLanguage":"nl-BE","@id":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.agconsult.com\/nl\/usability-blog\/zoekfunctie-invulveld-knop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.agconsult.com\/nl\/"},{"@type":"ListItem","position":2,"name":"UX en Usability","item":"https:\/\/www.agconsult.com\/nl\/usability-blog\/categorie\/usability\/"},{"@type":"ListItem","position":3,"name":"Zoekfunctie = invulveld + knop"}]},{"@type":"WebSite","@id":"https:\/\/www.agconsult.com\/nl\/#website","url":"https:\/\/www.agconsult.com\/nl\/","name":"AGConsult","description":"Usability, CRO &amp; Informatiearchitectuur","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.agconsult.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-BE"},{"@type":"Person","@id":"https:\/\/www.agconsult.com\/nl\/#\/schema\/person\/c355900f796106dd4b2d8106dacc9727","name":"Karl Gilis"}]}},"_links":{"self":[{"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/wp\/v2\/posts\/2827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/wp\/v2\/comments?post=2827"}],"version-history":[{"count":3,"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/wp\/v2\/posts\/2827\/revisions"}],"predecessor-version":[{"id":38249,"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/wp\/v2\/posts\/2827\/revisions\/38249"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/wp\/v2\/media?parent=2827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/wp\/v2\/categories?post=2827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.agconsult.com\/nl\/wp-json\/wp\/v2\/tags?post=2827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}