Design : L’histoire du mode sombre, du mode clair et de l’utilisateur

je ont travaillé sur la conception d’une interface utilisateur pour une application qui a des personnes de plus de 60 ans comme public principal. À un moment donné, j’ai trouvé mon design plus attrayant en mode sombre. En tant que concepteur UX, je sais que mes opinions et mes préférences n’ont pas d’importance et je dois voir ce que le véritable utilisateur préfère. Cependant, en raison des restrictions en cas de pandémie, je n’ai pas pu faire de recherche individuelle sur les utilisateurs pour savoir ce que les utilisateurs préfèrent.

Sur la base de mes résultats dans les études de recherche, les articles, les articles de blog et les commentaires des utilisateurs, mes principaux points à retenir pour décider d’utiliser le mode sombre / clair dans les conceptions sont les suivants:

1. Vous devez concevoir pour les deux modes et offrir à l’utilisateur la possibilité de basculer entre eux (conception accessible et inclusive)
2. Pour les écrans contenant du texte, un arrière-plan clair avec du texte sombre est préféré par défaut (lisibilité)
3. Pour les interfaces de messagerie, un fond clair avec du texte sombre est préféré par défaut (interprétation sémantique)
4. Pour les personnes souffrant de migraine, le thème sombre est préféré par défaut (santé)
5. Pour les personnes ayant de longues heures de travail avec des écrans, l’interface utilisateur sombre est préférée par défaut (préférence)

J’ai recherché des articles de recherche universitaire, des articles publiés sur Internet, des articles de blog et toute autre ressource possible par laquelle je pourrais trouver la réponse. L’une des ressources les plus intéressantes que j’ai trouvées était les commentaires laissés par certains de ces articles et articles de blog. Ils étaient de vrais utilisateurs de thèmes sombres et clairs qui exprimaient leurs opinions sur leurs préférences et la plupart du temps avec une explication détaillée sur la raison de leurs préférences.

Aucune des ressources que j’ai trouvées ne m’a obligé à utiliser ou à ne pas utiliser l’un de ces modes. La plupart des anciennes ressources n’ont exploré ce sujet que pour les cas d’utilisation de la lecture de texte. Beaucoup de nouvelles ressources ont basé leurs arguments sur les anciennes (car il semble raisonnable de le faire!). Cependant, je ne me suis pas seulement appuyé sur des études universitaires et j’ai essayé de trouver plus d’indices et de synthétiser ma propre conclusion.

J’ai trouvé que je peux explorer ce sujet sous les angles suivants:

• Lisibilité (dans quelle mesure est-il lisible?)
• Esthétique (comme c’est beau?)
• Préférences personnelles (qui préfère quoi?)
• Effets émotionnels (Comment cela affecte-t-il les émotions?)
• Interprétation sémantique (Comment affecte-t-elle la compréhension?)
• Fatigue visuelle (laquelle fatigue l’œil?)
• Avantages technologiques (lequel est technologiquement préféré?)
• Conditions de santé (laquelle est la meilleure pour la santé?)

J’ai défini une structure de table (ish), dans laquelle chacun des aspects définis forme une ligne, et les modes sombre et clair définissent chacun une colonne. Ensuite, j’ai commencé à exploiter les faits à partir de mes lectures et les ai placés au bon endroit dans le tableau.

Les colonnes gauche et droite sont respectivement en mode clair et sombre et chaque ligne représente l’un des critères que j’ai mentionnés précédemment. Les carrés rouges sont contre ce mode dans le critère spécifique et les verts sont en faveur de ce mode. (Le carré bleu est la référence liée à chaque fait.)

Dans certaines situations, la ressource a discuté d’un mode au lieu d’expliquer les avantages de l’autre. J’ai donc divisé mes résultats en deux catégories, celles qui favorisent un mode et celles qui s’y opposent.

Après avoir catégorisé toutes les découvertes (constatation d’affinité), j’ai synthétisé les résultats de ma (micro) recherche. Bien que je n’aie pas pu trouver autant d’indices pour chaque critère, certains d’entre eux avec peu de résultats ont été étayés par des documents de recherche solides qui m’ont obligé à conclure sur la base d’une seule constatation. Voici les résultats pour chaque critère:

1- Lisibilité:

• Les résultats de la recherche confirment davantage la lisibilité du texte sombre sur fond clair que le texte clair sur fond sombre [1].
• Plus la police est petite, mieux c’est pour les utilisateurs de voir le texte en mode clair[2].
• Une luminance plus élevée du fond clair améliore la perception des détails [3].

2- Esthétique:

Je n’ai trouvé aucune recherche structurée et impartiale sur cette question. Cependant, sur la base de mes explorations, je peux dire que le nombre total d’utilisateurs qui ont laissé des commentaires en faveur de la beauté du mode sombre dépasse les commentaires soutenant le mode clair. (voir par exemple les sections de commentaires sur [4] et [5])

3- Préférences personnelles:

Des études montrent que les thèmes sombres sont largement utilisés parmi les professions qui dépendent fortement du travail sur les écrans d’ordinateur [1].

Les grandes entreprises jouent un rôle important dans la formation des préférences de leurs utilisateurs. Par exemple:

