Delen via

Richtlijnen voor aanraakpunten

Alle interactieve UI-elementen in uw Windows-toepassing moeten groot genoeg zijn om gebruikers nauwkeurig toegang te geven tot en te gebruiken, ongeacht het apparaattype of de invoermethode.

Het ondersteunen van aanraakinvoer (en het relatief onnauwkeurige karakter van het contactgebied met aanraakcontact) vereist verdere optimalisatie met betrekking tot de doelgrootte en de bedieningslay-out, omdat de grotere, complexere set invoergegevens die door de touchscreen-digitizer wordt gerapporteerd, wordt gebruikt om het beoogde (of meest waarschijnlijke) doelwit van de gebruiker te bepalen.

Alle UWP-besturingselementen zijn ontworpen met standaardgrootten en indelingen waarmee u visueel evenwichtige en aantrekkelijke apps kunt bouwen die comfortabel, gemakkelijk te gebruiken zijn en vertrouwen inspireren.

In dit onderwerp beschrijven we dit standaardgedrag, zodat u uw app kunt ontwerpen voor maximale bruikbaarheid met behulp van platformbesturingselementen en aangepaste besturingselementen (indien nodig voor uw app).

Belangrijke API's: Windows.UI.Core, Windows.UI.Input, Windows.UI.Xaml.Input

Fluent Standard-grootte

Fluent Standard-formaat is gemaakt om een balans te bieden tussen informatiedichtheid en gebruikerscomfort. In feite worden alle items op het scherm uitgelijnd op een doel van 40x40 effectieve pixels (epx), waarmee UI-elementen op een raster kunnen worden uitgelijnd en op de juiste manier kunnen worden geschaald op basis van schaalaanpassing op systeemniveau.

Opmerking

Zie Schermgrootten en onderbrekingspunten voor meer informatie over effectieve pixels en schalen

Zie Uitlijning, marge, opvulling voor meer informatie over schalen op systeemniveau.

Fluent Compact-formaat

Toepassingen kunnen een hoger niveau van informatiedichtheid weergeven met Fluent Compact-formaat. Met compact formaat worden UI-elementen uitgelijnd op een epx-doel van 32x32, waarmee UI-elementen kunnen worden uitgelijnd op een strakker raster en op de juiste manier kunnen worden geschaald op basis van schaalaanpassing op systeemniveau.

Voorbeelden

Compacte grootte kan worden toegepast op pagina- of rasterniveau.

Paginaniveau

<Page.Resources>
    <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
</Page.Resources>

Rasterniveau

<Grid>
    <Grid.Resources>
        <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
    </Grid.Resources>
</Grid>

Doelgrootte

Over het algemeen stelt u de grootte van het aanraakdoel in op 7,5 mm vierkant bereik (40x40 pixels op een 135 PPI-display op een schaalplateau van 1,0x). Uwp-besturingselementen zijn doorgaans afgestemd op het aanraakdoel van 7,5 mm (dit kan variëren op basis van het specifieke besturingselement en eventuele algemene gebruikspatronen). Zie De grootte en dichtheid van besturingselementen voor meer informatie.

Deze aanbevelingen voor de doelgrootte kunnen naar behoefte worden aangepast voor uw specifieke scenario. Hier zijn enkele dingen om te overwegen:

  • Frequentie van aanrakingen: overweeg om doelen die herhaaldelijk of vaak worden ingedrukt groter te maken dan de minimale grootte.
  • Gevolgen van fouten: doelen die ernstige gevolgen hebben als ze per ongeluk worden aangeraakt, moeten een grotere marge hebben en verder van de rand van het inhoudsgebied worden geplaatst. Dit geldt vooral voor doelen die regelmatig worden aangeraakt.
  • Positie in het inhoudsgebied.
  • Vormfactor en schermgrootte.
  • Vingerpostuur.
  • Aanraakvisualisaties.

Samples

Archiefvoorbeelden

  • Last updated on