Grundläggande kommandon

I en Windows-app är kommandoelement interaktiva gränssnittselement som låter användare utföra åtgärder som att skicka ett e-postmeddelande, ta bort ett objekt eller skicka ett formulär. Kommandogränssnitt består av vanliga kommandoelement, de kommandoytor som är värdar för dem, de interaktioner som de stöder och de upplevelser som de tillhandahåller.

Ge den bästa kommandoupplevelsen

Den viktigaste aspekten av ett kommandogränssnitt är det du försöker låta en användare utföra. När du planerar appens funktioner bör du överväga de steg som krävs för att utföra dessa uppgifter och de användarupplevelser som du vill aktivera. När du har slutfört ett första utkast till dessa upplevelser kan du fatta beslut om verktygen och interaktionerna för att implementera dem.

Här följer några vanliga kommandoupplevelser:

• Skicka eller lämna in information
• Välja inställningar och alternativ
• Söka efter och filtrera innehåll
• Öppna, spara och ta bort filer
• Redigera eller skapa innehåll

Var kreativ med utformningen av dina kommandoupplevelser. Välj vilka indataenheter som appen stöder och hur appen svarar på varje enhet. Genom att stödja det bredaste utbudet av funktioner och inställningar gör du din app så användbar, bärbar och tillgänglig som möjligt (mer information finns i Kommandodesign för Windows-appar ).

Välj rätt kommandoelement

Att använda rätt element i ett kommandogränssnitt kan göra skillnaden mellan en intuitiv, lätthanterad app och en svår, förvirrande app. En omfattande uppsättning kommandoelement finns i Windows-appen. Här är en lista över några av de vanligaste UWP-kommandoelementen.

Knappar

knappar utlöser en omedelbar åtgärd. Exempel är att skicka ett e-postmeddelande, skicka formulärdata eller bekräfta en åtgärd i en dialogruta.

listor

Listor presenterar objekt i en interaktiv lista eller ett rutnät. Används vanligtvis för många alternativ eller visningsobjekt. Exempel är rullgardinsmeny, listruta, listvyer och rutnätsvyer.

Valkontroller

Låter användarna välja bland några alternativ, till exempel när de slutför en undersökning eller konfigurerar appinställningar. Exempel är Kryssruta, Radioknappoch Vippströmbrytare.

Kalender-, datum- och tidsväljare

Med kalender-, datum- och tidsväljare kan användarna visa och ändra information om datum och tid, till exempel när de skapar en händelse eller anger ett larm. Exempel är kalenderdatumväljare, kalendervy, datumväljare, tidsväljare.

Prediktiv textinmatning

Innehåller förslag som användare skriver, till exempel när du anger data eller utför frågor. Exempel är AutoSuggestBox.

En fullständig lista finns i Kontroller och gränssnittselement

Placera kommandon på höger yta

Du kan placera kommandoelement på ett antal ytor i din app, inklusive apparbetsytan eller särskilda kommandocontainrar, till exempel ett kommandofält, en utfällbar kommandorad, en menyrad eller en dialogruta.

Försök alltid att låta användare ändra innehåll direkt i stället för via kommandon som agerar på innehållet, till exempel att dra och släppa för att ordna om listobjekt i stället för upp- och nedkommandoknappar.

Detta kanske dock inte är möjligt med vissa indataenheter, eller när specifika användarförmågor och inställningar måste beaktas. I dessa fall tillhandahåller du så många kommandon som möjligt och placerar dessa kommandoelement på en kommandoyta i din app.

Här är en lista över några av de vanligaste kommandoytorna.

Apparbetsyta (innehållsområde)

Om ett kommando ständigt behövs för att användarna ska kunna slutföra kärnscenarier lägger du det på arbetsytan. Eftersom du kan placera kommandon nära (eller på) objekten som de påverkar, gör det enkelt och uppenbart att placera kommandon på arbetsytan. Välj dock de kommandon som du lägger på arbetsytan noggrant. För många kommandon på apparbetsytan tar upp värdefullt skärmutrymme och kan överbelasta användaren. Om kommandot inte används ofta bör du överväga att placera det på en annan kommandoyta.

