Schuifregelaars (basisbeginselen ontwerpen)

Met een schuifregelaar kunnen gebruikers kiezen uit een doorlopend bereik van waarden. Een schuifregelaar heeft een balk met het bereik en een indicator die de huidige waarde weergeeft. Optionele maatstreepjes geven waarden weer.

Een typische schuifregelaar.

Is dit de juiste controle?

Gebruik een schuifregelaar als u wilt dat uw gebruikers gedefinieerde, aaneengesloten waarden (zoals volume of helderheid) of een reeks discrete waarden (zoals instellingen voor schermresolutie) kunnen instellen.

Een schuifregelaar is een goede keuze wanneer u weet dat gebruikers de waarde beschouwen als een relatieve hoeveelheid, niet als numerieke waarde. Gebruikers denken bijvoorbeeld aan het instellen van hun audiovolume op laag of gemiddeld, niet over het instellen van de waarde op 2 of 5.

Houd rekening met deze vragen om te bepalen:

• Lijkt de instelling een relatieve hoeveelheid? Als dat niet het is, gebruikt u keuzerondjesof een vervolgkeuzelijst of lijst met één selectie.
• Is de instelling een exacte, bekende numerieke waarde? Als dat het zo is, gebruikt u een numerieke tekstvakken.
• Profiteert een gebruiker van directe feedback over het effect van het instellen van wijzigingen? Zo ja, gebruik dan een schuifregelaar. Gebruikers kunnen bijvoorbeeld gemakkelijker een kleur kiezen door direct het effect van wijzigingen in tint-, verzadigings- of helderheidswaarden te zien.
• Heeft de instelling een bereik van vier of meer waarden? Als dat niet het is, gebruikt u keuzerondjes.
• Kan de gebruiker de waarde wijzigen? Schuifregelaars zijn bedoeld voor gebruikersinteractie. Als een gebruiker de waarde nooit kan wijzigen, gebruikt u in plaats daarvan een alleen-lezen tekstvak.

Als een schuifregelaar of een numeriek tekstvak mogelijk is, gebruikt u een numeriek tekstvak als:

• Schermruimte is strak.
• Een gebruiker gebruikt waarschijnlijk liever het toetsenbord.

Gebruik een schuifregelaar als:

• Gebruikers profiteren van directe feedback.

Richtsnoeren

• Gebruik een natuurlijke richting. Als de schuifregelaar bijvoorbeeld een echte waarde vertegenwoordigt die normaal verticaal (zoals temperatuur) wordt weergegeven, gebruikt u een verticale afdrukstand.

• Richt de schuifregelaar op om de cultuur van uw gebruikers weer te geven. Westerse culturen lezen bijvoorbeeld van links naar rechts, dus voor horizontale schuifregelaars plaatst u het lage uiteinde van het bereik aan de linkerkant en het hoge uiteinde aan de rechterkant. Voor culturen die van rechts naar links lezen, doet u het tegenovergestelde.

• Pas de grootte van het besturingselement aan zodat een gebruiker eenvoudig de gewenste waarde kan instellen. Voor instellingen met discrete waarden moet u ervoor zorgen dat de gebruiker eenvoudig een waarde kan selecteren met behulp van de muis.

• Overweeg om een niet-lineaire schaal te gebruiken als het bereik van waarden groot is en gebruikers waarschijnlijk waarden aan één einde van het bereik selecteren. De tijdwaarde kan bijvoorbeeld 1 minuut, 1 uur, 1 dag of 1 maand zijn.

• Wanneer dit praktisch is, kunt u direct feedback geven terwijl of nadat een gebruiker een selectie heeft uitgevoerd. De Microsoft Windows-volumeregeling piept bijvoorbeeld om het resulterende audiovolume aan te geven.

• Gebruik labels om het bereik met waarden weer te geven.

  Uitzondering: Als de schuifregelaar verticaal is gericht en het bovenste label Maximum, Hoog, Meer of gelijkwaardig is, kunt u de andere labels weglaten omdat de betekenis duidelijk is.

  

  In dit voorbeeld maakt de verticale stand van de schuifregelaar de bereiklabels overbodig.

