Richtlijnen voor app-instellingen

App-instellingen zijn de door de gebruiker aanpasbare gedeelten van uw Windows-app die toegankelijk zijn via een pagina met app-instellingen. Met een nieuwslezer-app kan de gebruiker bijvoorbeeld opgeven welke nieuwsbronnen moeten worden weergegeven of hoeveel kolommen op het scherm moeten worden weergegeven, terwijl een weer-app de gebruiker kan laten kiezen tussen Celsius en Fahrenheit. Dit artikel bevat aanbevelingen en aanbevolen procedures voor het maken en weergeven van app-instellingen.

Wanneer moet u een instellingenpagina opgeven

Hier volgen voorbeelden van app-opties die deel uitmaken van een pagina met app-instellingen:

• Configuratieopties die van invloed zijn op het gedrag van de app en die niet regelmatig moeten worden aangepast, zoals het kiezen tussen Celsius of Fahrenheit als standaardeenheden voor temperatuur in een weer-app, het wijzigen van accountinstellingen voor een e-mail-app, instellingen voor meldingen of toegankelijkheidsopties.
• Opties die afhankelijk zijn van de voorkeuren van de gebruiker, zoals muziek, geluidseffecten of kleurthema's.
• App-informatie die niet vaak wordt geopend, zoals privacybeleid, help, app-versie of copyrightgegevens.

Opdrachten die deel uitmaken van de typische app-werkstroom (bijvoorbeeld het wijzigen van de grootte van de kwast in een kunst-app) mogen zich niet op een instellingenpagina bevinden. Zie De basisprincipes van opdrachtontwerp voor meer informatie over de plaatsing van opdrachten.

Algemene aanbevelingen

• Houd instellingenpagina's eenvoudig en gebruik van binaire (aan/uit) besturingselementen. Een wisselknop is meestal het beste besturingselement voor een binaire instelling.
• Gebruik radioknoppen voor instellingen waarmee gebruikers één item uit een set van maximaal 5 onderling uitsluitende gerelateerde opties kunnen kiezen.
• Maak een toegangspunt voor alle app-instellingen op de pagina van uw app-instelling.
• Houd uw instellingen eenvoudig. Definieer slimme standaardinstellingen en behoud het aantal instellingen tot een minimum.
• Wanneer een gebruiker een instelling wijzigt, moet de app onmiddellijk de wijziging weerspiegelen.
• Neem geen opdrachten op die deel uitmaken van de algemene app-werkstroom.

Ingangspunt

De manier waarop gebruikers naar uw pagina met app-instellingen gaan, moeten zijn gebaseerd op de indeling van uw app.

Navigatiedeelvenster

Voor een navigatiedeelvensterindeling moeten app-instellingen het laatste item in de lijst met navigatieopties zijn en aan de onderkant worden vastgemaakt:

Opdrachtbalk

Als u een opdrachtbalk of werkbalk gebruikt, plaatst u het invoerpunt voor instellingen als een van de laatste items in het overloopmenu Meer. Als grotere vindbaarheid van het toegangspunt voor instellingen belangrijk is voor uw app, zet u het toegangspunt rechtstreeks op de opdrachtbalk en niet in het uitvouwmenu.

Hub

Als u een hubindeling gebruikt, moet het invoerpunt voor app-instellingen worden geplaatst in het overloopmenu Meer van een opdrachtbalk.

Tabbladen/zwenkmenu's

Voor een indeling voor tabbladen of draaitabellen raden we u niet aan het invoerpunt voor app-instellingen te plaatsen als een van de belangrijkste items in de navigatie. In plaats daarvan moet het toegangspunt voor app-instellingen worden geplaatst in het overloopmenu Meer van een opdrachtbalk.

Lijstdetails

In plaats van het invoerpunt van de app-instellingen diep te begraven in een deelvenster met lijstdetails, maakt u het laatste vastgemaakte item op het hoogste niveau van het lijstvenster.

Layout

Het venster met app-instellingen moet volledig scherm openen en het hele venster vullen. Als uw app-instellingenmenu maximaal vier groepen op het hoogste niveau bevat, moeten deze groepen één kolom trapsgewijs omlaag gaan.

Instellingen voor 'Kleurmodus'

Als uw app toestaat dat gebruikers de kleurmodus van de app kiezen, presenteer deze opties met keuzerondjes of een keuzelijst met de titel 'Kies een app-modus'. De opties moeten luiden

• Light
• Dark
• Windows-standaardinstelling

U wordt ook aangeraden een hyperlink toe te voegen aan de pagina Kleuren van Windows-instellingen waar gebruikers de huidige standaard-app-modus kunnen openen en wijzigen. Gebruik de tekenreeks 'Windows-kleurinstellingen' voor de hyperlinktekst en ms-settings:colors voor de URI.

Over-ons sectie en Feedback knop

U wordt aangeraden de sectie Over deze app in uw app te plaatsen als een speciale pagina of in een eigen sectie. Als u een knop Feedback verzenden wilt, plaatst u deze onder aan de pagina Over deze app.

