Partage

[Design] votre préférence côté confort de lecture

Sujet résolu
26 octobre 2018 à 22:32:55

Bonsoir à toutes et tous :)

Je travaille sur un petit projet, mais je me pose une question.

 Imagination un contexte :

 je suis l'auteur d'un forum comme openclassrooms, pour le design et le confort de lisibilité préférez vous un mode clean comme OCR fond blanc + texte gris/noir ou bien un mode Dark ?

Quelle serait votre préférence, en prenant en compte la lecture sur tablette et mobile?

Merci à ceux et celles qui veulent bien exprimer leur préférence + arguments :)

-
Edité par pipelette13 28 octobre 2018 à 22:34:24

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
27 octobre 2018 à 13:44:46

Bonjour ! Voilà une bonne question ! Pour ma part je suis lassé de cette mode des sites tout blancs, je trouve plus reposant pour les yeux de lire du clair sur fond sombre. Mais je n'utilise qu'un ordinateur, pas de tablette ni de téléphone (et de bureau, en plus), et j'imagine que c'est pour les tablettes et les téléphones qu'est venue la mode des sites clairs qui fatiguent les yeux.

Surtout, surtout, surtout : si tu choisis un fond clair, écris en noir, pas en gris clair. Il y a aussi une espèce de mode du gris clair qui fait que, en tout cas sur ordinateur, le texte devient difficile à lire. Tiens, un exemple typique : http://www.espn.com/nfl/boxscore?gameId=401030703 . En haut de la page principale est écrit le score : Dolphins 23 − un tableau − 42 Texans. Eh bien juste en-dessous de Dophins il y a écrit « 4-4, 1-3 away » (et de même juste en-dessous de Texans). Sur mon écran cette information capitale (c'est le bilan de l'équipe après le dernier match) est illisible (et pourtant j'ai réglé la luminosité à une valeur très basse). Je suis obligé de passer en négatif pour le lire. J'imagine que les tablettes ou les téléphones sont moins lumineux ou peut-être ont plus de contraste, je ne sais pas, je ne comprends pas. Il suffit d'écrire en noir et tout le monde est content (ou en gris foncé, allez).

À propos de cette mode des sites qui font mal aux yeux, j'ai lu quelque part que les professionnels de la programmation préfèrent généralement utiliser des éditeurs à fond sombre. J'en déduis que, pour eux qui passent leurs journées devant un écran, c'est quand même plus reposant d'avoir un fond sombre. C'est en tout cas mon avis.

Mais je soupçonne que si tu faisais un site à fond sombre, donc agréable et reposant pour la vue, plein de gens le trouveraient bizarre vu qu'il serait à contre-courant de la mode, et donc le trouveraient moche (la mochitude étant une notion en général soumise au diktat de la mode).

Mes propos sont un peu extrémistes, je le sais (et j'assume), donc ne les prends pas trop au pied de la lettre...

-
Edité par robun 27 octobre 2018 à 13:46:21

27 octobre 2018 à 14:07:29

Bonjour robun,

Merci pour cet avis très constructif :)

Malheureusement je pense exactement comme toi :D, mon éditeur de code est en mode Dark (VSC), idem pour mes thèmes de navigateur, fond d'écran PC, même le vieux notepad++, etc...

Tu dis :

" Mais je soupçonne que si tu faisais un site à fond sombre, donc agréable et reposant pour la vue, plein de gens le trouveraient bizarre vu qu'il serait à contre-courant de la mode, et donc le trouveraient moche (la mochitude étant une notion en général soumise au diktat de la mode)."

Et bien je pense également de même, j'ai peure que le standard soit le fond blanc et que le mode sombre fasse fuir ou un peu rétro...

Comme j'utilise Sass je pourrais avoir 2 fichiers de variables pour avoir un mode sombre et clair, mais je vais devoir changer les icônes, etc... donc surcharge de travail + de cache, trouver un équilibre, etc... 

En tout cas merci pour tes arguments :)

