Craquer la lecture mobile : comment j'ai transformé MyMémoires en Kindle avec Claude Design

L’objectif final du parcours utilisateur sur MyMémoires est de finir avec un objet physique : un livre retraçant la vie de la personne qui a conté son histoire au travers des multiples discussions enregistrées. Cependant, je souhaite que la biographie soit consultable au fur et à mesure qu’elle se complète. Je dois donc réussir à construire une interface qui simplifie la lecture et donne l’impression de lire un vrai livre, pour que l'utilisateur puisse se projeter sur l’objet final. C'est un vrai casse-tête UX : on le sait tous, lire un roman entier sur un écran de smartphone devient vite insupportable.

L'inspiration Kindle : l'épure avant tout

J’ai vraiment basé ma réflexion sur les liseuses numériques de type Kindle : une interface épurée, avec le moins d’actions possibles si ce n’est tourner la page. Pour simplifier la lecture, je voulais tout de même donner la possibilité de naviguer de manière moderne via une table des matières, afin de pouvoir sauter simplement d’un chapitre à un autre.

Prototypage sous stéroïdes avec Claude Design

J’ai commencé par faire générer des wireframes par Claude Design, car je voulais m’assurer de bien maîtriser l’entièreté du parcours. J’ai donc fait rédiger un brief à Claude, basé sur nos échanges et sur la liseuse déjà présente sur la version 1 de MyMémoires Web, qui constituait une base solide.

Le brief était précis sur le nombre d’écrans du parcours : une page de présentation, des pages de lecture (début et milieu de chapitre), une table des matières, et une page finale avec la possibilité de commander l’ouvrage physique. Claude Design m'a généré 4 pistes. J'ai pu faire mon cherry-picking en sélectionnant ce que je préférais dans chaque écran. La qualité était assez surprenante et, une fois mes remarques et ma sélection faites, le passage en maquette haute fidélité s’est fait sans accroc.

Craquer la navigation : une table des matières à deux niveaux

La table des matières n’est pas un organe de navigation habituel pour la lecture d’un livre papier en cours de route. Or, sur smartphone, on manque rapidement de repères. J’ai donc souhaité, sur les bons conseils de mes early users, ajouter une navigation non intrusive mais redoutablement pratique.

J'ai décidé de concevoir une table des matières accessible à tout moment, pensée en deux étapes. Un premier niveau permet de zapper rapidement entre les chapitres adjacents, et un simple "pull" dévoile ensuite l'arborescence complète de l'ouvrage.

Je suis plutôt satisfait du rendu final de cette expérience de lecture. Ça me laisse maintenant le champ libre pour m'attaquer à la suite : la gestion des compteurs et surtout l'enregistrement audio des chapitres, qui est la véritable clé de voûte de l'application. Je vais me concentrer sur ce gros morceau très prochainement.