• Maatstreepjes gebruiken wanneer gebruikers de geschatte waarde van de instelling moeten weten.

• Gebruik maatstreepjes en een waardelabel wanneer gebruikers de exacte waarde moeten weten van de instelling die ze kiezen. Gebruik altijd een waardelabel als een gebruiker de eenheden moet kennen om de instelling te begrijpen.

  

  In dit voorbeeld wordt een label gebruikt om de geselecteerde waarde duidelijk aan te geven.

• Voor horizontaal georiënteerde schuifregelaars plaatst u maatstreepjes onder de schuifregelaar. Voor verticaal georiënteerde schuifregelaars plaatst u maatstreepjes rechts voor Westerse culturen; voor culturen die van rechts naar links lezen, doe het tegenovergestelde.

• plaats het waardelabel volledig onder de schuifregelaar zodat de relatie duidelijk is.

  Onjuist:

  

  In dit voorbeeld wordt het waardelabel niet uitgelijnd onder de schuifregelaar.

• Als u een schuifregelaar uitschakelt, schakelt u ook de bijbehorende labels uit.

• Gebruik niet zowel een schuifregelaar als een numeriek tekstvak voor dezelfde instelling. Gebruik alleen het meest geschikte besturingselement.

  Uitzondering: Beide besturingselementen gebruiken wanneer de gebruiker zowel directe feedback als de mogelijkheid heeft om een exacte numerieke waarde in te stellen.

• Gebruik geen schuifregelaar als voortgangsindicator.

• Wijzig de grootte van de schuifregelaar niet van de standaardgrootte.

  Onjuist:

  

  In dit voorbeeld wordt een grootte kleiner dan de standaardwaarde gebruikt.

  juist:

  

  In dit voorbeeld wordt de standaardgrootte gebruikt.

• Label niet elke maatstreep.

Aanbevolen grootte en afstand

Aanbevolen grootte en afstand voor schuifregelaars.

Labels

Schuifregelaarlabels

• Gebruik een statisch tekstlabel dat eindigt op een dubbele punt of een groepsvaklabel zonder leestekens.
• Wijs een unieke toegangssleutel toe aan elk label. Zie Toetsenbordvoor richtlijnen voor toewijzingen.
• Gebruik hoofdlettergebruik in zinsstijl.
• Plaats het schuifregelaarlabel links van de schuifregelaar of boven en uitgelijnd met de linkerrand van de schuifregelaar (of de id van het linkerbereik, indien aanwezig).

Bereiklabels

• Label de twee uiteinden van het schuifregelaarbereik, tenzij een verticale stand dit onnodig maakt.
• Gebruik indien mogelijk alleen woorden voor elk label.
• Gebruik geen eindpunctie.
• Zorg ervoor dat deze labels beschrijvend en parallel zijn. Voorbeelden: maximum/minimum, meer/minder, laag/hoog, zacht/luid.
• Gebruik hoofdlettergebruik in zinsstijl.
• Wijs geen toegangssleutels toe.

Waardelabels

• Als u een waardelabel nodig hebt, geeft u dit onder de schuifregelaar weer.

• Centreer de tekst ten opzichte van het besturingselement en neem de eenheden (zoals pixels) op.

  

  In dit voorbeeld wordt het waardelabel gecentreerd onder de schuifregelaar en worden de eenheden opgenomen.

Documentatie

Wanneer u naar schuifregelaars verwijst:

• Gebruik de exacte labeltekst, inclusief hoofdlettergebruik, en neem de schuifregelaar voor woorden op. Neem het onderstrepingsteken of dubbele punt van de toegangssleutel niet op.
• Als u de interactie van de gebruiker wilt beschrijven, gebruikt u verplaatsen.
• Maak het label indien mogelijk op met vetgedrukte tekst. Anders plaatst u het label alleen tussen aanhalingstekens indien nodig om verwarring te voorkomen.

Voorbeeld: Als u de schermresolutie wilt verhogen, verplaatst u de schermresolutie schuifregelaar naar rechts.

Verwante onderwerpen

woordenlijst