Avec moi ça fait:  mode sombre 2 - 0 mode clair 

En attendant d'autres avis...


-
Edité par pipelette13 27 octobre 2018 à 14:11:50

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
27 octobre 2018 à 21:53:00

Sur écran le blanc pur fait mal aux yeux. Perso de manière générale j'utilise le mode dark dans toute mes applications, je trouve plus confortable pour la lecture.
Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
27 octobre 2018 à 22:06:48

pourquoi? ( histoire d'avoir une réponse concrète hein )
Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
27 octobre 2018 à 22:40:31

Parce que je trouve ça plus lisible et plus reposant, tout simplement.

27 octobre 2018 à 23:35:50

Zoki_Marciano, Normal c'est une sorte de "retour à l'envoyeur entre nous, je lui tiens tête..."  ;)

entwanne : Je ne met en doute ton choix, je sonde et c'est normal, par contre il me semble que vous étiez nombreux à vouloir un mode sombre sur ce site, il y a même eu une extension (plus ou moins réussie), voilà pourquoi je pose cette question ^^

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
28 octobre 2018 à 0:03:31

Ben c'est surtout que je vois pas plus de choses avancées dans les autres commentaires. Oui il y a bien sûr les questions de contrastes, qui se posent dans les deux cas.

Mais sinon je trouve vraiment les fonds sombres plus fatigants. Le plus reposant pour moi c'est les fonds un peu jaunis qui évite d'avoir trop de lumière bleue. Mais tout ça se règle avec l'écran, comme sa luminosité.

28 octobre 2018 à 0:25:34

Ok je comprend, un peu ce que propose w10, mode que j'ai par ailleurs activée 

J'avais besoin d'arguments pour justifier la réponse, je te remercie pour ta participation :)

------

Merci à toi aussi Zoki_Marciano :)

mode sombre 3 - 1 mode clair 

----

PS: N'oubliez pas de changer d'heure cette nuit, à 2h il sera 1h, heu... non 3h00 , ZUT 

-
Edité par pipelette13 28 octobre 2018 à 0:35:49

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
28 octobre 2018 à 11:39:38

robun a écrit:

Surtout, surtout, surtout : si tu choisis un fond clair, écris en noir, pas en gris clair.

Au contraire, faut surtout pas écrire en noir mais en gris foncé, ça rend 100 fois mieux. C'est pas compliqué, regarde la grande majorité des sites, c'est écrit en gris foncé (sur OC par exemple, c'est rgba(0,0,0,.85)).

Le noir est trop "puissant" comme couleur.

-
Edité par SachaDuBourgPalette 28 octobre 2018 à 11:40:00

28 octobre 2018 à 11:59:18

Bonjour SachaDuBourgPalette et bienvenue sur ce sujet :) ,

En effet le gris foncé s'est imposé sur de nombreux site, après c'est une histoire de faculté personnelle quand au confort de lecture/fatigue et d'interprétation des couleurs, on a pas tous la même sensibilité...

Je te pose cette question: si tu devais choisir entre un mode sombre ou blanc sur OC, quelle serait ton choix et pourquoi ?

D'ailleurs un daltonien serait sans doute plus à l'aise en mode sombre pour différencier les nuances de couleurs je pense.

merci.

-
Edité par pipelette13 28 octobre 2018 à 12:01:47

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
28 octobre 2018 à 12:31:03

Apres ca depend si on est ecran cathodique ou lcd ou led :D
Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
28 octobre 2018 à 15:46:54

Certains sites laissent le choix à l'utilisateur dans les options du site, c'est le cas de twitter :)

-
Edité par Bibou34 28 octobre 2018 à 15:47:07

28 octobre 2018 à 16:06:47

