| Home > Usability Tips > De spin button is dood, leve de spin button |
| Wat is een spin button? |
Een spin button, of up-down button, bestaat uit twee tegenovergestelde pijl knoppen. De gebruiker klikt op één van deze knoppen en een waarde gerelateerd met deze knoppen verhoogt of verlaagt in waarde.
Deze waarden hebben een onder- en bovengrens. Wanneer de gebruiker deze onder- of bovengrens bereikt dan stopt het tellen.
Voorbeelden:
| Voor- en Nadelen |
Voordelen |
|
Nadelen |
|
| De nieuwe spin button |
Kan men een andere spin button ontwerpen, die bovenstaande nadelen niet heeft, maar wel zijn voordelen blijft behouden?
Uiteraard kan dit. Ik heb een eerste prototype ontworpen en deze ziet eruit als volgt:
Met de kleine button schuif je naar link of rechts om de gerelateerde waarde te wijzigen.
- Deze kleine button is een stuk groter dan de doorsnee ‘up’ of ‘down’ button, wat het selecteren een stuk eenvoudiger maakt.
- Deze gizmo geeft wel positie feedback, je weet ongeveer waar in de lijst van geldige waardes je bent, ook weet je snel wat de onder- en bovengrenzen zijn.
- De button is wel bruikbaar voor een grote reeks gegevens en je kan eveneens snel een sprong maken door op het donkere gedeelte te klikken. Deze werkwijze is vergelijkbaar met de functionaliteit van een scroll bar.
Nadelen?
- De nieuwe spin button neemt iets meer plaats in.
- Gebruikers kennen het niet en zullen in het begin afwijzend reageren (doch dit gaat zeer snel over).
Vond je dit artikel interessant? Doe dan het volgende:
- Plaats een reactie
- Volg Usability Vlaanderen op Facebook of Twitter
- Schrijf je in op de E-mail nieuwsbrief of RSS feed
- Deel dit artikel met vrienden en collega's
4 reacties
@Edwin,
Ik heb uw idee uitgeprobeerd in een applicatie en onze gebruikers zijn er enorm door gecharmeerd. Ze begrepen snel hoe het werkte en willen niet meer terug naar de klassieke spin button. Goede tip waarvoor dank!
Doe je dat wel meer nieuwe interface componenten bedenken?
Anthony,
Die spin button werkt inderdaad wel goed.
Neen, ik doe dat niet regelmatig zo'n dingen ontwerpen. Het is best wel moeilijk om iets te bouwen dat goed in elkaar steekt. Niet voor niets zijn GUI componenten al een eeuwigheid quasi onveranderd.
Nog een nadeel:
Bij een grote reeks waarden (bijvoorbeeld 1 - 1000 of zelfs 2000) wil ik niet zoeken met dat klein scrollbalkje om exact op bv. 599 te geraken. Ook daar is het werken met een grote sprong naar een veel hogere of lagere waarde ook niet optimaal om de exact waarde te bereiken.
Het belangrijkste in mijn ogen is dat het tekstveld ook gewoon deze functie blijft behouden waar de gebruiker de waarde zelf ik kan vullen
Ik vind het een goede poging, maar zonder degelijke tests door de gemiddelde internetgebruiker durf ik dit nog geen verbetering te noemen.
Bart,
De gebruiker kan hier de waarde nog altijd zelf invoeren. Da's inderdaad soms nog altijd het snelste. Bij veel klassieke spin buttons kan dat niet.
Ik heb deze spin button gebruikt in een software applicatie welke werd gebruikt door een dertigtal gebruikers. Deze werden op voorhand informeel ingelicht over het bestaan en gebruik van deze gizmo.
Uit metingen achteraf bleek dat ze hun taken sneller konden afronden en iets minder fouten maakten.
Ook qua preferentie en satisfactie scoorde het beter dan de klassieke spin button.
Ik heb geen gegevens over het effect op een groter publiek.