Skjutreglage (grundläggande design)

Not

Den här designguiden skapades för Windows 7 och har inte uppdaterats för nyare versioner av Windows. Mycket av vägledningen gäller fortfarande i princip, men presentationen och exemplen återspeglar inte vår nuvarande designvägledning.

Med ett skjutreglage kan användarna välja mellan ett kontinuerligt värdeintervall. Ett skjutreglage har ett fält som visar intervallet och en indikator som visar det aktuella värdet. Valfria bockmarkeringar visar värden.

Ett typiskt skjutreglage.

Not

Riktlinjer som rör layout visas i en separat artikel.

 

Är det här rätt kontroll?

Använd ett skjutreglage när du vill att användarna ska kunna ange definierade, sammanhängande värden (till exempel volym eller ljusstyrka) eller ett intervall med diskreta värden (till exempel inställningar för skärmupplösning).

Ett skjutreglage är ett bra val när du vet att användarna ser värdet som en relativ kvantitet, inte ett numeriskt värde. Användarna tänker till exempel på att ställa in sin ljudvolym på låg eller medelhög – inte på att ange värdet till 2 eller 5.

Du kan ta ställning till följande frågor:

• Verkar inställningen vara en relativ kvantitet? Annars använder du alternativknappareller en listruta eller envalslista.
• Är inställningen ett exakt, känt numeriskt värde? I så fall använder du en numeriska textrutor.
• Skulle en användare dra nytta av omedelbar feedback om effekten av att ställa in ändringar? I så fall använder du ett skjutreglage. Användare kan till exempel välja en färg enklare genom att omedelbart se effekten av ändringar i värden för nyans, mättnad eller ljusstyrka.
• Har inställningen ett intervall på fyra eller fler värden? Om inte, använd alternativknappar.
• Kan användaren ändra värdet? Skjutreglage är för användarinteraktion. Om en användare aldrig kan ändra värdet använder du en skrivskyddad textruta i stället.

Om ett skjutreglage eller en numerisk textruta är möjlig använder du en numerisk textruta om:

• Skärmutrymmet är trångt.
• En användare föredrar troligen att använda tangentbordet.

Använd ett skjutreglage om:

• Användarna kommer att dra nytta av omedelbar feedback.

Riktlinjer

• Använd en naturlig orientering. Om skjutreglaget till exempel representerar ett verkligt värde som normalt visas lodrätt (till exempel temperatur) använder du en lodrät orientering.

• Orientera skjutreglaget så att det återspeglar användarnas kultur. Till exempel läser västerländska kulturer från vänster till höger, så för vågräta skjutreglage placerar du den låga änden av intervallet till vänster och den höga änden till höger. För kulturer som läser från höger till vänster, gör motsatsen.

• Ändra kontrollens storlek så att en användare enkelt kan ange önskat värde. För inställningar med diskreta värden kontrollerar du att användaren enkelt kan välja valfritt värde med musen.

• Överväg att använda en icke-linjär skala om intervallet med värden är stort och användarna sannolikt kommer att välja värden i ena änden av intervallet. Till exempel kan tidsvärdet vara 1 minut, 1 timme, 1 dag eller 1 månad.

• När det är praktiskt kan du ge omedelbar feedback när eller efter att en användare gör ett val. Volymkontrollen i Microsoft Windows pipar till exempel för att indikera den resulterande ljudvolymen.

• Använd etiketter för att visa värden.

  Undantag: Om skjutreglaget är lodrätt orienterad och den översta etiketten är Maximum, Hög, Mer eller motsvarande, kan du utelämna de andra etiketterna eftersom innebörden är tydlig.

  

  I det här exemplet gör skjutreglagets lodräta orientering intervalletiketterna onödiga.

• Använd bockmarkeringar när användarna behöver veta det ungefärliga värdet för inställningen.

• Använd bockmarkeringar och en värdeetikett när användarna behöver veta det exakta värdet för den inställning de väljer. Använd alltid en värdeetikett om en användare behöver känna till enheterna för att förstå inställningen.

  

  I det här exemplet används en etikett för att tydligt ange det valda värdet.

• För vågrätt orienterade skjutreglage placerar du bockmarkeringar under skjutreglaget. För vertikalt orienterade skjutreglage placerar du bockmarkeringar till höger för västerländska kulturer; för kulturer som läser från höger till vänster, gör motsatsen.

• Placera värdeetiketten helt under skjutreglaget så att relationen är tydlig.

  felaktig:

  

  I det här exemplet justeras inte värdeetiketten under skjutreglaget.

• Inaktivera även eventuella associerade etiketter när du inaktiverar ett skjutreglage.

• Använd inte både ett skjutreglage och en numerisk textruta för samma inställning. Använd bara den mer lämpliga kontrollen.

  Undantag: Använd båda kontrollerna när användaren behöver både omedelbar feedback och möjlighet att ange ett exakt numeriskt värde.

• Använd inte ett skjutreglage som förloppsindikator.

• Ändra inte skjutreglagets storlek från standardstorleken.

  felaktig:

  

  I det här exemplet används en storlek som är mindre än standardvärdet.

  rätt:

  

  I det här exemplet används standardstorleken.

• Märk inte alla bockmarkeringar.

Rekommenderad storlek och avstånd

Rekommenderad storlek och avstånd för skjutreglage.

Etiketter

Skjutreglageetiketter

• Använd en statisk textetikett som slutar med ett kolon eller en gruppruta utan avslutande skiljetecken.
• Tilldela en unik åtkomstnyckel till varje etikett. Riktlinjer för tilldelning finns i Tangentbord.
• Använd versalisering i meningsformat.
• Placera skjutreglagets etikett antingen till vänster om skjutreglaget eller ovanför och justerat mot skjutreglagets vänstra kant (eller dess vänstra intervallidentifierare, om det finns).

Intervalletiketter

• Märk skjutreglagets två ändar, såvida inte en lodrät orientering gör detta onödigt.
• Använd endast ord, om möjligt, för varje etikett.
• Använd inte avslutande skiljetecken.
• Kontrollera att etiketterna är beskrivande och parallella. Exempel: Maximum/Minimum, More/Less, Low/High, Soft/Loud.
• Använd versalisering i meningsformat.
• Tilldela inte åtkomstnycklar.

Värdeetiketter

• Om du behöver en värdeetikett visar du den under skjutreglaget.

• Centrera texten i förhållande till kontrollen och inkludera enheterna (till exempel bildpunkter).

  

  I det här exemplet centreras värdeetiketten under skjutreglaget och innehåller enheterna.

Dokumentation

När du refererar till skjutreglage:

• Använd den exakta etiketttexten, inklusive dess versaler, och inkludera ordet skjutreglage. Ta inte med understrecket eller kolonet för åtkomstnyckeln.
• Om du vill beskriva användarinteraktion använder du flytta.
• Formatera etiketten med fet text när det är möjligt. Annars placerar du etiketten endast inom citattecken om det behövs för att förhindra förvirring.

Exempel: Om du vill öka skärmupplösningen flyttar du Skärmupplösning skjutreglage till höger.

Relaterade ämnen

ordlista