Sombre sur la lumière ou Lumière sur l'obscurité?
Pour un site très technique documentant le code, partageant des extraits de code et de la documentation, on m'a dit que l'utilisation de polices sombres sur des arrière-plans clairs est recommandée pour les personnes capables de lire les informations aussi clairement que possible.
Alors que pour mes yeux et mes compétences en conception, les arrière-plans sombres et le texte clair me conviennent beaucoup mieux. Quelques clients ont dit que cela ne fonctionne pas du tout pour le type de site que j'ai créé.
Qui fonctionnerait mieux pour un site technique: arrière-plans sombres avec des polices de couleur claire ou arrière-plans clairs avec des polices sombres?
Plutôt que les autres réponses qui expriment simplement des opinions personnelles, permettez-moi de vous diriger vers cet article qui à son tour cite des recherches réelles que je citerai également ici:
Cependant, la plupart des études ont montré que les caractères sombres sur fond clair sont supérieurs aux caractères clairs sur fond sombre (lorsque le taux de rafraîchissement est assez élevé). Par exemple, Bauer et Cavonius (1980) ont constaté que les participants étaient 26% plus précis dans la lecture de texte lorsqu'ils le lisaient avec des caractères sombres sur un fond clair.
L'explication qu'ils fournissent est
Les personnes atteintes d'astigmatisme (environ 50% de la population) ont plus de mal à lire le texte blanc sur noir que le texte noir sur blanc. Cela s'explique en partie par les niveaux de lumière: avec un affichage lumineux (fond blanc), l'iris se ferme un peu plus, ce qui diminue l'effet de la lentille "déformée"; avec un écran sombre (fond noir), l'iris s'ouvre pour recevoir plus de lumière et la déformation de la lentille crée une mise au point beaucoup plus floue à l'œil.
Je dois admettre que je suis surpris que ce soit le cas car j'ai un léger astigmatisme et pourtant je préfère toujours le blanc sur le noir, donc il y a certainement un facteur de préférence ici encore, mais il semble que le noir sur blanc est en fait mieux que j'ai toujours cru être un artefact des temps d'impression quand il était et est moins cher d'imprimer en noir sur blanc. (auch, comme une de mes applications est blanc sur noir en Android style).
Ajout d'une note latérale, la statistique de 50% est tout à fait erronée, je viens de regarder atafairnumber of studies et toutes les sources que je viens de voir sont des nombres de dons inférieurs à 35%. Ajoutez à cela que tout le monde avec l'astigmatisme n'a pas de problème avec cela (par exemple, je) et vous arrivez au point où vous parlez probablement de moins de 25% de vos utilisateurs. C'est beaucoup? Certainement, mais cela le met en perspective.
Dans l'ensemble, donner à l'utilisateur le choix pourrait toujours être une bonne idée, bien que le maintien de 2 conceptions distinctes ne soit jamais amusant. Une alternative est de les diriger vers outils d'inversion d'écran . Certes, ce n'est pas la meilleure solution, mais cela peut au moins résoudre le problème pour ceux qui souffrent d'astigmatisme extrême.
Ceci résultats du sondage s'avère qu'environ 2/3 des personnes préfèrent le code clair sur fond sombre.
Si vous regardez la lumière pendant environ 8 heures impaires par jour, les opticiens suggèrent une palette de couleurs claires sur foncées, il est plus facile pour les yeux d'avoir des combinaisons de couleurs claires sur foncées.
Pensez également à lire cet article sur échange de pile de conception graphique qui suggère une perspective différente.
Nous apprenons à lire à l'encre foncée sur du papier clair, et même au jour le jour, la plupart de nos lectures se font dans ce mode. Par conséquent, la plupart des gens vont préférer l'obscurité sur la lumière. Tant que le contraste est raisonnablement élevé, les caractères nets et le fond blanc pas trop lumineux (éblouissement), la plupart des gens en seront satisfaits. La lumière sur l'obscurité n'est qu'un vestige de l'époque des premiers terminaux texte uniquement (IBM 3270, etc.), et certaines personnes l'aiment encore. Si vous pouvez satisfaire les deux parties avec la configurabilité, tant mieux. Sinon, j'opterais pour l'obscurité à moins que vous n'obteniez des commentaires de votre public cible qu'il préfère la lumière sur l'obscurité.
Tout simplement parce que vous préférez la lumière sur l'obscurité n'est pas une excuse pour le forcer sur tout le monde, sauf s'ils vous ont dit qu'ils le préféraient. Je soupçonne que vous êtes minoritaire en préférant le clair sur le noir. Les couleurs de premier plan et d'arrière-plan configurables sont idéales, le noir sur blanc étant une bonne valeur par défaut.
Il y a plus de facteurs à considérer en ce qui concerne l'expérience utilisateur que ce qui est "plus facile" pour les yeux.
Le noir sur blanc présente quelques avantages. L'un est impression. Si je trouve un très bon extrait, je pourrais vouloir l'imprimer et le fixer au mur à côté de mon poste de travail pour référence pratique. Je pourrais également imprimer un article plus long à lire dans le bus/avion/au lit/n'importe où afin de pouvoir prendre des notes et le mettre en évidence pendant que je lis. Ce ne sont que quelques exemples d'utilisation pour lesquels un utilisateur souhaite imprimer. Mais en général, le noir sur blanc utilise beaucoup moins d'encre ou de toner. Si vous faites du blanc sur du noir, certains navigateurs imprimeront le texte en gris pâle sur du blanc (car il s'agit par défaut de ne pas imprimer la couleur de fond). Pas lisible.
Donc, allez-y et dites: super, je veux le rendre plus agréable à imprimer, je vais faire un feuille de style d'impression avec des couleurs inversées. Il sera uniquement blanc sur noir sur l'écran, lorsque vous imprimez les couleurs seront inversées pour bien imprimer.
Deuxième cas d'utilisation. En fait, je fais beaucoup ça. J'essaie de rassembler un tas d'informations sur un sujet particulier, donc je copier et coller segments qui sont pertinents dans un document Word. Je l'ai ensuite condensé en notes ou autre chose. Lorsque vous utilisez des couleurs "inversées", je m'énerve. Au lieu de code qui est assez imprimé dans des couleurs de type IDE qui seront lisibles dans un document Word, j'ai des couleurs difficiles à lire sur un fond blanc et à imprimer mal, et je vais devoir changer manuellement toutes les couleurs .
De plus, le choix des couleurs peut, pour certaines personnes, être un indicateur de professionnalisme ou conformité aux attentes. Beaucoup de sites d'actualités, de sites professionnels, même de pile d'échange, pour le meilleur ou pour le pire, utilisez le blanc sur noir, pas l'inverse.
Je me rends compte que la préférence de couleur ici est forte préférence pour beaucoup de gens. Certains l'aiment d'une manière, d'autres l'aiment de l'autre. Ceux qui préfèrent leur écran d'ordinateur principalement sombre avec du texte de couleur claire ont, selon mon expérience, une très forte préférence. Dans l'autre sens, le degré de conviction quant à leur préférence peut varier. Je n'ai pas de statistiques sur ce qui est le plus populaire, mais c'est certainement assez subjectif.
Puisque vous semblez vraiment préférer la lumière sur l'obscurité, je soulignerai qu'il n'est pas difficile de tenir compte des deux préférences. Il est facile d'échanger des feuilles de style au moment de l'exécution ou d'avoir un cookie utilisateur pour définir les préférences de feuille de style. Rendre vos images superbes sur des arrière-plans clairs et sombres est un peu plus de travail, mais ce n'est pas impossible non plus, tant que la considération est faite pendant que les images sont créées afin que vous ne vous retrouvez pas avec des "ombres rougeoyantes" ou similaires.
Et comme d'autres l'ont déjà souligné, inverser les couleurs de votre écran est toujours une option, si vous choisissez le jeu de couleurs que vous ne préférez pas.
Ceci est normalement dû à des préférences personnelles. Par exemple, lorsque je travaille, plusieurs personnes ont activé un paramètre de fond sombre/texte clair; par contre, je préfère travailler avec un fond clair/texte foncé.
Si possible, j'autoriserais les deux et permettrait à vos utilisateurs de choisir ce qu'ils préfèrent
Je ne pense pas qu'il existe une telle chose comme le "meilleur style" pour un groupe ou un domaine particulier de sites Web. Comme vous l'avez dit vous-même, deux personnes qui utilisent le même document/site Web peuvent avoir des perceptions très différentes de ce qui fonctionne le mieux.
Je suggère de créer les deux et de laisser l'utilisateur décider. Un exemple auquel je peux penser est last.fm qui vous permet "de manière ludique" de changer l'apparence du site Web. Bien que pour last.fm ce ne soit pas vraiment une nécessité.
De plus, je fais l'hypothèse que vous préférez les arrière-plans sombres avec du texte clair parce que vous avez travaillé avec les invites de commande et les terminaux pendant un certain temps. Cet article ne répond pas tout à fait directement à votre question, mais vous donne un moyen de penser à ce qui fonctionnerait le mieux pour différents types d'utilisateurs. Par exemple, tous les utilisateurs d'un site Web technique ne seront pas habitués à un écran de terminal.
Je pense que la meilleure façon de partager des extraits de code est de les styliser de la même manière que le IDE . Étant donné que différents développeurs utilisent différents IDE, cela peut différer d'un utilisateur à l'autre. Peut-être qu'un menu déroulant avec l'option "rendre comme [nom IDE]" pourrait être une solution. L'enregistrer dans un cookie ou quelque chose faciliterait la tâche de l'utilisateur lors de l'affichage de plusieurs extraits.
Quant à la documentation, je pense que la plupart des règles de typographie s'appliquent ici. D'après mon expérience, la plupart de la documentation est en noir sur blanc, mais j'ai très peu d'expérience avec la documentation.
Cela dépend de l'utilisateur, personnellement je souffre d'une condition médicale quelque peu rare appelée palinopsie qui affecte ma vision et les symptômes sont bien pires quand on regarde des objets de couleurs vives sur un fond de couleur sombre (chaux sur noir étant le pire). Donc pour moi personnellement, je choisirais à chaque fois un texte sombre sur un fond clair.
Tout le monde est différent, vous pouvez donc;
- Offrez aux gens un choix de couleurs
- Invitez les utilisateurs à participer à un sondage pour voter pour leur palette de couleurs préférée
- Regardez des sites similaires aux vôtres et basez votre palette de couleurs sur la leur
- Ayez 2 versions du site en cours d'exécution simultanément, à la fois avec des schémas de couleurs différents, et utilisez un service d'analyse pour voir le taux de rebond et le temps moyen d'affichage des deux versions. Après quelques semaines, faites du gagnant la seule version.
Les descriptions et la documentation doivent être écrites sombre sur lumière. Les exemples de code doivent être écrits en clair sur foncé. De plus, la même couleur doit être utilisée pour chaque type de code décrit.
Vous devez vous demander ce que le lecteur va chercher. Un codeur expérimenté va-t-il réellement oublier ses accolades? Eh bien, ce n'est pas un gros problème. Un gros problème sera de savoir s'il lui faut plus de dix secondes pour localiser les informations qu'il recherche lorsqu'il fait référence ou si cela le ralentit quand il étudie.
Il n'y a pas de standardisation à ce sujet, et il ne devrait pas y en avoir.
Quoi que vous fassiez, évitez le style odieux de lwn.net .