Bart van Netlash vraagt zich af of labels van formulieren links of rechts moeten worden uitgelijnd.
Hij vraagt zich af: Moeten die labels links uitgelijnd worden (zodat er ongelijke gaten ontstaan tussen label en invulveld) of moeten ze rechts uitgelijnd worden, tegen het bijhorende invulveld?
Als het formulier slechts één maal of zeer beperkt door de bezoeker moet ingevuld worden (de meeste webformulieren vallen hieronder, bv. een contactformulier), dan ga ik voor linkse uitlijning.
Als het formulier bij wijze van spreken dagelijks door de bezoeker gebruikt wordt (bij een veelgebruikte webapplicatie), dan kent hij de plaats van de invulvelden. De focus in het gebruik moet dan op de data (de invulvelden) liggen, niet op de labels. Door de labels rechts uit te lijnen, en de invulvelden er links tegenaan, ligt die focus op het begin van het invulveld. Rechtse uitlijning lijkt hier het beste.
In het algemeen zou ik uitgaan van een linkse uitlijning, dit wordt veruit het meeste gebruikt en zal daarom aansluiten bij het verwachtingspatroon.
Iemand die dagelijks een formulier gebruikt zal naar verwachting vooral de tab-toets gebruiken. Ik denk dat een rechtse en linkse uitlijning geen wezenlijk verschil maakt. In ieder geval niet genoeg om de kosten van een gebruikerstest te rechtvaardigen.
Bron: Usability van webforms
Nog geen reacties op "Labels in formulieren, links of rechts uitlijnen?"
Juist omdat het geen gebruikerstest rechtvaardigt, is het belangrijk dat een webdesigner of usability specialist hierover nadenkt.
Goed punt.
Ik neig dan toch naar links. Puur vanwege het feit dat je dit het meest tegenkomt op websites en desktop applicaties (zie bv e-mail) en het dus zal aansluiten bij de verwachting.
Om het probleem van de “ongelijke gaten” op te lossen zou je eerst moeten streven naar labels van ongeveer dezelfde grootte zodat het probleem niet significant is. Wil je echter geen enkel verschil dan kun je er nog voor kiezen om de tekst rechts uit te vullen.
Anders doe je het label er toch gewoon boven.
Of het label erin om het vervolgens te laten verdwijnen zodra je erop klikt. Ruimtebesparend maar misschien niet de beste keuze.
De plaats van de ongelijke gaten lijkt me meer invloed hebben op het uiterlijk dan op usability. In beide gevallen zal duidelijk zijn dat het om labels gaat.
Verplichte velden: Rood, vet of een *?
Opmaak: Tabel of div?
Ik ben voor links uitlijnen omdat het rustiger oogt, uiteraard wel uitkijken met de ruimte tussen de labels en het invoerveld. Om te zorgen dat mensen niet in de war raken met invoerveld gebruik in lijntjes tussen de verschillende invoervelden zoals in de [url=http://www.trekhaken.info/contact.php?sid=13]Westfalia shop[/url].
Uhhh… natuurlijk moeten ze links uitgelijnd zijn! Ben ik de enige die deze vraag raar vindt?
Een gebruiker zal bij het tegenkomen van een formulier altijd eerst het formulier scannen (Bart geeft dit zelf ook aan). Dan is een formulier dus gewoon een stuk tekst. En tekst lijnen wij links uit.
En het is niet altijd een goed argument, maar kan iemand mij een paar voorbeelden van websites noemen die hun labels ongelijk uitlijnen? I didn’t think so.
Het argument van Bart dat voor een ervaren gebruiker de focus op het invulveld moet komen te liggen door het label ertegenaan te plakken, snap ik niet. Je legt net zo goed (of beter) de nadruk op iets door er juist niks tegenaan te plakken. Rust door witruimte is de grootste “guidance” voor een bezoekers.
Ik ben trouwens van mening dat, zeker bij meer dan 2 formulier velden, uitlijning links beter is dan direct boven het veld, omwille van de rust en de manier waarop iemand een formulier lees (niet puur veldje voor veldje, maar zoal altijd: scannend).
Tot slot denk ik dat je nooit te snel moet zeggen dat gebruikersonderzoek niet loont. Als je een website hebt waar je afhankelijk bent van een formulier met een groter aantal velden (bijvoorbeeld een online aanvraag voor een lening), kan die labeling je conversie zeker beinvloeden.
Plaats je reactie
Velden met een * zijn verplicht in te vullen