Ne rigole pas, j'ai toujours une vieille tour (Pentium 4 ) avec un écran cathodique qui pèse au moins 15Kg :p  
En effet j'y ai pensée, avec 2 fichiers de variables sous Sass, le souci comme je l'ai dite ces sont les icones et images, difficile de trouver un équilibre de visibilité sur fond sombre et blanc ^^
//
Quelqu'un à poster son Portfolio dans le forum HTML : https://quentin-joubert.fr/ 
Perso j'ai mal à lire avec du texte gris sur fond blanc...
//
ps: Oops j'ai un souci avec l'édition de mon message via l'éditeur, désolée aucune marge entre les phrases :-°

-
Edité par pipelette13 28 octobre 2018 à 16:12:23

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
28 octobre 2018 à 19:16:37

SachaDuBourgPalette a écrit:

Au contraire, faut surtout pas écrire en noir mais en gris foncé, ça rend 100 fois mieux. C'est pas compliqué, regarde la grande majorité des sites, c'est écrit en gris foncé (sur OC par exemple, c'est rgba(0,0,0,.85)).

Pourquoi « au contraire » : nous sommes d'accord ! Ce que je disais, c'était : surtout pas en gris clair (voir exemple ci-dessus de pipelette13). Mais en noir ou en gris foncé (j'ai parlé du gris foncé !). Un gris foncé avec 0,85 c'est d'ailleurs proche du noir.

-
Edité par robun 28 octobre 2018 à 19:22:30

29 octobre 2018 à 12:02:32

perso, je dev toute la journée et je suis en Dark. Dès que je commence à lire des PDF sur de longues heures, j'ai mal au yeux et je suis obligé de faire des pauses.

Je te dirais donc que si tu dois faire quelque choses, il vaut mieux être à contre courant de la mode et pas se faire mal au yeux.

la connaissance est la seule chose qui ne nous appauvrit pas quand on la partage. Un tuto sur les makefile et mon GitHub
29 octobre 2018 à 14:43:57

Salut,

Perso j'ai pas de préférence, même si en général je reste en light theme mais c'est plus par flemme de changer le thème.

Sinon il semblerait que pour du texte le noir sur fond blanc soit mieux : https://ux.stackexchange.com/a/53268

Donc c'est sans doute adapté à un forum.

Mais ça peut dépendre du contenu du forum, s'il sert à partager des images par exemple, le dark theme n'est pas forcément malvenu pour mettre en avant le contenu, un peu comme Photoshop ou Blender qui ont un dark theme par défaut : https://ux.stackexchange.com/a/8154

29 octobre 2018 à 14:51:41

Merci ox223252  pour ton avis sur le sujet :) 

Stormweaker :

Merci pour lien, très intéressant :), car les participants mettent en avant l'environnement de travail, être dans une pièce sombre ou éclairée, ambiance , etc...  je n'y avait pas pensée, mais chaque cas est donc différent...

Par contre dans le second avec explications et témoignes (merci pour celui-ci) , il y a point mis en avant très pertinent: pourquoi préférons-nous en général coder sur un éditer en mode sombre voir Dark ??? hé, il y a match ^^

Et en effet dans mon projet les membres peuvent poster des messages, un peu comme un forum donc pas mal de lecture...

Finalement le top serait de proposer les 2 modes, bien qu'un mode sombre n'est pas forcément du noir ou très sombre.

-----------

mode sombre 5 - 2 mode clair 

-
Edité par pipelette13 29 octobre 2018 à 15:06:25

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
29 octobre 2018 à 17:46:24

Hola !

Au risque de reprendre les arguments de mes prédécesseurs :

Je préfère le Dark mode de façon générale.

Le blanc donne une impression de vide et m'agresse les yeux (entre mes yeux très clairs et ma sale habitude à travailler dans le noir...)

De son côté, le Noir est très plaisant mais je trouve qu'il est important de lui donner un peu de contraste.

Pour reprendre celui de Visual Studio, que je trouve vraiment très bien étudié (combiné aux couleurs de syntaxe, notamment), on y trouve énormément de couleurs assez sombres qui dénature un peu le noir et évite de tomber dans le déprimant.

