Creating distraction-free reading experiences
►http://azumbrunnen.me/blog/creating-distraction-free-reading-experiences
On m’a passé cet article par rapport à la mise en page de certains sites d’infos alternatifs, du coup je me le synthètise ici pour garder quelques notes ;) Voilà donc une liste de recommandations pour garantir une lecture de qualité sur écran :
– de la bonne #typographie (l’auteur renvoie à Butterick’s practical typography ▻http://practicaltypography.com un livre en ligne que je ne connaissais pas, ça a l’air très fourni en plus d’être une expérience éditoriale singulière : ▻http://practicaltypography.com/how-to-pay-for-this-book.html )
– l’imitation de ce qui marche déjà (faire gaffe à l’innovation) ;
– la limitation des éléments « fixes » ;
– virer les éléments non relatifs au contenu (les listes d’articles sur le côté par exemple)
– l’illisibilité d’un contenu réparti avec une pagination par rapport au contenu publié sur une seule page ;
– une organisation qui permette au lecteur d’aller directement à ce qu’il cherche, puis seulement de lui proposer d’autres liens ;
– éviter les images d’illustration sans rapport direct avec l’information.
Le site en lui-même est déjà assez intéressant, notamment sur sa capacité à rythmer l’article verticalement, sans parler de sa jolie typo (en Chapparal Pro, corps 23 !)