Hi and welcome back on laggoun.com. As you probably noticed, the site was down for a few months because of the lack of a backup and a stupid mistake of mine. At least I learned from it. Every page is back online, including a more detailed about page.
The website is still powered by kirby CMS. That way, I get to host myself all my blog articles in the form of text files written in Markdown, without the need of a database. Since it is a very flexible CMS, I was able to easily build a blog and a portfolio (thank you Masonry). The website is entirely fluid in order to be able to read the content comfortably on mobile platforms.
I hope to be able to write a few articles in the near future. If you're interested, I suggest you to subscribe to the RSS feed.
Un des problèmes en termes d'user experience que je rencontre très souvent est celui de la pagination, ce sera donc le thème de cet article. En effet, je pense que l'utilisateur ne doit pas réfléchir sur quel lien cliquer lorsqu'il veut se balader sur un site, ça doit résulter d'un automatisme et d'une certaine évidence. Tout est une question de chronologie dans mon opinion, je vous propose d'étudier différents cas.
Cet article concerne les sites de type blog où les différentes pages sont ordonnées de façon chronologique.
Pratique courante du précédent / suivant
Aujourd'hui la plupart des sites que je visite adoptent la pratique de « page suivante » et « page précédente ». Cependant il m'arrive parfois d'être confuse parce que les pratiques diffèrent selon les sites, si bien que je ne sais pas quoi penser parfois.
Précédent pour des pages plus anciennes
C'est probablement la forme de pagination la plus utilisée. Un exemple est le site de Trent Walton :
Ici, le lien Prev pour précédent renvoit à une page plus ancienne, dont les articles ont été écrits précédemment. Cela parait évident quand on arrive sur la première page parce qu'il est impossible de cliquer sur le bouton Next pour suivant. Mais ça l'est beaucoup moins si on est parachuté sur la 3è page. De plus, ce n'est pas le mot en lui-même qui nous fait comprendre le système mais le fait qu'un lien soit impossible à cliquer.
À première vue, on pourrait se dire que si tout le monde suit cette convention, mon article est sans intérêt car tout coule de source. Et bien non, certains sites pratiquent l'inverse.
Précédent pour les pages à numéro inférieur
Une autre utilisation du système précédent/suivant est celle choisie par Metalab :
Dans l'exemple cité juste avant, le lien précédent renvoyait à la page 2, alors qu'ici, c'est le bouton suivant (next) qui renvoit à la page numéro 2. Ici, je suppose que le choix vient de la lecture d'un livre de langue latine, où vous allez à la page suivante qui se trouve à droite.
Problèmes soulevés par ces pratiques
Le mot précédent ou suivant ici peut avoir plusieurs sens qui sont chacun valables mais qui ne sont pas universels. C'est pourquoi je pense qu'il est intéressant d'introduire la notion de temporalité afin de faciliter la navigation.
La solution du ancien / récent
Intérêt
Pourquoi ne pense-t-on pas automatiquement à la solution la plus évidente qui puisse exister pour des pages ordonnées chronologiquement ? Il s'agit bien sûr d'un système plus récent et plus ancien, ou respectivement newer et older. Il faut noter que dans la tête de l'utilisateur, ce qui se passe est très simple: je veux accéder aux nouveaux articles ou alors voir les anciens articles. C'est cette notion de temporalité qui donne la direction que nous devrions suivre. En utilisant le vocabulaire approprié, il lui suffira simplement de lire et ce sera évident pour lui.
À gauche ou à droite ?
Je pense qu'une fois qu'on utilise les mots appropriés, le positionnement des liens est de second intérêt, mais on peut toujours s'y intéresser.
Cas1: anciens à droite
Cet ordre suit la pagination des pages. C'est à dire qu'il faut se représenter les pages, 1, puis 2, etc. jusqu'à la dernière et nième page.
Il est pratique de l'utiliser si vous voulez ajouter un système de navigation où l'utilisateur peut cliquer sur un numéro de page. De plus il a l'avantage de se présenter comme un livre qu'on feuillette (sujet à débat, il faut en effet noter que toutes les lectures ne se font pas de gauche à droite, comme pour l'arabe).
Je vais ici utiliser l'exemple du site de Kirby, qui d'ailleurs offre un très bon CMS sans base de données dont je vous ai parlé ici :
Ici, le principe est celui de la frise chronologique, les événements les plus anciens se situant à gauche, et les plus récents à droite :
Il est en soit logique, par contre il commence à poser problème dès que l'on ajoute une pagination à numéros. En effet, si l'on affiche les pages 1, 2, ... i ... n, alors il faut positionner le lien plus ancien à droite.
Originalité
Il est aussi possible de faire dans l'originalité et de ne pas employer les mots anciens ou récents, Thibault Ninove le montre bien :
Ici, l'utilisation des années 1990 et 2020 introduit la notion de temporalité de façon différente. De plus les années sont prises dans deux millénaires différents, ce qui rend la navigation encore plus évidente.
Conclusion
Certains me diront probablement que j'ai fait tout un article pour ne dire que cela, mais je pense que chaque détail compte et il est donc important d'être concis et logique afin d'offrir des solutions de facilité à ceux qui vont liront. Je pense que cet article montre clairement que la solution de pagination la plus évidente est celle où la notion de temporalité (je sais, c'est la 4è fois que je le dis) est introduite.
Enfin, j'ai une petite remarque pour ouvrir sur un autre sujet sur lequel je me pose beaucoup de questions: Faut-il inverser la numérotation des pages ? Je n'ai pas vu de site le faire, mais je me demande si ça ne serait pas plus logique. Le fait de numéroter la page la plus récente en 1ère position est aussi très logique car c'est le point de départ de lecture d'un blog pour un nouvel arrivant. Mais si on aborde cela dans l'autre sens, on peut se dire que la première page d'un blog devrait peut-être celle que l'on a écrite en premier. De plus, ça pourrait introduire cette notion de permanence. C'est pratique si on veut mettre un marque page sur une page sur laquelle on s'est arrêté, ou alors renvoyer à une page autour de laquelle des articles intéressants se trouvent.
Récemment, j'ai découvert Calepino, une petite entreprise française qui produit de jolis petits carnets en papier recyclé. Je suis évidemment tombée sous le charme et je vais vous expliquer la raison.
Pourquoi j'ai eu besoin de carnets ?
Partie de mon article qui ne sert pas à grand chose, je vais tout de même dire quelques mots dessus au cas où ça puisse intéresser d'autres personnes.
Je suis actuellement étudiante, et pour pouvoir bien retenir mon cours et le réviser facilement, je fonctionne avec des fiches bristol. Le seul petit hic, c'est qu'il m'arrive très souvent de les perdre, et surtout elles ne sont pas si pratiques que ça en terme de taille par exemple.
La dernière fois, une amie à moi et venue en cours avec de petits carnets (j'ai oublié la marque) en papier kraft, ils faisaient 48 pages il me semble. Je les ai ouvert et j'ai trouvé son cours résumé dedans. C'était vraiment une épiphanie pour moi, la solution à mon problème se tenait devant moi et je me sentais tellement stupide de ne pas y avoir pensé avant.
Le côté pratique est le suivant : un petit carnet se transporte facilement, les pages sont reliées donc au lieu d'avoir des fiches « volantes », tout est bien organisé et on ne perd rien. J'ai juste à les ranger dans mon tiroir, tout restera bien ordonné.
À la recherche du bon carnet
Je me suis donc mise à la recherche de carnets qui soient jolis et de bonne qualité. Je me tourne tout d'abord vers les Moleskine, mais j'étais hésitante parce que je voulais quelque chose d'un peu plus « old-school », j'aimais l'idée d'avoir du papier kraft en couverture, et tant qu'à faire que ce soit recyclé.
Je me suis alors rappelée du site Idea Cafe où j'ai retrouvé la marque de carnet que j'avais en tête, Field Notes. J'étais motivée à les acheter jusqu'à ce que je me rende compte que ce serait pas mal de trouver un autre vendeur chez lequel je n'aurais pas à payer 50% pour le produit et 50% pour les frais de livraison.
Calepino
Petite description
Les carnets Calepino sont de petite taille (9*14 cm) pour 48 pages, la couverture est en papier kraft, le papier est recyclé. Un côté un peu ancien est donné au carnet avec les caractéristiques précédentes. C'est vraiment important pour moi d'avoir un carnet dont j'apprécie l'apparence et la qualité. En effet, la motivation à écrire dedans est proportionnelle au ressenti que l'on a du carnet en le voyant, en écrivant dessus ou en le feuilletant.
Chaque article consiste en 3 petits carnets rangés dans un petit emballage kraft, pour 9€.
Les différents modèles
J'ai pour ma part choisi le papier ligné afin d'écrire droit, et j'ai pris un autre modèle en papier blanc pour d'éventuels petits croquis.
Mais Calepino propose aussi un modèle quadrillé (5mm) pour les accrocs des tableaux, des graphiques ou des traits droits. Vous pouvez aussi acheter la panoplie qui elle contient les trois modèles ainsi que stylos et crayons.
Fabrication française
Le produit français est très souvent un gage de qualité, et cela se confirme dès la réception de ces carnets où un grand soin est apporté au packaging.
Les temps sont très durs ces dernières années avec la crise économique qui nous a touché, la TVA qui va bientôt augmenter etc. si bien que chacun fait très attention aux prix. Il est clair que vous pourrez achetez des carnets dans un Carrefour pour pas très cher, mais il y a peu de chance que la production soit française. Je vous dit ça parce que l'artisanat français est un peu délaissé, et je pense que c'est important que nous aidions nos artisans français. J'ai rarement trouvé des produits de meilleure qualité que les leurs. Certes il faut mettre un peu de sa poche, mais lorsque ça contribue à l'économie nationale et que l'on sait avoir « aidé » (je mets entre guillemets, c'est pas de la charité non plus !) un français en échange d'un produit de qualité, je dis pourquoi pas ? C'est donc l'occasion pour moi de faire un petit appel: aidez les petits producteurs quand vous en avez l'occasion, si vous trouvez français, n'hésitez pas, il est important de faire passer la solidarité avant l'argent.
Remises sur le produit
La livraison est offerte dès 27€ d'achat. De plus vous avez jusqu'au 7 février pour bénéficier d'un carnet papier ligné offert pour toute commande en suivant ce lien (ce n'est pas un lien de parrainage).
Pour 10% de réduction sur votre commande, vous pouvez utiliser ce lien de parrainage.
Conclusion
Je suis satisfaite de mon achat, j'ai tout reçu sous 72H et je repasserai sans doutes une commande quand mon stock sera épuisé. Le carnet made in France vaut vraiment le détour.
