Condividi tramite

Linee guida per le aree di interazione

Tutti gli elementi interattivi dell'interfaccia utente nell'applicazione Windows devono essere sufficientemente grandi per consentire agli utenti di access e usarli in modo accurato, indipendentemente dal tipo di dispositivo o dal metodo di input.

Il supporto dell'input touch (e la natura relativamente imprecisa dell'area di contatto touch) richiede un'ulteriore ottimizzazione riguardo le dimensioni del bersaglio e il layout dei controlli, poiché il set di dati di input più grande e complesso fornito dal digitalizzatore touch viene utilizzato per determinare il bersaglio previsto (o più probabile) dell'utente.

Tutti i controlli UWP sono stati progettati con dimensioni e layout di destinazione tocco predefiniti che consentono di creare app visivamente bilanciate e accattivanti che sono confortevoli, facili da usare e ispirano fiducia.

In questo argomento vengono descritti questi comportamenti predefiniti in modo da poter progettare l'app per garantire la massima usabilità usando sia i controlli della piattaforma che i controlli personalizzati (se l'app li richiede).

API importanti: Windows.UI.Core, Windows.UI.Input, Windows.UI.Xaml.Input

Dimensioni obiettivo

In generale, imposta le dimensioni dell'area di contatto su un quadrato di 7,5 mm (40x40 pixel su uno schermo a 135 PPI con una scalatura di 1,0x). In genere, i controlli WinUI sono allineati al target touch di 7,5 mm (questo può variare in base al controllo specifico e a qualsiasi pattern di utilizzo comune). Per altri dettagli, vedi Dimensioni e densità del controllo .

Queste raccomandazioni relative alle dimensioni di destinazione possono essere modificate in base alle esigenze dello scenario specifico. Di seguito sono riportati alcuni punti da prendere in considerazione:

  • Frequenza dei tocchi: valutare la possibilità di rendere più grandi i target che vengono toccati ripetutamente o frequentemente rispetto al minimo.
  • Conseguenza dell'errore: le destinazioni che hanno gravi conseguenze se toccate in errore devono avere una spaziatura interna maggiore e essere posizionate più lontano dal bordo dell'area del contenuto. Questo vale soprattutto per gli obiettivi che vengono toccati frequentemente.
  • Posizione nell'area del contenuto.
  • Fattore di forma e dimensioni dello schermo.
  • Posizione del dito.
  • Visualizzazioni tattili.

Samples

Esempi di archivio

  • Last updated on