Logo en bedrijfsnaam van Perita

Waar plaats je een label bij een invoerveldje?

Niet twijfelen, gewoon doen

  • Er is geen 'beste' plaats voor een label. Het is afhankelijk van de aard en de doelen van het formulier
  • Wanneer conversie je ultieme doel is, plaats het label boven het invoerveldje
  • Heb je te weinig verticale ruimte of heb je veel vragen? Lijn het label dan rechts uit
  • Wanneer de juistheid van de gegevens het belangrijkste is, lijn het label dan links uit

Zin in een proefritje?

Verkrijg 3 persoonlijke waardevolle tips om je website onweerstaanbaar klantvriendelijk te maken.

  • Geen advies dat iedereen krijgt, maar maatwerk. Perita bezoekt je website echt.
  • Je kijk op je website zal drastisch veranderen.
  • Snelle reactie gegarandeerd.

Gratis en vrijblijvend

Boven het invoerveld

Schermvoorbeeld van een invulformulier met de labels boven het invoerveldDoorgaans is dit de beste methode. Dit soort formulieren zijn eenvoudig, de gebruiker hoeft maar één spoor te volgen naar de onderkant.

Doordat het label zeer dicht bij het invoerveldje staat, is er maar één oogfixatie nodig, waardoor de cognitieve verwerking en het uiteindelijke invullen zeer snel gaat.

Toch zijn ze minder geschikt bij lange invulformulieren. Je verkrijgt er immers een soort optisch bedrog door, waardoor de gebruiker het idee kan krijgen dat het toch wel een heel lang invulformulier blijkt te zijn en de afhaakkans net vergroot.

NadelenVoordelen
  • Het invulformulier kan veel plaats innemen in de verticale ruimte
  • Minder geschikt bij langere formulieren
  • Correlatie tussen label en invoerveld is hoog
  • De gebruiker kan deze lay-out het snelst verwerken
  • Conversie is bij korte formulieren ongeveer 10% hoger t.o.v. andere lay-out stijlen
  • Zorgen voor veel horizontale ruimte waardoor lange labels en/of invoerveldjes mogelijk zijn. Handig bij vertalingen bijvoorbeeld.

Links uitgelijnd

Schermvoorbeeld van een invulformulier labels links uitgelijnd naast het invoerveldDeze lay-out is zeer geschikt voor invulformulieren waarbij je ongewone of lastig te verwerken gegevens wil gebruiken.

Mensen kunnen gemakkelijk de labels scannen, zonder onderbroken worden door de invoervelden. Doch de afstand tussen de labels en invoeren velden kan soms hoog zijn waardoor het verwerken van het formulier trager verloopt. Gebruikers moeten springen van label naar invoerveld om de correcte correlatie te vinden, alvorens ze de gegevens kunnen invullen.

Dit is niet altijd een nadeel. Bij het verkrijgen van belangrijke informatie kan het zeker geen kwaad dat de gebruiker zijn tijd moet nemen om het formulier in te vullen.

Minder mensen zullen het formulier invullen, maar wat ze invoeren zal accurater zijn.

NadelenVoordelen
  • Correlatie tussen label en invoerveld is lastiger
  • Verwerking is trager
  • Minder conversie
  • Weinig horizontale ruimte
  • Eenvoudiger om de labels te scannen
  • Accuraatheid van de ingevoerde gegevens is hoger
  • Neemt minder verticale ruimte in

Rechts uitgelijnd

Schermvoorbeeld van een invulformulier labels rechts uitgelijnd naast het invoerveldDe oogverwerking is ongeveer dubbel zo snel t.o.v. formulieren waarbij de labels links zijn uitgelijnd. Helaas zullen de mensen wel meer fouten maken.

Door de uitlijning op rechts is de leesbaarheid van het label iets minder.

Men kan dit voorkomen door te zorgen dat de labels allemaal ongeveer dezelfde lengte bezitten.

NadelenVoordelen
  • De leesbaarheid van de labels is lastiger waardoor de mensen meer fouten zullen maken
  • Correlatie tussen label en invoerveld is hoog
  • Snellere verwerking van het formulier
  • Neemt minder verticale ruimte in

In het invoerveld

Schermvoorbeeld van een invulformulier met labels in het invoerveldOok al heeft deze lay-out best wel wat nadelen, soms heb je geen andere keuze.

Gebruikers gaan significant meer fouten maken en ze kunnen deze moeilijker herstellen, omdat na hun invoer er geen correlatie meer is tussen het (verdwenen) label en met wat hoorde ingevoerd te worden.

Veel mensen gebruiken functionaliteit waarbij een invulformulier automatisch wordt ingevuld. Het komt wel eens voor dat de verkeerde informatie wordt ingevuld en dan is het lastiger te controleren waar de foutieve info staat.

Niet alleen zullen mensen meer fouten maken, door frustratie kunnen ze het invoerproces voortijdig afbreken.

Absoluut af te raden wanneer je meer dan één invoerveldje wil gebruiken.

Wanneer je weinig schermruimte hebt dan kan deze vorm alsnog nuttig zijn.

NadelenVoordelen
  • Quasi onbruikbaar bij gebruik van meerdere invoervelden
  • Gebruikers zullen meer fouten maken en het is lastiger voor hen om deze te herstellen
  • Neemt zeer weinig schermruimte in

Deel dit artikel

Twitter
LinkedIn
Facebook
Google+

Beoordeel dit artikel

bezoekers deelden gemiddeld sterren uit

Sorry dat het artikel niet voldeed aan je verwachtingen

Laten we het beter maken!

Elke week een extra tip in je bus

  • Mis geen enkel artikel meer.
  • Bevat extra tips die nog niet op de website zijn verschenen.
  • Unieke promoties.
  • Je kan je gebruiksvriendelijk uitschrijven.
Megafoon

Stop je omzetverlies

Bestel een Expert Advies rapport

  • Bezoekers worden gemakkelijker klant
  • Klanten geven meer uit per bezoek
  • Mensen komen sneller en meer terug naar je website
  • Bezoekers delen je website meer met vrienden en collega's

Niet twijfelen, gewoon doen

Grafiek met balken en pijltje die aangeven dat de omzet stijgt