• Comme le déclare Jon Friedman (responsable de la conception de Microsoft Office) dans son article [6], Le choix du client était la raison pour laquelle Microsoft a apporté un thème d’interface utilisateur plus sombre aux applications de bureau dans Office 2010, et ils l’ont également apporté à plus d’expériences Microsoft comme Teams, en raison de sa popularité.
• Pomme convainc en quelque sorte leurs utilisateurs d’utiliser le mode sombre en déclarant: « Le mode sombre permet de rester plus concentré sur votre travail, car votre contenu se démarque tandis que les contrôles et les fenêtres sombres se retirent en arrière-plan. » [7]
• Google indique que le thème sombre présente de nombreux avantages et fournit des directives aux développeurs pour l’utiliser sur les appareils Android [8].

4- Effets émotionnels

Des études de recherche approuvent que la conception de couleurs compétente augmente le plaisir, tandis qu’une utilisation inappropriée des couleurs entraîne l’ennui, qui à son tour affecte négativement l’humeur et diminue l’expérience utilisateur[9]. Cependant, je n’ai trouvé aucune étude ni suffisamment de commentaires des utilisateurs pour tirer des conclusions sur les effets émotionnels des thèmes sombre / clair.

5- Interprétation sémantique

Une étude de recherche [1] montre que pour les interfaces de chat, les thèmes sombres augmentent la probabilité d’interprétation négative d’un message ambigu par rapport aux thèmes clairs. Cependant, je n’ai trouvé aucune étude similaire pour d’autres types d’interfaces utilisateur (par exemple, des galeries de photos).

6- Fatigue visuelle

Une étude de recherche par Nielsen Norman Group [2] déclare qu’il n’y a pas de différence significative entre les thèmes sombres et clairs pour rendre les gens plus fatigués. Après avoir lu les commentaires des utilisateurs sur[2,4,5], Je peux confirmer cette conclusion indépendamment. Il y a des utilisateurs qui ont trouvé le mode sombre si dérangeant et certains utilisateurs qui l’ont trouvé un soulagement. Pour trouver une affinité, il faut mener des recherches universitaires en tenant compte de l’âge, du statut visuel, du sexe, etc.

7- Technologie

Les écrans OLED affichent le noir en désactivant complètement les éléments pixel. De cette façon, de vrais noirs profonds peuvent être obtenus sans consommation d’énergie et c’est l’une des principales raisons pour lesquelles de nombreux utilisateurs ont mentionné leur utilisation de thèmes sombres.[1]. Cependant, l’utilisation de nuances de noir (comme le gris foncé) dissout cet avantage (c’est-à-dire que toutes les conceptions de mode sombre n’économisent pas d’énergie!).

8- Santé

Une étude de recherche [10] confirme qu’une exposition prolongée près de la nuit à des écrans d’ordinateur lumineux affecte négativement le sommeil, les cycles circadiens et est connue pour provoquer des maux de tête. Un autre [2] affirme que même si les performances en mode lumière peuvent être meilleures à court terme, il peut y avoir un coût à long terme qui y est associé. De mon exploration dans les commentaires des utilisateurs sur les articles de blog [2, 4, 5], J’ai constaté que les utilisateurs qui ont connu une sorte de maladie oculaire ou de déficience visuelle, ou ceux qui traitent de la migraine, ont trouvé le mode sombre plus confortable.

Il s’agissait d’une exploration d’une journée des ressources que j’ai trouvées sur Internet pour trouver une réponse à la simple question de l’utilisation de l’interface utilisateur sombre ou claire pour les personnes de plus de 60 ans. Il est clair pour moi que la principale raison de l’utilisation de l’interface utilisateur sombre par de nombreuses grandes entreprises n’a pas de racine dans la recherche scientifique et se préoccupe principalement des décisions de marketing et des tendances suivantes. Cependant, ces décisions soulèvent de nombreuses questions concernant la santé mentale et physique des utilisateurs qui peuvent être explorées par les chercheurs.

Je suis convaincu que mes résultats peuvent être utilisés pour concevoir des interfaces sur des appareils mobiles et des écrans d’ordinateur, mais ne peuvent pas être utilisés pour la conception d’environnements VR / AR. Il s’agit d’un autre domaine d’étude que nous devons approfondir du point de vue des utilisateurs.

1. D. Löffler, L. Giron et J. Hurtienne. 2017. Mode nuit, pensées sombres: la couleur d’arrière-plan influence le sentiment perçu des messages de chat. En cours d’INTERACT. 184–201
2. https://www.nngroup.com/articles/dark-mode/
3. Piepenbrock, C., Mayr, S., et Buchner, A. (2014). La polarité d’affichage positive est particulièrement avantageuse pour les petites tailles de caractères: implications pour la conception de l’affichage. Les facteurs humains, 56(5), 942–951.
4. https://www.howtogeek.com/423717/dark-mode-isn%E2%80%99t-better-for-you-but-we-love-it-anyway/
5. https://tidbits.com/2019/05/31/the-dark-side-of-dark-mode/
6. https://.com/microsoft-design/designing-dark-mode-31400530787a
7. https://support.apple.com/en-us/HT208976
8. https://developer.android.com/guide/topics/ui/look-and-feel/darktheme
9. Allagui, A., Lemoine, J .: Interface Web et intention d’achat des consommateurs en e-tailing: résultats d’une expérience en ligne. Adv. Consum. Res. 8, 24-30 (2006)
10. Chang, A.-M., et al.: L’utilisation en soirée de liseuses électroluminescentes affecte négativement le sommeil, le rythme circadien et la vigilance du lendemain matin. Proc. Nat. Acad. Sci. 112 (4), 201418490 (2014)