Kommandolänkar
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 kommandolänkar väljer användarna ett enda svar på en huvudinstruktion och går sedan vidare till nästa steg i en uppgift.
Kommandolänkar har ett enkelt utseende som möjliggör beskrivande etiketter och som visas med antingen en standardpil eller anpassad ikon och en valfri kompletterande förklaring.
En typisk uppsättning kommandolänkar.
Kommandolänkar liknar alternativknappar eftersom de används för att välja bland en uppsättning ömsesidigt uteslutande, relaterade alternativ. Precis som alternativknappar visas kommandolänkar alltid i uppsättningar, aldrig individuellt. I utseende har kommandolänkar det lätta utseendet som liknar vanliga länkar, utan en ram eller annan stark klickning affordance. Kommandolänkar liknar också kommandoknappar, eftersom de kan vara standardkommandoknappen och de kan ha en tilldelad åtkomstnyckel. Precis som incheckningsknappar, stänger de antingen fönstret (för dialogrutor) eller går vidare till nästa sida (för guider och sidflöden).
Är det här rätt kontroll?
Du kan ta ställning till följande frågor:
Är alternativen svar på huvudinstruktionen och relaterade till det primära syftet med fönstret eller sidan? Måste användarna svara på dem för att göra något annat än att bara navigera till en annan sida? Om inte använder du en annan kontroll, till exempel kommandoknappar eller länkar. Kommandolänkar är inte lämpliga för sekundära eller valfria alternativ eller ren navigering.
Även om anpassningskontrollpanelens objekt ser ut att använda kommandolänkar är alternativen vanliga länkar eftersom den här hubbsidan är för ren navigering.
Används kontrollen för att välja ett svar från en uppsättning ömsesidigt uteslutande svar? Om inte använder du en annan kontroll. Om du vill låta användarna välja enskilda kommandon använder du kommandoknappar eller länkar.
Stänger du fönstret när du klickar på kontrollen för dialogrutor? Annars använder du en kontroll som inte kräver att fönstret stängs, till exempel alternativknappar, kommandoknappar eller länkar.
felaktig:
Kommandolänkar kan inte användas i egenskapsfönster eller i dialogrutor med flikar eftersom om du klickar på kontrollen stängs fönstret.
För guider och sidflöden går du vidare till nästa sida utan åtagande? Använd inte kommandolänkar för att checka in en uppgift. använd incheckningsknapparna i stället. Eftersom kommandolänkar ser ut som länkar och användare associerar länkar med navigering i ett sidflöde är länkar inte lämpliga för incheckningssidor eftersom användarna alltid ska kunna säkerhetskopiera.
Använder andra sidor kommandolänkar för guider och sidflöden? I så fall, och alla andra faktorer är lika, föredrar du kommandolänkar för konsekvens mellan sidor.
Är antalet svar mellan två och fem? Det får aldrig finnas en enda kommandolänk. Eftersom kommandolänkar är stora kontroller och skärmutrymmet som används är proportionellt mot antalet alternativ behåller du antalet svar till fem eller färre. För sex eller fler alternativ använder du alternativknappar, vanliga länkar eller en listvy.
I det här exemplet använder funktionen Spela upp automatiskt i Microsoft Windows en listvy.
Skulle en kombination av alternativknappar och en incheckningsknapp vara ett bättre val? Alternativknappar är ett bättre val när något av följande är sant:
Det finns ett starkt standardalternativ som du vill att de flesta användare ska välja. Användare är mindre benägna att ändra en standardknapp för alternativ än en standardkommandolänk, särskilt i en guide, där användarna är vana vid att klicka på Nästa för att acceptera lämpliga standardvärden. Å andra sidan är kommandolänkar ett bättre alternativ om du vill uppmuntra användarna att göra ett explicit val.
Användarna måste interagera med valen (kanske för att se ytterligare information) innan de fattar ett beslut. Om du till exempel väljer en alternativknapp kan en beskrivning av alternativet visas dynamiskt.
I det här exemplet visar en beskrivning av alternativet när du väljer en alternativknapp.
Det finns sekundära eller relaterade alternativ på sidan. Kommandolänkar tenderar att dominera sidan, vilket gör det enkelt att förbise allt annat. När du klickar på en kommandolänk går det dessutom inte att välja sekundära alternativ.
felaktig:
I det här exemplet finns det två olika sätt att svara på huvudinstruktionen. En kommandolänk användes inte för det första svaret eftersom det skulle vara svårt att välja sekundära alternativ.
rätt:
I det här exemplet gör alternativknapparna svaren tydliga, samtidigt som användarna kan välja sekundära alternativ.
Skulle en grupp incheckningsknappar vara ett bättre val för dialogrutor? Kommandolänkar fungerar bättre när alternativen kräver längre, mer förklarande svar och kompletterande förklaringar, men en grupp med incheckningsknappar är ett bättre alternativ om det finns några enkla alternativ.
felaktig:
I det här exemplet gör användning av kommandolänkar för enkla kommandon dialogrutan onödigt komplicerad.
rätt:
I det här exemplet kan du använda enkla incheckningsknappar direkt.
Självförklarande kommandolänkar är dock alltid bättre när text används för att förklara incheckningsknappar.
felaktig:
I det här exemplet används text för att förklara incheckningsknapparna.
rätt:
I det här exemplet är kommandolänkarna självförklarande.
Not
Kommandolänkar kräver Windows Vista eller senare, så de är inte lämpliga för tidigare versioner av Windows. Du kan använda vanliga länkar som ersättning.
I det här exemplet används vanliga länkar med en ikon och en kompletterande förklaring som ersättning för kommandolänkar i Windows XP.
Designbegrepp
Bara för att kommandolänkar gör att du kan använda mer beskrivande etiketter och valfria kompletterande förklaringar betyder det inte att du bör göra det. Tänk på följande exempel:
felaktig:
Den här dialogrutan är allvarligt över kommunicerande.
Den här dialogrutan tar en enkel fråga och komplicerar den i onödan med kommandolänktext. Användarna vill inte läsa all text för sådana enkla frågor.
Vi kan förenkla den här dialogrutan genom att tillämpa tre riktlinjer för kommandolänkar:
- Använd inte en kompletterande förklaring som är en ordig omformulering av kommandolänken. Använd bara en kompletterande förklaring när du inte kan göra en självförklarande kommandolänk. Att tillhandahålla en kompletterande förklaring av en kommandolänk innebär inte att du måste ange dem för alla kommandon.
- Välj det säkraste (för att förhindra förlust av data eller systemåtkomst) och det säkraste svaret som standard. Om säkerhet och säkerhet inte är faktorer väljer du det mest sannolika eller praktiska svaret.
- Ange en explicit avbryt-knapp. Använd inte en kommandolänk för det här ändamålet.
Genom att tillämpa dessa riktlinjer kan vi eliminera onödiga kompletterande förklaringar, göra det lämpligaste svaret till standard och ange en explicit Avbryt-knapp.
Bättre:
En förbättrad version med enklare kommandolänkar.
Även om det är sant att den här versionen inte uttryckligen förklarar att inte sparande räknas som en förlust, kommer få användare att ändra sitt beslut baserat på den här informationen, vilket gör detta till en bra kompromiss.
Den här dialogrutan kan göras ännu bättre genom att analysera om kommandolänkar till och med är rätt kontroll att använda i det här fallet. Incheckningsknappar är faktiskt ett bättre alternativ, eftersom det inte behövs fler förklarande svar längre.
Bäst:
Rätt version använder incheckningsknappar för att komma direkt till punkten.
Kommandolänkar har många fördelar, men när de används oklokt leder de till överkommunikation. För dialogrutor bör du överväga att använda incheckningsknappar först och endast använda kommandolänkar om incheckningsknapparna inte fungerar som de ska.
När de används på rätt sätt bör kommandolänkarna förenkla och förtydliga användargränssnittet. Om resultatet är det motsatta tar du ett steg tillbaka, granskar alternativen och fokuserar på det du verkligen behöver för att kommunicera.
Om du bara gör en sak... Använd inte kommandolänkar för att över kommunicera. Kommandolänkar bör förenkla och förtydliga kommunikationen, inte göra det mer komplicerat.
Användningsmönster
Kommandolänkar har flera användningsmönster:
| Användning | Exempel |
|---|---|
| sidsvar Kommandolänkar används för att svara på huvudinstruktionen och gå vidare till nästa sida. | med det här mönstret ersätter kommandolänkarna nästa knapp, men det finns fortfarande en avbryt-knapp. Sidsvar innebär inte åtagande. eftersom kommandolänkar ser ut som länkar och användare associerar länkar med navigering i ett sidflöde är länkar inte lämpliga för incheckningssidor. användare bör alltid kunna säkerhetskopiera. 
I det här exemplet används kommandolänkar för att ge beskrivande svar på huvudinstruktionen. Alternativknappar kan användas här, men med kommandolänkar kan användarna svara med ett enda klick. |
| Dialogrutesvar Kommandolänkar används för att svara på huvudinstruktionen och stänga dialogrutan. | med det här mönstret ersätter kommandolänkarna incheckningsknapparna (till exempel ok), men det finns fortfarande en avbryt-knapp. Till skillnad från sidflöden finns det inget sätt att backa ur ett dialogrutebaserat svar när det har gjorts. Följaktligen innebär dialogrutekommandolänkar åtagande. 
I det här exemplet används kommandolänkar för att ge beskrivande svar på huvudinstruktionen. Alternativknappar kan användas här, men med kommandolänkar kan användarna välja med ett enda klick. |
| Detaljerade svar Ett sid- eller dialogsvar som innehåller detaljerad information. | ibland kan användarna behöva mer detaljerad information för att välja svar. 
I det här exemplet används detaljerade kommandolänkar så att användarna kan fatta välgrundade beslut. Miniatyrbilderna och filinformationen hjälper användarna att bestämma sig. |
Riktlinjer
Interaktion
- Visa en upptagen pekare om resultatet av att klicka på en kommandolänk inte är omedelbart. Utan feedback kan användarna anta att klicket inte skedde och klicka igen.
Presentation
Visa alltid kommandolänkar i en uppsättning med två eller fler. Logiskt sett finns det ingen anledning att ställa en fråga som bara har ett svar.
felaktig:
I det här exemplet verkar dialogrutan erbjuda användaren ett val, men det finns bara en instruktion. Det här bör vara en informationsdialogruta i stället.
Presentera de vanligaste kommandolänkarna först. Den resulterande ordningen bör ungefär följa sannolikheten för användning, men också ha ett logiskt flöde.
- Undantag: Kommandolänkar som resulterar i att allt görs bör placeras först.
Ange en explicit avbryt-knapp. Använd inte en kommandolänk för det här ändamålet. Ganska ofta inser användarna att de inte vill utföra en uppgift. Om du använder en kommandolänk för att avbryta måste användarna läsa alla kommandolänkar noggrant för att avgöra vilket innebär att avbryta. Med en explicit avbryt-knapp kan användarna avbryta en uppgift effektivt.
felaktig:
I det här exemplet ska kommandolänken Avsluta inte vara knappen Avbryt.
Om en explicit Avbryt-knapp lämnar en enda kommandolänk anger du både en kommandolänk för att avbryta och knappen Avbryt. Det gör det tydligt att användarna har ett val. Frasa den här kommandolänken när det gäller hur den skiljer sig från det första svaret, i stället för bara "Avbryt" eller någon variant.
I det här exemplet anger den andra kommandolänken att användaren har ett val, men allt det gör är att avbryta. Den är dock formulerad i termer av hur den skiljer sig från den första kommandolänken.
Använd Stäng i stället för Avbryt om du inte kan återställa miljön till dess tidigare tillstånd, utan att lämna någon bieffekt.
Visa inte inaktiverade kommandolänkar. Om en kommandolänk inte gäller för den aktuella kontexten tar du bort den i stället. Om du tar bort alla kommandolänkar som inte tillämpas lämnar en enda kommandolänk eliminerar du antingen fönstret eller sidan eller visar en bekräftelse om uttryckligt användarmedgivande behövs.
Ikoner
Alla kommandolänkar behöver en ikon. Ikonerna hjälper användarna att skilja kommandolänkar från vanliga länkar och användargränssnittstext.
Använd endast pilikonen för kommandolänkar. Vanliga länkar bör inte använda pilikonen om de inte används som ersättning för kommandolänkar i Windows XP.
Använd säkerhetssköldikonen för att ange att ett svar kräver omedelbar höjning. Ytterligare riktlinjer om hur du använder säkerhetsskärmsikonen finns i User Account Control.
Använd endast anpassade ikoner om de hjälper användarna att identifiera och särskilja alternativen visuellt. Använd inte anpassade ikoner om de inte är omedelbart igenkännliga eller meningsfulla.
felaktig:
I det här exemplet går det inte att känna igen de anpassade ikonerna direkt.
För anpassade ikoner använder du ikoner med 16 x 16 eller 32 x 32 bildpunkter. Använd de större ikonerna om det finns tillräckligt med utrymme och de drar nytta av den större storleken visuellt. Om du behöver säkerhetssköldöverlägg använder du ikonerna 32x32 eller 48 x 48 bildpunkter.
I det här exemplet används anpassade ikoner med 32 x 32 bildpunkter.
I det här exemplet används anpassade ikoner med 48 x 48 bildpunkter, med ett säkerhetssköldöverlägg.
Undvik att blanda anpassade ikoner med standardpilikonen i ett fönster eller en sida. Om du använder en anpassad ikon på en yta kan du försöka använda alla anpassade ikoner. Men föredrar standardpilikonen framför meningslösa anpassade ikoner.
Standardvärden
- Välj det säkraste (för att förhindra förlust av data eller systemåtkomst) och det säkraste svaret som standard. Om säkerhet och säkerhet inte är faktorer väljer du det mest sannolika eller praktiska svaret.
- När det är praktiskt gör du det första svaret till standardalternativet eftersom användarna ofta förväntar sig det om inte den ordningen inte är logisk.
- För dialogrutor ska du inte göra en destruktiv åtgärd till standardkommandolänken om det inte finns ett enkelt sätt att ångra åtgärden.
Rekommenderad storlek och avstånd
Etiketter
Not
Eftersom kommandolänkar är svar på en huvudinstruktion bör du skapa en bra huvudinstruktion innan du bestämmer dess svar.
kommandolänketiketter
Välj en koncis etikett som tydligt kommunicerar och särskiljer vad kommandolänken gör. Den bör vara självförklarande och motsvara huvudinstruktionen. Fokusera etiketterna på skillnaderna mellan svaren. Användarna ska inte behöva ta reda på vad kommandolänken egentligen betyder eller hur den skiljer sig från andra kommandolänkar.
felaktig:
Vad är skillnaden mellan det andra och det tredje svaret i det här exemplet? Är du inte glad att det finns en Avbryt-knapp?
Fokusera kommandolänketiketter på att hjälpa användare att fatta rätt beslut. Utelämna information som inte påverkar valet. Etiketterna behöver inte vara en fullständig specifikation av vad som kommer att hända.
Starta kommandolänkar med ett verb. Använd dock inte klicka eftersom etiketten ska kommunicera vad kommandolänken gör, inte hur den fungerar.
- Undantag: Om alla kommandolänkar börjar med samma verb eller fras eliminerar du det redundanta verbet eller frasen.
I allmänhet använder positiv frasering (vilket ger ett val att göra något). Negativ frasering (ger ett val att inte göra något) är acceptabelt om det gör etiketterna lättare att förstå.
Använd parallell frasering och enkelradsetiketter. Långa etiketter avråder från att läsa och bör inte vara nödvändiga. Det är också enklare att referera till etiketter med måttlig storlek i dokumentationen.
Använd versal i meningsformat.
Använd inte avslutande skiljetecken om inte etiketten är en fråga.
Tilldela en unik åtkomstnyckel. Riktlinjer finns i Tangentbord.
Använd inte ellipser. Ellipser innebär att mer information kan behövas för att utföra åtgärden. Korrekt använda kommandolänkar behöver inte ellipser eftersom de har en omedelbar effekt.
Om ett svar rekommenderas starkt lägger du till "(rekommenderas)" i etiketten. Se till att lägga till etiketten, inte den kompletterande förklaringen.
Om ett svar endast är avsett för avancerade användare kan du överväga att lägga till "(avancerat)" i etiketten. Se till att lägga till etiketten, inte den kompletterande förklaringen.
Tips: Du kan utvärdera kommandolänkar genom att föreställa dig att en vän angav huvudinstruktionen och svarade med kommandolänkarna. Om det skulle vara onaturligt eller besvärligt att svara med kommandolänkarna ändrar du kommandolänkarna och eventuellt huvudinstruktionen.
kompletterande förklaringar
Om en kommandolänk kräver ytterligare förklaring ge en kompletterande förklaring. Kompletterande förklaringar beskriver varför användare kanske vill välja ett svar eller vad som händer om ett svar väljs.
I det här exemplet beskriver den kompletterande förklaringen konsekvenserna av alternativet.
Använd inte en kompletterande förklaring som är ordrik omformulering av kommandolänken. Använd bara en kompletterande förklaring när du inte kan göra en självförklarande kommandolänk. Att tillhandahålla en kompletterande förklaring av en kommandolänk innebär inte att du måste ange dem för alla.
Fokusera kompletterande förklaringar på att hjälpa användare att fatta rätt beslut. Utelämna information som inte påverkar valet. De kompletterande förklaringarna behöver inte vara en fullständig specifikation av vad som kommer att hända.
Använd parallell frasering och högst tre textrader. Långa kompletterande förklaringar avråder läsning och bör inte vara nödvändigt.
Använd fullständiga meningar och avslutande skiljetecken.
kommandolänkgruppetiketter
- Använd inte gruppetiketter. Huvudinstruktioner fungerar som gruppetikett för kommandolänkar.
Dokumentation
När du refererar till kommandolänkar:
- Använd den exakta etiketttexten, inklusive dess versaler, men ta inte med understrecket för åtkomstnyckeln.
- Om etiketten innehåller ett objektnamn utelämnar du antingen objektnamnet eller använder platshållartext.
- Om du vill beskriva användarinteraktionen använder du klicka.
- 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 kopiera bilden klickar du på Kopiera och Ersätt.
Klicka på Återställ nätverkskortet. (För en kommandolänk med etiketten "Återställ nätverksadaptern adapterns namn".)