Lisibilité des guides intégrateur / concepteur / contributeur

[juliemoynat]

Bonjour,

Je parle pas mal des guides intégrateur / concepteur / contributeur que vous avez réalisés car je les trouve bien faits et très pratiques pour des non connaisseurs.

Une personne m'a fait, cependant, la remarque que ces guides manquent de lisibilité.

En effet, le texte des paragraphes est écrit assez petit (environ 14px si on a laissé son navigateur configuré à 16px par défaut). On gagnerait en lisibilité à le laisser à 100% de la taille de police définie par l'utilisateur dans son navigateur.

Par ailleurs, il y a des grands blocs de paragraphes qui s'étendent sur un peu plus de 1000px de large. Ces textes sont donc difficiles à lire car les lignes sont très longues.
Si on limitait les grands blocs de texte à 850px de large maximum, cela faciliterait la lecture.

Exemple :

Un bloc de texte actuellement (14px, conteneur 1000px) :

Un bloc de texte à 100% et un conteneur de 850px maximum :

Qu'en pensez-vous ?

[indieklem]

Le fait de mettre une plus grosse différence de marge entre la taille des lignes et les paragraphe (image ci-dessus) aide aussi à la lisibilité.

De plus, je dirais que c'est medium.com le meilleur exemple à suivre en terme de lisibilité :

• font-size à 21px
• taille du bloc au alentour de 750px

[juliemoynat]

@jacquelinclem, je mets ici la capture que tu avais faite avec l'augmentation de l'espace entre les paragraphes et la réduction du line-height (la mienne ne contient pas ça ;-) ).

Il n'y a plus qu'à trouver des valeurs qui conviennent. C'est vrai que les articles sur Medium se lisent bien.

[indieklem]

@juliemoynat en effet, merci pour le screen !