Hoe stel je op een gebruiksvriendelijke manier een meerkeuzevraag in een formulier? Meer bepaald, hoe zorg je ervoor dat de gebruiker feilloos z’n antwoord kan doorgeven? Onderstaande richtlijnen dienen als antwoord op deze 2 vragen.
Meerdere antwoorden mogelijk
Checkboxes
Checkboxes kan je gebruiken om een meerkeuzevraag te laten beantwoorden, wanneer meerdere antwoorden mogelijk zijn. Is er slechts één antwoord mogelijk, lees dan verder hieronder.
Meestal kiest men voor checkboxes wanneer de set aan mogelijke antwoorden vrij beperkt is. (< 10)
Wanneer checkboxes niet gebruiken?
Wanneer er slechts 1 antwoord geselecteerd moet kunnen worden.
In dit geval gebruik je beter Radio buttonsIs de set aan mogelijke antwoorden eerder uitgebreid? Dan kan een multiselect component (autocomplete) misschien beter dienen. Alhoewel men hier ook rekening moet houden met hoelang de mogelijke antwoorden zijn. Zeer lange antwoorden worden beter niet in een multiselect gestoken, gezien de beperkte grootte van zo’n select field en dropdown list.
Hoe checkboxes gebruiken?
Antwoorden onder elkaar oplijsten, dit om verschillende redenen:
Vrij lange antwoorden kunnen voorzien worden
Leeslijn blijft dezelfde (links uitgelijnd, verticaal)
Multiselect
Checkboxes krijgen meestal de voorkeur, aangezien deze makkelijker te manipuleren zijn en dus ook toegankelijker zijn. Echter kan men voor sommige cases kiezen voor een multiselect. Denk aan scenario’s waar de set aan mogelijke antwoorden enorm oploopt (meer dan 10) en er geen beginnen aan is om dit allemaal op te lijsten in checkboxes.
Let er wel op dat de mogelijke antwoorden niet te lang zijn en hou ze dus beknopt, zodat deze in de dropdown list van de multiselect passen.
Daarbovenop dient het aantal geselecteerde antwoorden ook beperkt te blijven, zodat men deze kan weergeven in de multiselect zonder deze te veel te gaan belasten.
Kortom: een multiselect kan dienen voor een beperkte set aan beknopte antwoorden.
Gaat men ervan uit dat de gebruiker veel antwoorden zal selecteren? Dan kijk je alsnog beter naar checkboxes, en plaats je deze uitzonderlijk in twee kolommen. Denk aan het selecteren van interesses voor een nieuwsbrief.
Slechts 1 antwoord mogelijk
Radio buttons
Radio buttons kan je gebruiken om een meerkeuzevraag te laten beantwoorden, wanneer slechts één antwoord mogelijk is/geselecteerd kan worden.
Meestal kiest men voor radio buttons wanneer de set aan mogelijke antwoorden vrij beperkt is. (< 10)
Wanneer radio buttons niet gebruiken?
Wanneer er meerdere antwoorden geselecteerd moeten kunnen worden. In dit geval gebruik je beter checkboxes
Is de set aan mogelijke antwoorden eerder uitgebreid? Dan kan een select component (met autocomplete) misschien beter dienen. Alhoewel men hier ook rekening moet houden met hoelang de mogelijke antwoorden zijn. Zeer lange antwoorden worden beter niet in een select gestoken, gezien de beperkte grootte van zo’n select field en dropdown list.
Hoe radio buttons gebruiken?
Antwoorden onder elkaar oplijsten, dit om verschillende redenen:
Vrij lange antwoorden kunnen voorzien worden
Leeslijn blijft dezelfde (links uitgelijnd, verticaal)
Een uitzondering hierop kunnen ja/nee vragen zijn, maar dan nog kan je deze ook onder elkaar plaatsen. Onder elkaar mag eigenlijk altijd en is misschien zelfs veiliger, dan wordt er een globale aanpak gehanteerd ongeacht het type antwoord.
Select
Een select is interessant om te gebruiken wanneer de lijst aan data waartussen de gebruiker kan kiezen enorm lang is (gelijkaardig aan de redenen waarom je een multiselect zou gebruiken). Ook hier is het belangrijk om je values niet te lang te maken.