Catégories
Astuces et Design

Votre site doit-il utiliser le mode sombre?

Prendre un coup dans le noir prend un nouveau sens avec l'essor du design en mode sombre. L'une des fonctionnalités les plus demandées au cours des dernières années, Apple et Google ont fait d'un thème sombre une partie essentielle de leur interface utilisateur. Mais pourquoi ça? Quels sont les bénéfices? Y a-t-il des écueils? Ce sont les principales choses à considérer lors de la conception pour le mode sombre …

Pourquoi utiliser le mode sombre?

Nous sommes sur nos téléphones presque constamment. La personne moyenne passe plus de quatre heures par jour sur son appareil et fait défiler la hauteur du mont Everest chaque année. Ces statistiques ne sont pas particulièrement choquantes, et il suffit d'une promenade dans la rue principale ou d'un voyage dans les transports en commun pour voir presque tout le monde le cou plié et regarder attentivement les écrans. Nous utilisons des téléphones pour tout, des billets téléphoniques aux divertissements, ce qui signifie que nous en avons besoin à tout moment. C'est là que le mode sombre peut aider…

La personne moyenne… parcourt chaque année la hauteur du mont Everest

Il peut réduire la fatigue oculaire

Mis à part le cou douloureux et la légère crampe du pouce, être sur nos téléphones si souvent est également mauvais pour nos yeux et il est prédit que 2 sur 3 subiront une fatigue oculaire causée par une utilisation excessive du téléphone. Le mode sombre est là pour vous aider, ce qui rend l'écran plus facile à voir dans un faible éclairage, comme la nuit ou tôt le matin. Cela peut être beaucoup plus facile pour les yeux, causant moins de tension et est meilleur à long terme.

Il peut économiser la batterie

Il a également été constaté que le mode sombre améliore la durée de vie de la batterie. Selon un récent test réalisé par PhoneBuff, les batteries de l'iPhone peuvent être étendues jusqu'à 30%. Cela n'est vrai, cependant, que si les utilisateurs ont un écran OLED. C'est là que les pixels noirs ne consomment pas d'énergie, tandis que les homologues LCD consomment la même quantité d'énergie, quelle que soit la couleur qu'ils affichent.

Vous pouvez jouer plus avec des designs

En implémentant le mode sombre sur un site, vous pouvez jouer avec différentes fonctionnalités. C'est bien plus que simplement inverser le blanc vers le noir. Vous pouvez jouer avec les couleurs et le look côte à côte et voir ce qui semble le mieux. Cela pourrait signifier que vous êtes également inspiré pour certains changements avec le site lumineux.

Choses à considérer

Le passage en mode sombre n'est pas une solution miracle, et il ne convient pas à chaque projet. Il est important que vous envisagiez attentivement l’utilisation du mode sombre.

Concentrez-vous sur votre contenu

Le mode sombre met davantage l'accent sur les zones de contenu de votre interface, permettant à certains contenus de se démarquer, tandis que les zones environnantes s'estompent davantage en arrière-plan. Il est important de s'en souvenir lors de la conception pour le mode sombre et de s'assurer que le contenu qui sera au premier plan est bien ciblé.

Testez votre conception en mode clair et sombre

Nous avons déjà établi que vous ne pouvez pas simplement inverser vos couleurs pour faire fonctionner un site en mode sombre. Mais vous ne pouvez pas oublier de tester vos sites dans les deux modes également – après tout, vous ne voulez pas que les deux interfaces soient si esthétiquement différentes que vous ne pouvez pas dire qu'elles sont le même site ou que les utilisateurs sont confus.

Élaborez votre palette de couleurs

Assurez-vous que votre palette de couleurs par défaut est définie par fonction et non par couleur. N'ayez pas peur d'ajouter de nouvelles couleurs qui fonctionnent mieux. En mode sombre, vous travaillerez avec une palette de couleurs qui a des couleurs de premier plan plus claires et des couleurs d'arrière-plan plus sombres. Trouvez un jeu de couleurs douces qui fonctionne bien et n'a pas trop de couleurs – il est préférable de rester simple. Si vous avez besoin d'un fond blanc, assurez-vous qu'il s'agit d'un blanc légèrement plus foncé et plus doux, de sorte qu'il empêche le fond de briller contre le contenu sombre environnant. Les meilleures pratiques recommandent d'utiliser un niveau de contraste d'au moins 15.8.1 entre le texte et l'arrière-plan.