Bref, l'important, pour moi, c'est le contraste (pas forcément que de la syntaxe, c'était un exemple comme un autre).

-
Edité par LilyKianii 29 octobre 2018 à 17:51:28

29 octobre 2018 à 17:59:34

bonjour LilyKianii et merci pour ta participation :) 

Tu mes en exemple VSC que j'utilise aussi, mais sur un forum comme OCR avec beaucoup de lecture, tu restes sur ta position ou le blanc te satisfait ?

-
Edité par pipelette13 29 octobre 2018 à 18:00:21

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
29 octobre 2018 à 20:08:56

pipelette13 a écrit:

Tu mes en exemple VSC que j'utilise aussi, mais sur un forum comme OCR avec beaucoup de lecture, tu restes sur ta position ou le blanc te satisfait ?

Définitivement. Je trouve très difficile de faire un bon Dark mode mais lorsqu'on arrive à un résultat satisfaisant, c'est vraiment beaucoup plus plaisant à lire. Moins fatiguant pour les yeux et plus aisé de se concentrer sur la lecture... pour ma part en tout cas.

Un site qui, en plus de respecter son thème (chose que je juge assez importante, au passage), présente un Dark mode qui m'est très agréable : blackhat.com (Lien vers la section Briefings, la page d'accueil n'est pas assez fournie pour que cela en face un exemple valide)

Le blanc d'OCR reste très lisible mais, sans se mentir, on est tous contents de voir cette petite fenêtre noir de Code quand elle apparaît ! Cela rend le post tout de suite beaucoup plus léger.

-
Edité par LilyKianii 29 octobre 2018 à 20:11:09

29 octobre 2018 à 20:32:50

Cool je te remercie, en effet c'est une question d'équilibre :) 

Comme j'utilise Sass je pourrais changer rapidement le thème si besoin.

---> Score actuel :

mode sombre 6 - 2 mode clair 

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
29 octobre 2018 à 21:14:36

Après lecture des liens de Stormweaker, j'en déduis qu'il vaut mieux un texte sombre sur fond clair. Mais il suffit de mettre du clair pas trop clair, par exemple une couleur chaude, genre jauni (suggesion d'entwanne). Par exemple sur ce site c'est du noir sur vert pâle : http://fsincere.free.fr/isn/python/cours_python.php , ça me convient très bien. Ça permettrait d'éviter les fonds trop blancs fatigant pour les yeux tout en tenant compte d'une étude faite avec un peu plus de huit sondés, et c'est à peu près compatible avec la mode...

29 octobre 2018 à 22:48:43

Il est clair que l'on à touts une perception, interprétation et sensibilité différente.

Donc je dois trouver un équilibre, personne ne sera satisfait du rendu et c'est normal.

N'empêche que tout le monde travail en mode sombre avec leur éditeur de texte, et on y passe du temps, au contraire j'imagine un excel en mode Dark...

-
Edité par pipelette13 29 octobre 2018 à 22:50:11

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
30 octobre 2018 à 0:24:01

Dans ce cas il faut faire comme sous photoshop et laissé le choix du thème ;)
Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
30 octobre 2018 à 0:49:33

Oui j'y pense et je sais faire, sauf que mes images auront un aspect différent sur fond sombre ou blanc, je les ai choisie via un thème...
Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean
30 octobre 2018 à 7:46:09

si c'est pour des icones, tu peux toujours avoir deux jeux d'images, c'est pas encore trop horrible
la connaissance est la seule chose qui ne nous appauvrit pas quand on la partage. Un tuto sur les makefile et mon GitHub
30 octobre 2018 à 11:40:00

entwanne: oui j'y ai pensée, j'ai même posée cette question en parallèle : https://openclassrooms.com/forum/sujet/format-png-et-base-64-optimisation-chargement 

ox223252: Non c'est ce que je veux éviter justement ;) 

Merci a vous, vous me donner des pistes/solutions, j'en prend note. je ne suis qu'amatrice et code par plaisir même si ce sera mon 1er projet à mettre en production. du coup je me nourrie de votre expérience :)

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean

[Design] votre préférence côté confort de lecture

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown