Des utilisateurs déclarant que la refonte est trop lumineuse?
Nous avons récemment lancé la refonte d'un forum populaire, et de nombreux utilisateurs déclarent que la refonte est maintenant trop lumineuse pour qu'ils puissent la lire, ce qui n'est évidemment pas bon pour un forum.
Voici un article typique et une capture d'écran du site:
Nous nous sommes délibérément assurés de ne pas trop nous éloigner de l'ancien site, par exemple le blanc en arrière-plan est le même blanc que l'ancien site, et nous avons rendu le texte plus sombre. Nous avons rendu la police noire et l'avons remplacée par open sans, mais je m'attendais à ce que cela améliore l'expérience du site et ne l'améliore pas. La seule autre chose qui a changé est le bleu autour du site, ce qui, je me demande, rend le site plus lumineux?
Existe-t-il des conseils pour rendre un site moins lumineux ou améliorer la lisibilité?
J'ai parcouru ces questions connexes:
- Y a-t-il un problème avec l'utilisation de texte noir sur fond blanc?
- Quelle est la meilleure combinaison de couleurs pour la lecture à l'écran?
- Le thème de couleur sombre ou blanc est meilleur pour les yeux?
Et la seule chose que j'ai changé par rapport à cette capture d'écran est d'arrêter d'utiliser du noir pur et d'utiliser une teinte plus douce à la place.
Contrairement aux autres réponses ici, je dirais qu'il n'y a rien de particulièrement mal dans les choix de couleurs de votre site.
Nous passons toute la journée à regarder des arrière-plans clairs et du texte sombre (MS Word, StackExhcange, beaucoup d'IDE, etc.)
J'ai l'impression que les gens ne se plaignent pas des couleurs de votre site. Ils se plaignent que vous avez changé la conception de leur site. "Leur" site est le facteur clé ici. Toute communauté en ligne réussie comprendra une grande population de membres qui estiment que c'est "leur" site. Et c'est justifié. Et personne n'aime ça quand quelqu'un vient changer la conception de votre site.
Je suppose qu'ils sont plus bouleversés par le changement - pas par ce que le changement est spécifiquement. À l'avenir, assurez-vous de gérer le changement lorsque vous aurez une grande communauté en ligne. Assurez-vous que les gens sont au courant de ce qui s'en vient. Ouvrez l'accès bêta. Etc.
À ce stade, compromis. Éclaircissez légèrement le texte et/ou assombrissez légèrement l'arrière-plan. Donnez l'impression que leurs plaintes ont été entendues et que des changements ont été apportés en réponse à ces plaintes.
Ce qui cause le problème, c'est de regarder un fond très lumineux en continu. Cela provoque une fatigue des cellules de votre rétine, ce qui rend la lecture presque impossible.
Il existe deux correctifs:
- Évitez d'utiliser de grands arrière-plans très lumineux (duh!). Toute grande surface doit être autre chose qu'un blanc brillant.
- Variation. Le problème n'est pas vraiment causé par quelque chose de trop brillant. (Comme vous l'avez dit, vous avez utilisé le même blanc.) Cela est dû au fait que les utilisateurs niquement regardent constamment quelque chose avec un fond clair. Il devrait y avoir des surfaces plus sombres que les gens regardent pour que les yeux puissent se reposer. Les grandes images, les titres avec des arrière-plans colorés, les barres latérales ... n'ont pas vraiment d'importance tant que c'est quelque chose que les gens passent du temps à regarder, de sorte qu'ils ne passent pas tout leur temps à regarder quelque chose de brillant. Idéal pour la lecture, la police peut être très grande, car cela donnerait à votre rétine beaucoup de variations et une luminosité moyenne appropriée, mais ce n'est pas vraiment pratique. Vous pouvez également donner à l'arrière-plan une texture subtile à faible contraste.
Il semble que vous ayez amélioré l'interface utilisateur qu'elle est en fait plus lisible maintenant qu'avant. Vous êtes passé de la police serif à sans-serif, ce qui augmente la lisibilité sur les écrans. Les facteurs qui affectent la lisibilité sont les suivants:
Choisir une police lisible
Avec une taille de police lisible
Contraste suffisant
La bonne longueur de lignes
Sections distinctes
Référence: Impact des polices et lisibilité sur la conversion
Mais peut-être que vos utilisateurs se plaignaient de quelque chose d'autre. Peut-être qu'ils veulent pouvoir changer eux-mêmes l'interface utilisateur en utilisant différents thèmes sur le site qui, si vous êtes connecté, peuvent être gérés dans un menu de paramètres. Il y a beaucoup de choix en matière de lisibilité et de couleurs. Il n'a pas besoin d'être noir sur blanc. Ce qui suit est un exemple coloré (même si je ne les aurais pas choisi) de texte noir sur des arrière-plans colorés qui passe tous le rapport de contraste pour être lisible.
Réf: Texte noir sur les couleurs qui passent juste à plusieurs rapports de contraste
Plus d'exemples se trouvent dans l'application GMail de Google paramètres de thème
Ce ne sont que quelques idées qui me viennent à l'esprit. Une autre façon serait de simplement demander à vos utilisateurs dans une enquête ce qu'ils pensent de votre tout nouveau design et ce qu'ils pensent manquer ...
Je pense que ce qui pourrait se produire est que, combiné au passage de serif à san-serif et à l'utilisation d'une police assez noire sur un fond pratiquement blanc, cela crée un problème de contraste fantôme, en particulier lors du passage à des sites avec une police assez claire.
La police sans empattement entraîne globalement plus d'encre sur la page car les traits sont d'une largeur constante, donc l'effet "strabisme" est d'un gris très foncé. Ces exemples sont à titre indicatif, mais voici le type d'effet strabisme que vous pourriez voir (à gauche):
Pendant ce temps, la police serif entraîne globalement moins d'encre sur la page car il y a des traits fins dans les détails et donc l'effet `` strabisme '' est d'un gris moyen à foncé.
Lorsque vous lisez du texte assez sombre et sur un fond très clair, lorsque vous regardez ailleurs une autre zone claire, vous voyez un ensemble de lignes fantômes - quelque chose comme ceci:
Twitter a maintenant une police encore plus claire, bien qu'elle soit sans empattement, donc l'effet global de strabisme pourrait être comme ceci:
Maintenant - notez que Twitter a un interligne différent de celui de votre forum.
Donc, si quelqu'un lit votre site pendant un certain temps et passe ensuite à Twitter
- a) Ils subissent déjà une fatigue oculaire due au contraste élevé
- b) L'effet fantôme est plus important
- c) L'espacement des lignes est différent
- d) La couleur de la police sur Twitter est plus claire
Le résultat est que de nombreux facteurs se mettent en place pour qu'il y ait un motif d'interférence plutôt méchant qui prend un certain temps à l'œil pour s'adapter pendant que l'effet fantôme s'estompe.
Selon l'endroit où vous regardez, le motif d'interférence peut être réduit ou aggravé, ce qui entraîne une sorte d'effet de natation qui rend difficile la mise au point sur certaines zones.
Difficile de dire que c'est certainement le problème, mais il y a de fortes chances que cela n'aide pas du tout la situation!
Voir la réponse @BennySkogbergs pour le reste de l'histoire :)