Le texte clair sur fond sombre peut apparaître plus audacieux… utilisez un poids plus léger pour le mode sombre

N'oubliez pas le texte

Vous devez vous assurer que le texte est toujours lisible si l'utilisateur réduit la luminosité de l'écran à son niveau le plus bas. Après tout, vous voulez qu'il soit sombre, mais toujours utilisable. Vérifiez si le contraste est suffisant et si certains éléments censés se distinguer les uns des autres le sont. Assurez-vous que les couleurs primaires et secondaires sont séparées l'une de l'autre et faciles à séparer. Le texte clair sur fond sombre peut apparaître plus audacieux que l'inverse, vous pouvez donc utiliser un poids plus léger pour le mode sombre – expérimentez et voyez ce qui semble le mieux.

Assurez-vous que les utilisateurs peuvent basculer entre le mode normal et le mode sombre

Certaines entreprises ont adopté l'approche consistant à laisser le système décider quand s'éteindre et sur le thème sombre et régulier, en basculant entre les deux quand il le juge le mieux. Cela peut être frustrant pour l'utilisateur et le laisser ne plus vouloir utiliser le site ou le programme. Bien qu'il puisse être conçu pour une utilisation optimale à certains moments, laissez les utilisateurs se décider et avoir le contrôle. Certains peuvent préférer utiliser le mode sombre ou clair tout le temps et ne pas vouloir basculer; permettre aux utilisateurs d'activer ou de désactiver le thème sombre facilement et en fonction de leurs besoins. Rendez le commutateur facile à trouver ou les utilisateurs peuvent être frustrés et fermer le site.

Assurez-vous que le public cible est gardé à l'esprit

Avant de vous lancer directement dans la reconstruction d'une interface vers le nouveau mode sombre, il est important de considérer qui sont les utilisateurs. S'ils sont un public plus jeune et plus chic qui sont plus sur leurs téléphones pendant la journée et le soir, le mode sombre est probablement une bonne idée, mais s'ils sont plus âgés et plus traditionnels, ils préféreront probablement l'interface plus "semblable à du papier" . Faites des recherches et déterminez qui utilise le site et pourquoi. Les modes sombres ont tendance à diminuer la lisibilité et sont donc moins susceptibles de bien fonctionner si le site en question est un blog ou une nouvelle. S'il a un contenu simple ou est fortement axé sur les images ou la vidéo, le mode sombre fonctionne bien – Netflix en est l'un des meilleurs exemples.

Pièges du mode sombre

Le mode sombre ne fonctionne pas bien pour tous les sites

Si le site que vous concevez est très lourd en texte ou en données ou contient une grande variété d'éléments tels que du texte, des images, des données et des listes déroulantes, etc., il peut être difficile de concevoir. La principale raison à cela est d'essayer de maintenir un contraste suffisant qui fonctionne bien pour tous les éléments. Généralement, toutes les couleurs (sauf les plus pâles, qui sont difficiles à voir) fonctionnent sur un fond blanc, tandis qu'un fond sombre élimine considérablement la quantité que vous pouvez utiliser.

Le mode sombre n'est pas toujours meilleur

Bien qu'il puisse être préférable pour ceux qui utilisent le mode normal dans des situations où la lumière est plus douce (comme lorsque vous allez vous coucher ou vous réveiller), il a été constaté que le mode sombre ne résout pas toujours le problème. Dans des conditions de forte luminosité, le texte peut apparaître délavé, ce qui augmente la fatigue oculaire.

Le mode sombre peut ne pas correspondre à la marque existante

En raison du fait que vous avez besoin d'une palette de couleurs plus restreinte et que de nombreux logos sont conçus avec un fond blanc à l'esprit, le mode sombre peut ne pas s'aligner sur la marque existante d'une entreprise. Lorsque la plate-forme comporte de nombreux éléments, cela peut être difficile et le site peut sembler très incohérent lors du changement de mode.

Le mode sombre double votre charge de travail

En tant que concepteur, il y a déjà beaucoup à faire lorsqu'il s'agit de concevoir un site en mode normal, sans l'ajout d'un tout nouveau site également. Alors que oui, les éléments de base sont les mêmes, il faudra encore les retravailler et les modifier pour s'adapter suffisamment au mode sombre. Il s'agit d'un segment supplémentaire de la tâche qui pourrait ne pas avoir été pris en compte.

Image sélectionnée via Unsplash.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *