Nozioni fondamentali sulle interfacce utente di Light-Aware

Importante

Usare invece l'API sensore UWP .

L'API del sensore basata su COM è deprecata e non deve essere usata nelle nuove applicazioni. Non sono pianificate funzionalità o miglioramenti aggiuntivi e il supporto sarà limitato.

Il termine 'interfaccia utente con riconoscimento della luce si riferisce a un programma che usa i dati del sensore di luce per ottimizzare il contenuto, i controlli e altre immagini per un'esperienza utente ottimale in molte condizioni di illuminazione, che vanno dall'oscurità alla luce solare diretta. Forse le ottimizzazioni più importanti sono leggibilità, leggibilità e interazioni in luce solare diretta, perché le schermate in genere non funzionano bene in queste condizioni. In questa sezione ci concentriamo su tre proprietà dell'interfaccia utente: scala, contrasto e colore. Queste proprietà possono essere modificate per ottimizzare l'esperienza utente visiva.

Scala e luminosità

In generale, gli oggetti più grandi sono più facili da vedere. Quando il computer si trova in condizioni di illuminazione avverse (ad esempio in luce solare diretta) rendendo più grande il contenuto può contribuire a migliorare la leggibilità e l'interattività di tale contenuto.

Le fotografie seguenti confrontano un portatile con luce solare diretta con livelli di luminosità e zoom dello schermo tipici a un portatile nelle stesse condizioni di illuminazione con interfaccia utente con riconoscimento della luce. La prima fotografia mostra il display impostato su 40% luminosità con livelli di zoom normali. La seconda fotografia mostra il display impostato su 100% luminosità con livelli di zoom maggiori.

Variabile dimensione carattere

Se si aumentano le dimensioni del tipo di carattere utilizzato per visualizzare il testo, il testo è più leggibile in condizioni di illuminazione avverse. Lo stile del carattere, il viso del carattere e altre caratteristiche possono anche essere vari per ottimizzare la leggibilità e la leggibilità. Ad esempio, i tipi di carattere sans serif sono in genere più facili da leggere rispetto ai tipi di carattere serif.

Zoom del contenuto

Se il programma implementa lo zoom, può essere usato per ridimensionare il contenuto. Lo zoom avanti migliora la leggibilità durante lo zoom indietro consente al programma di visualizzare più contenuto.

Modifica delle proprietà di rendering dell'elemento grafico vettoriale

Se il programma esegue il rendering di primitive grafiche vettoriali (ad esempio linee, cerchi e così via), le caratteristiche del rendering possono essere modificate per ottimizzare la leggibilità. Ad esempio, se il programma esegue il rendering di rettangoli, la larghezza delle linee utilizzate per eseguire il rendering dei rettangoli potrebbe essere ridimensionata (più ampia per esterni e più stretta per gli interni) per ottimizzare l'aspetto e la leggibilità del contenuto grafico vettoriale.

Contrasto

Quando gli schermi LCD vengono utilizzati in condizioni di illuminazione luminosa, il contrasto complessivo dello schermo viene ridotto. Quando lo schermo viene inondato di luce (dal sole, ad esempio), la percezione dell'utente delle aree scure sullo schermo viene ridotta. In generale, ciò rende importante aumentare il contrasto del contenuto e dell'interfaccia utente quando la luce ambientale è luminosa. Potrebbe essere consigliabile usare una combinazione di colori monocromatici per ottimizzare il contrasto in queste condizioni di illuminazione. Un altro modo per aumentare il contrasto consiste nel sostituire il contenuto a basso contrasto (ad esempio una modalità foto aerea in un programma di mapping) con elementi a contrasto elevato (ad esempio la modalità grafica vettoriale di strada nera su bianco).

Colore

I colori usati da un programma per visualizzarne il contenuto possono avere un effetto drastico sull'esperienza utente complessiva e sulla leggibilità del contenuto sottoposto a rendering. Modificando il contrasto dei colori in base alla luce ambientale, è possibile rendere il contenuto più leggibile in condizioni di illuminazione avverse, ad esempio luce esterna brillante o luce interna scura.

Un modo per aumentare il contrasto dei colori consiste nella saturazione del colore. Un altro modo consiste nell'usare colori complementari anziché i colori adiacenti per migliorare la leggibilità. I colori complementari sono coppie di colori di tonalità opposte, ad esempio blu e giallo. L'esempio side-by-side seguente mostra come l'uso dei colori complementari può contribuire a migliorare il contrasto dei colori.