Les interfaces utilisateur sombres sont spectaculaires, épurées et élégantes. Cependant, les concepteurs doivent faire preuve de prudence s'ils choisissent de marcher du «côté obscur».
Créer l'apparence d'un produit est l'une des principales responsabilités du concepteur - la décision de conception initiale doit être adaptée à l'objectif du produit, à la situation particulière et à son public. La palette de couleurs aura un impact durable et doit être soigneusement choisie - et tout commence par la sélection d'un arrière-plan sur lequel les éléments de conception seront placés - la «toile». L'option habituelle, presque par défaut, est un fond blanc.
Il y a de bonnes raisons de choisir un fond clair. Contraste, texte et lisibilité et la capacité de travailler avec une large gamme de couleurs subtiles en sont quelques-unes. Selon de nombreuses études scientifiques, une lisibilité optimale nécessite un texte noir sur fond blanc. L'image de marque peut également influencer la décision, car les logos et les couleurs de l'entreprise ne fonctionneront pas avec une palette de couleurs foncées.
La plupart des études ont montré que le texte sombre sur fond clair est supérieur au texte clair sur fond sombre, ce qui signifie qu'il est plus facile à lire. Dans une étude célèbre, la «fatigue oculaire» était significativement plus élevée lorsque les sujets lisaient des caractères clairs sur un fond sombre par rapport aux caractères sombres sur un fond clair ( Bauer, D., Bonacker, M., et Cavonius, C. R. 1983 ).
Il y a aussi attente - Les gens ont l'habitude de voir une variété de contenus rendus à l'encre noire sur un fond blanc présentés à côté des images. Pensez aux journaux et aux magazines - ils existent depuis plus de 350 ans. En remontant encore plus loin: trente-cinq ans et demi à l'ère paléolithique (l'époque de l'homme des cavernes), on retrouve des dessins rupestres de lions et de mammouths généralement placés sur un fond clair avec du charbon de bois ou des os brûlés servant à dessiner les représentations.
Cependant, lorsqu'un projet le garantit, le concepteurs de produits numériques actuels Ils peuvent choisir de travailler avec une palette de couleurs foncées pour diverses raisons. Comme suggéré ci-dessus, il s'agit souvent d'un choix esthétique destiné à transmettre un drame et à susciter une émotion - quelque chose d'inattendu - ou peut-être un designer vous voulez mélanger le design avec la marque ou vous assurer que le contenu visuel se démarque.
Cependant, si un designer décide de passer du «côté obscur», il sera confronté à un certain nombre de défis. Toutes sortes de problèmes d'utilisabilité entrent en jeu - principalement liés à la numérisation, à la lisibilité et au contraste. Le principal aspect à considérer est un contraste suffisant entre le texte et l'arrière-plan. Le contexte (cas d'utilisation) et l'environnement doivent également être pris en compte, ainsi que l'appareil sur lequel l'interface utilisateur est susceptible d'être visualisée.
Certaines interfaces utilisateur obscures sont conçues pour minimiser la «fatigue oculaire numérique». Avec l'augmentation de la technologie numérique, nous regardons les écrans pendant la majeure partie de la journée. Fatigue oculaire numérique C'est une condition courante qui affecte des millions de personnes au quotidien. Causé par tout, de l'utilisation excessive de l'ordinateur à une exposition régulière à une lumière vive, il peut provoquer des maux de tête, des douleurs au cou, une vision trouble et des yeux brûlants / démangeaisons.
Il y a même des choses comme syndrome de vision par ordinateur (CVS) et «inconfort oculaire». Selon une étude, plus de 83% des Américains utilisent des appareils numériques plus de deux heures par jour, 60,5% déclarant ressentir des symptômes de fatigue oculaire numérique. ( Yeux surexposés: dilemme des appareils numériques .)
Les produits SaaS interentreprises et les applications d'édition multimédia sont utilisés pendant plusieurs heures à la fois. Beaucoup ont été conçus dans une interface utilisateur sur le thème sombre pour réduire la fatigue oculaire tout en offrant une clarté visuelle. Cependant, cette approche nécessite une évaluation initiale minutieuse de la direction de conception.
La plupart des développeurs utilisent un écran noir avec une syntaxe à code couleur pour réduire la fatigue oculaire. Tel que révélé par le développeur ApeeScape Kevin Bloch : 'Un fond noir réduit la fatigue oculaire et facilite la lecture du code couleur automatique, ce qui rend le code beaucoup plus rapide à comprendre en un coup d'œil.'
Le développeur ApeeScape Amin Shah Gilani | ajoute: 'J'utilise personnellement le thème solarisé sombre pour mon éditeur de code. Je préfère un thème sombre car un arrière-plan plus sombre est plus agréable pour les yeux, d'autant plus que j'aime garder les lumières sombres ou travailler la nuit.
Les interfaces utilisateur des jeux vidéo ont également tendance à utiliser des thèmes plus sombres. Le contexte du jeu et l'environnement dans lequel les joueurs sont en jeu sont mieux adaptés avec une palette de couleurs noires. Un arrière-plan noir renforce les visuels frappants, introduit un sentiment de mystère, offre un meilleur contraste et prend en charge la hiérarchie visuelle.
Quand les interfaces utilisateur sombres fonctionnent correctement
La plupart des interfaces utilisateur liées au divertissement - téléviseurs intelligents, consoles de jeux vidéo et applications de télévision et de cinéma - ont tendance à avoir des dispositions d'interface utilisateur sur le thème sombre - et pour une bonne raison. La plupart des activités liées au divertissement se déroulent la nuit, vues à une distance de 6 à 10 mètres et dans des pièces faiblement éclairées - en d'autres termes, l'écran correspond à l'environnement. De plus, le contenu coloré (par exemple, la pochette et les promotions) se démarque considérablement dans les interfaces utilisateur à thème sombre.
Le but est de correspondre au contexte de l'activité: 'Il fait noir, je suis détendu et je veux regarder un peu la télé.' Semblables à des milliers de minuscules ampoules, les écrans numériques éclairent la lumière partout où un pixel lumineux est présent; par conséquent, une interface utilisateur lumineuse éclairerait la pièce - un effet indésirable compte tenu de l'activité. Dans ce scénario, la conception de l'interface utilisateur tente de correspondre au contexte: appareil, contenu, activité et environnement.
Dans le contexte, l'environnement, l'application et l'utilisation appropriés, les interfaces utilisateur à fond noir ont du sens. Considérez toujours le le contexte dans quelle interface est susceptible d'être utilisée. Mais cela va plus loin - le choix de l'accompagner devrait dépendre de contenu et contexte : Quoi , quand, où Oui sur quel appareil .
-
Pour un look fort et dramatique pour des images accrocheuses
-
Projeter un sens du style et de l'élégance, du luxe et du prestige
-
Créez un sentiment d'intrigue et de mystère
-
Pour aider à concentrer et guider l'attention de l'utilisateur avec un minimum de distractions
-
Soutenir la hiérarchie visuelle et l'architecture de l'information
Les interfaces utilisateur sombres ne doivent être utilisées qu'avec du texte minimal et clairsemé et des informations «volumineuses» en mettant fortement l'accent sur les images - la lumière sur le texte. Si du texte est utilisé, il doit être en contraste élevé avec le fond sombre - de préférence blanc pur ou une autre couleur forte (pas gris foncé) sur fond noir.
Lorsque les interfaces utilisateur sombres ne fonctionnent pas correctement
Comme indiqué précédemment dans l'article, les interfaces utilisateur à thème sombre sont un mauvais choix pour le contenu lourd en texte et en données, ou lors de l'utilisation de différents types de contenu (texte, images, vidéo, tableaux de données, listes déroulantes, champs, etc.). Le consensus général dans la communauté du design est que les interfaces utilisateur obscures sont un énorme défi pour la conception, à moins qu'il ne s'agisse d'un contenu simple et juste une pincée de texte ici et là.
pourquoi android studio est-il si mauvais
Le défi consiste à essayer de maintenir un contraste suffisant, ce qui affecte le défi global: la lisibilité, qui est liée à la convivialité, qui affecte l'UX. En général, toutes les couleurs fonctionnent sur un fond blanc, tandis que sur un fond sombre, la gamme de couleurs utile est considérablement réduite.
Voici un exemple concret de ne pas utiliser une interface utilisateur sur le thème sombre: j'ai participé à un projet B2B SaaS dans lequel le PDG était catégorique, et pour «être différent», je voulais choisir un thème d'interface utilisateur sombre - qui correspond au marque de l'entreprise… pour l'ensemble de la plateforme. Pour tout. Après plusieurs rencontres, et réunissant l'équipe de conception et les chefs de produit derrière la cause, nous avons pu le convaincre d'une décision potentiellement désastreuse.
La plate-forme utilisait un ensemble standard de composants d'interface utilisateur d'application SaaS et était par conséquent remplie de formulaires, widgets , listes déroulantes, pictogrammes et icônes ainsi que du texte et des données numériques dans des tableaux. La navigation, la conception et la fonctionnalité seraient devenues incroyablement difficiles à gérer tout en obtenant un contraste suffisant et une palette de couleurs cohérente. En bref, il aurait été presque impossible de tout faire fonctionner avec une interface utilisateur à thème sombre.
Selon la commodité de l'application, peut-être que le bon choix aurait été de suggérer un mélange interfaces utilisateur claires et sombres. Par exemple, les pages de configuration avec widgets et les formulaires et tableaux de données auraient pu être conçus avec un fond clair et les pages analytiques avec des graphiques auraient pu être conçues avec un jeu de couleurs plus foncé.
Les règles d'utilisation ou non des interfaces utilisateur sombres
En conclusion, la décision d'utiliser une interface utilisateur sombre doit être abordée avec soin. Les designers Vous ne devriez pas le faire pour les mauvaises raisons: être à la mode, être différent ou copier le design de quelqu'un d'autre. Il est essentiel qu'un concepteur tienne compte du contexte, du contenu (contraste et lisibilité), de l'appareil et du cas d'utilisation, et ait une bonne raison de choisir. C'est un exercice d'équilibre délicat, car il y a potentiellement de nombreux avantages, mais aussi de nombreux pièges.
Lorsque vous pouvez utiliser des interfaces utilisateur sombres:
-
Lorsqu'un jeu de couleurs de marque le prend en charge
-
Lorsque le design est clairsemé et minimaliste avec seulement peu de type de contenu
-
Lorsque cela est approprié pour le contexte et l'utilisation, comme les applications de divertissement de fin de soirée
-
Pour réduire la fatigue oculaire, comme les pages d'analyse utilisées pendant de longues périodes
-
Pour provoquer une émotion - par exemple, un sentiment d'intrigue et de mystère
-
Pour créer un look saisissant et dramatique
-
Créer un sentiment de luxe et de prestige
-
Pour soutenir la hiérarchie visuelle
Quand est-il préférable de s'éloigner de l'interface utilisateur sombre:
-
Lorsqu'il y a beaucoup de texte (la lecture sur un fond sombre est difficile)
-
Quand il y a beaucoup de mix de contenu à l'écran
-
Pour les applications B2B avec de nombreuses formes, composants et widgets
-
Lorsque le design nécessite une large gamme de couleurs
La traversée du «côté obscur» doit être abordée avec prudence. Des recherches et analyses plus approfondies sont recommandées avant de prendre une décision potentiellement précaire et délicate. Une fois qu'un designer a emprunté cette voie, il est très difficile de revenir en arrière. Les concepteurs seraient bien avisés de considérer tous les aspects - le bon et le mauvais, ce qu'il faut faire et ce qu'il ne faut pas faire, avant de sauter sur les deux pieds.
