Tutoriel : comment naviguer ce site

On a cherché à faire en sorte que ce site soit deux choses: d’une part, une base de données pour accompagner dans notre travail, et d’autre part, endroit où les visiteur·euses de ce site pourraient y lire nos publications et obtenir des informations à leur sujet.

Vu qu’on a voulu mettre un peu tout ce qu’on a pu faire au fil du temps, et qu’on tenait à cette esthétique « par défaut » de la « base de données », ça a donné un site quelque peu complexe qui peut mériter les quelques conseils de navigation que voici 🤗

L’interface du site

Déjà, sur téléphone et sur ordinateur, c’est pas pareil. Sur téléphone, l’interaction est centrée sur la lecture des textes. Beaucoup d’informations sont masquées pour ne garder que l’essentiel : les informations sur nos publications, le texte intégral, et un lien vers la boutique pour acheter le livre.

Sur ordinateur par contre, c’est une autre affaire. On retrouve plusieurs éléments :

À gauche, un premier menu latéral contenant les filtres des catégories et le listing des fichiers de la base de données.
Au centre, le visualisateur, qui affiche le contenu des entrées de la base de données. Ces contenus peuvent être nos publications, des informations sur nos auteur·ices, et plein de choses encore.
À droite, on retrouve un second menu latéral contenant cette fois-ci les filtres des mots-clés associés à nos publications — et seulement nos publications !

Filtrage du listing des fichiers

Par défaut, lorsque vous arrivez sur le site, nos publications sont sélectionnées (toutes les sous-catégories des publications sont actives), et de ce fait, seules ces publications sont affichées dans le listing des fichiers en bas à gauche. Ça permet de facilement trouver nos publications.

Pour affiner le filtrage des publications, vous pouvez cocher quelques mots-clés en plus.

Si vous souhaitez lister uniquement les graphistes avec qui nous avons collaboré, alors cochez seulement la sous-catégorie associée. C’est valable pour toutes ces sous-catégories. Chaque sous-catégorie est identifiée par un smiley, comme par exemple 🚀 pour les évènements de lancement.

Le visualisateur

Le visualisateur est la partie centrale de l’écran. C’est l’interface dans laquelle apparaît l’élément séléctionné dans la base de données. C’est ici que sont regroupés toutes les informations concernant l’élément mais aussi le texte intégral lorsque le livre est disponible en ligne. En cliquant sur "Acheter", vous serez directement redirigé·e sur notre marketplace pour commander le livre sélectionné. En cliquant sur le bouton du mode liseuse le texte intégral s’ouvre dans un mode plus confortable pour la lecture.

Mode liseuse

Dans Mode liseuse vous avez accès à une interface spécifique pour la lecture des textes disponibles sur le site. La table des matières s’affiche dans la colonne à droite de l’écran. En déroulant « Outils d’accessibilité » vous pourrez modifier l’affichage (la typographie, le corps du texte, la longueur de ligne, l’interlignage, la justification) du texte. En cliquant sur « retour sur le portail » vous serez redirigé·e vers l’interface du site.

D’ailleurs, que vous soyez dans ce mode liseuse ou non, dès lors que vous lisez une publication, un marque-page automatique est déclenché. L’URL dans votre barre de recherche est actualisée à chaque fois que vous scrollez, si bien que si vous voulez mettre en pause votre lecture et la reprendre plus tard, il suffit de mettre la page en favori !

Imprimer les publications

Chaque tract, chaque livre, chaque brochure existe sous une multitude de formats. En plus du mode liseuse, les publications sont disponibles sous différents formats accessibles depuis le listing des fichiers. Ces fichiers sont regroupés en un package qui contient :

Le PDF que nous avons envoyé à l’imprimeur ;
Une mise en page standardisée en A4 pour imprimer chez vous en feuille à feuille ;
Et dans le même style, deux fichiers A5 :
- l’un imposé pour imprimer nos publications comme des livrets à relier soi-même ;
- et l’autre non, pour d’autres usages (des reliures dos carrés-collés peut-être ?)