Principes de base des interfaces utilisateur Light-Aware

Le terme interface utilisateur sensible à la lumière fait référence à un programme qui utilise des données de capteur de lumière pour optimiser son contenu, ses contrôles et d’autres graphiques pour une expérience utilisateur optimale dans de nombreuses conditions d’éclairage, allant de l’obscurité à la lumière directe du soleil. Les optimisations les plus importantes sont peut-être la lisibilité, la lisibilité et les interactions en plein soleil, car les écrans ne fonctionnent généralement pas bien dans ces conditions. Dans cette section, nous nous concentrons sur trois propriétés d’interface utilisateur : l’échelle, le contraste et la couleur. Ces propriétés peuvent être modifiées pour optimiser l’expérience utilisateur visuelle.

Échelle et luminosité

En général, les objets plus volumineux sont plus faciles à voir. Lorsque l’ordinateur est dans des conditions d’éclairage défavorables (par exemple, en plein soleil), l’augmentation du contenu peut aider à améliorer la lisibilité et l’interaction de ce contenu.

Les photographies suivantes comparent un ordinateur portable en plein soleil avec la luminosité de l’écran et les niveaux de zoom typiques à un ordinateur portable dans les mêmes conditions d’éclairage avec une interface utilisateur sensible à la lumière. La première photo montre l’affichage défini sur une luminosité de 40 % avec des niveaux de zoom normaux. La deuxième photo montre l’affichage défini sur 100 % de luminosité avec des niveaux de zoom accrus.

Taille de police variable

Si vous augmentez la taille de la police utilisée pour afficher le texte, le texte est plus lisible dans des conditions d’éclairage défavorables. Le style de police, le visage de police et d’autres caractéristiques peuvent également être variés pour optimiser la lisibilité et la lisibilité. Par exemple, les polices sans serif sont généralement plus faciles à lire que les polices serif.

Zoom sur le contenu

Si votre programme implémente le zoom, il peut être utilisé pour mettre à l’échelle le contenu. Le zoom avant améliore la lisibilité tandis que le zoom arrière permet au programme d’afficher davantage de contenu.

Modification des propriétés de rendu du graphique vectoriel

Si votre programme restitue des primitives de graphique vectoriel (telles que des lignes, des cercles, etc.), les caractéristiques du rendu peuvent être modifiées pour optimiser la lisibilité. Par exemple, si votre programme affiche des rectangles, la largeur des lignes utilisées pour afficher les rectangles peut être mise à l’échelle (plus large pour l’extérieur et plus étroite pour l’intérieur) afin d’optimiser l’apparence et la lisibilité du contenu du graphique vectoriel.

Comparez

Lorsque des écrans LCD sont utilisés dans des conditions d’éclairage lumineux, le contraste global de l’écran est réduit. Lorsque l’écran est inondé de lumière (du soleil, par exemple), la perception de l’utilisateur des zones sombres sur l’écran est réduite. En général, il est important d’augmenter le contraste du contenu et de l’interface utilisateur lorsque la lumière ambiante est brillante. Il peut être souhaitable d’utiliser un schéma de couleurs monochromes pour optimiser le contraste dans ces conditions d’éclairage. Une autre façon d’augmenter le contraste consiste à remplacer le contenu à faible contraste (tel qu’un mode photo aérien dans un programme de mappage) par des éléments à contraste élevé (comme le mode graphique de vecteurs de rue noir sur blanc).

Color

Les couleurs utilisées par un programme pour afficher son contenu peuvent avoir un effet drastique sur l’expérience utilisateur globale et la lisibilité du contenu rendu. En modifiant le contraste des couleurs en fonction de la lumière ambiante, vous pouvez rendre le contenu plus lisible dans des conditions d’éclairage défavorables, comme une lumière extérieure brillante ou une lumière intérieure sombre.

L’un des moyens d’augmenter le contraste des couleurs consiste à saturation des couleurs. Une autre méthode consiste à utiliser des couleurs complémentaires au lieu de couleurs adjacentes pour une meilleure lisibilité. Les couleurs complémentaires sont des paires de couleurs de teinte opposée, comme le bleu et le jaune. L’exemple côte à côte suivant montre comment l’utilisation de couleurs complémentaires peut aider à améliorer le contraste des couleurs.