Plaats onder een "Legal" subheader alle "Gebruiksvoorwaarden" en "Privacyverklaring" (moeten hyperlinkknoppen met tekstterugloop zijn) en aanvullende juridische informatie, zoals copyright.

Aanbevolen pagina-inhoud

Wanneer u een lijst hebt met items die u wilt opnemen op de pagina met app-instellingen, kunt u de volgende richtlijnen overwegen:

• Groepeer vergelijkbare of gerelateerde instellingen onder één instellingenlabel.

• Probeer het totale aantal instellingen maximaal vier of vijf te houden.

• Dezelfde instellingen weergeven, ongeacht de app-context. Als sommige instellingen niet relevant zijn in een bepaalde context, schakelt u deze uit in de flyout met app-instellingen.

• Gebruik beschrijvende, één woordlabels voor instellingen. Geef bijvoorbeeld de instelling 'Accounts' in plaats van 'Accountinstellingen' op voor accountgerelateerde instellingen. Als u slechts één optie voor uw instellingen wilt en de instellingen zich niet lenen voor een beschrijvend label, gebruikt u 'Opties' of 'Standaardwaarden'.

• Als een instelling rechtstreeks naar het web wordt gekoppeld in plaats van een flyout, laat de gebruiker dit weten met een visuele aanwijzing, zoals 'Help (online)' of 'Webforums' die zijn gestijld als hyperlink. U kunt meerdere koppelingen naar internet groeperen in een flyout met één instelling. Een instelling Over kan bijvoorbeeld een flyout openen met koppelingen naar uw gebruiksvoorwaarden, privacybeleid en app-ondersteuning.

• Combineer minder gebruikte instellingen in één vermelding, zodat meer algemene instellingen elk hun eigen vermelding kunnen hebben. Plaats inhoud of koppelingen die alleen informatie bevatten in de instelling "Over".

• Dupliceer de functionaliteit niet in het deelvenster Machtigingen. Windows biedt dit deelvenster standaard en u kunt het niet wijzigen.

• Instellingeninhoud toevoegen aan Instellingen-Flyouts

• Presenteer inhoud van boven naar beneden in één kolom, schuifbaar indien nodig. Beperk het schuiven tot maximaal twee keer de schermhoogte.

• Gebruik de volgende besturingselementen voor app-instellingen:

  • Schakelopties in- of uitschakelen: hiermee kunnen gebruikers waarden in- of uitschakelen.
  • Keuzerondjes: Gebruikers kunnen één item kiezen uit een set van maximaal 5 wederzijds exclusieve, gerelateerde opties.
  • Tekstvak voor tekstinvoer: hiermee kunnen gebruikers tekst invoeren. Gebruik het type tekstinvoervak dat overeenkomt met het type tekst dat u van de gebruiker krijgt, zoals een e-mailadres of wachtwoord.
  • Hyperlinks: de gebruiker naar een andere pagina in de app of naar een externe website brengen. Wanneer een gebruiker op een hyperlink klikt, wordt de Instellingen-flyout gesloten.
  • Knoppen: Om gebruikers een onmiddellijke actie te laten starten zonder de Instellingen-flyout te sluiten.

• Voeg een beschrijvend bericht toe als een van de besturingselementen is uitgeschakeld. Plaats dit bericht boven het uitgeschakelde bedieningselement.

• Pas animatie toe op inhoud en besturingselementen als één blok nadat de flyout Instellingen en de koptekst zijn geanimeerd. Pas animaties toe op inhoud met behulp van de enterPage of EntranceThemeTransition animaties met een verschuiving van 100px naar links.

• Gebruik sectiekoppen, alinea's en labels om inhoud te organiseren en te verduidelijken, indien nodig.

• Als u instellingen wilt herhalen, gebruikt u een extra niveau van de gebruikersinterface of een model voor uitvouwen/samenvouwen, maar vermijdt u hiërarchieën die dieper zijn dan twee niveaus. Een weer-app die instellingen per plaats biedt, kan bijvoorbeeld de steden vermelden en de gebruiker op de stad laten tikken om een nieuwe flyout te openen of uit te vouwen om de instellingenopties weer te geven.

• Als het laden van besturingselementen of webinhoud tijd kost, gebruikt u een onbepaald voortgangsbesturingselement om aan te geven dat de gegevens worden geladen. Zie Richtlijnen voor voortgangsbeheer voor meer informatie.

• Gebruik geen knoppen voor navigatie of om wijzigingen door te voeren. Gebruik hyperlinks om naar andere pagina's te navigeren en in plaats van een knop te gebruiken om wijzigingen door te voeren, worden wijzigingen automatisch opgeslagen in app-instellingen wanneer een gebruiker de flyout Instellingen sluit.

Verwante artikelen

• Basisbeginselen van opdrachtontwerp
• Richtlijnen voor voortgangscontroles
• App-gegevens opslaan en ophalen
• EntranceThemeTransition