kommandofält och menyfält

Kommandostaplar hjälper att organisera kommandon och göra dem enkla att komma åt. Kommandostaplar kan placeras överst på skärmen, längst ned på skärmen eller både överst och längst ned på skärmen (en menyrad kan också användas när funktionerna i din app är för komplexa för ett kommandofält).

Menyer och snabbmenyer

Menyer och snabbmenyer sparar utrymme genom att ordna kommandon och dölja dem tills användaren behöver dem. Användare kommer vanligtvis åt en meny eller snabbmeny genom att klicka på en knapp eller högerklicka på en kontroll.

CommandBarFlyout är en typ av snabbmeny som kombinerar fördelarna med ett kommandofält och en snabbmeny till en enda kontroll. Den kan ge genvägar till vanliga åtgärder och ge åtkomst till sekundära kommandon som endast är relevanta i vissa sammanhang, till exempel Urklipp eller anpassade kommandon.

UWP innehåller också en uppsättning traditionella menyer och snabbmenyer. Mer information finns i Menyer och snabbmenyer.

Ge feedback om kommandon

Feedback om kommandon kommunicerar till användare om att en interaktion eller ett kommando har identifierats, hur kommandot tolkades och hanterades samt om kommandot lyckades eller inte. Detta hjälper användarna att förstå vad de har gjort och vad de kan göra härnäst. Helst bör feedback integreras naturligt i ditt användargränssnitt, så att användarna inte behöver avbrytas eller vidta ytterligare åtgärder om det inte är absolut nödvändigt.

Anmärkning

Ge endast feedback när det behövs och endast om det inte är tillgängligt någon annanstans. Håll programgränssnittet rent och rensat såvida du inte lägger till värde.

Här följer några sätt att ge feedback i din app.

Kommandofält

Innehållsområdet i kommandofältet är en intuitiv plats för att kommunicera status till användare om de vill se feedback.

Flygmenyer

Utfallande fönster är lätta, kontextuella popup-fönster som kan stängas genom att trycka eller klicka någonstans utanför det utfallande fönstret.

Dialogkontroller

Dialogkontroller är modala gränssnittsöverlägg som ger sammanhangsberoende appinformation. I de flesta fall blockerar dialogrutor interaktioner med appfönstret tills de uttryckligen avvisas och begär ofta någon form av åtgärd från användaren. Dialogrutor kan vara störande och bör endast användas i vissa situationer. Mer information finns i avsnittet När du vill bekräfta eller ångra åtgärder .

Tips/Råd

Var försiktig med hur mycket din app använder bekräftelsedialogrutor. De kan vara till stor hjälp när användaren gör ett misstag, men de är ett hinder när användaren försöker utföra en åtgärd avsiktligt.

När du ska bekräfta eller ångra åtgärder

Oavsett hur väldesignade programmets användargränssnitt är utför alla användare en åtgärd som de önskar att de inte hade gjort. Din app kan hjälpa till i dessa situationer genom att kräva bekräftelse av en åtgärd eller genom att tillhandahålla ett sätt att ångra de senaste åtgärderna.

För åtgärder som inte kan ångras och får stora konsekvenser rekommenderar vi att du använder en bekräftelsedialogruta. Exempel på sådana åtgärder är:

• Skriva över en fil
• Spara inte en fil innan du stänger
• Bekräfta permanent borttagning av en fil eller data
• Göra ett köp (såvida inte användaren avanmäler sig från att kräva en bekräftelse)
• Skicka ett formulär, till exempel registrera dig för något

För åtgärder som kan ångras räcker det vanligtvis att erbjuda ett enkelt ångra-kommando. Exempel på sådana åtgärder är:

• Ta bort en fil
• Ta bort ett e-postmeddelande (inte permanent)
• Ändra innehåll eller redigera text
• Byta namn på en fil

Optimera för specifika indatatyper

För mer information om hur du optimerar användarupplevelser kring en specifik indatatyp eller enhet, se Interaktionsintroduktionen.