L'Improbable librairie

Étape 1 - Comprendre les problèmes de l'existant

Le nouveau site devait reprendre la majorité des contenus existants. Il était donc important d’auditer le site pour comprendre la source de ses problèmes et d’établir les fonctionnalités manquantes par rapport aux besoins des utilisateurs et à la concurrence.

A ces fins, j’ai réalisé un audit général du site. Ce document a mis en évidence la richesse en contenus du site. Mais la qualité de ces ressources était oblitérée par une mise en forme linéaire et sans vraie hiérarchie, inadaptée à la lecture en diagonale sur le web.

Le benchmark pour sa part servait deux objectifs : établir le positionnement du site par rapport à ses concurrents et vérifier les fonctionnalités courantes, auxquelles l’utilisateur s’attend à avoir accès. Comme ce type de sites est très largement informatif, les critères étaient centrés sur les contenus, leur présentation et les fonctionnalités associées. Le benchmark a confirmé que le site n’avait pas à rougir au niveau de ses ressources et des fonctionnalités mais qu’il manquait d’une mise en forme claire et dynamique.

Étape 2 - Comprendre le public cible : la recherche utilisateur

Le site existant ne possédait pas d’analytics. A défaut de données quantitatives, j’ai recueilli des données qualitatives auprès de ceux qui côtoient le public de librairie tous les jours : les bénévoles. Cette enquête m’a permis d’établir clairement la situation socio-démographique des personas et dans une moindre mesure leurs motivations. Les chiffres de l’Insee sur le département de la Vienne ont corroboré et complété les données sociodémographiques.

Étape 3 - Concevoir

L'arborescence

Si la structuration n’a pas posé de problème, les labels ont font l’objet de plusieurs itérations. Ils se présentaient sous la forme de verbe à l’infinitif à l’origine. Mais les verbes avaient du mal à refléter le contenu. Des tests auprès d’utilisateurs aléatoires ont confirmé le caractère peu explicite de ces labels. C’est pourquoi j’ai finalement opté pour des noms, plus classiques mais plus clairs.

Du sketch au wireframe

Le nouveau site a été réalisé sur le CMS WordPress. Comme les bénévoles sont novices en informatique, j’ai essayé au maximum de faire correspondre les interfaces aux possibilités du thème retenu pour garantir la pérennité du site. Cela a fortement contraint la phase d’idéation et a supposé de réaliser en parallèle la réflexion sur l’interface et le choix du thème.

Pour éviter de me trouver enfermée dans la structuration des thèmes que j’avais pré-sélectionné, j’ai dessiné les interfaces sur papier telles que je les imaginais de manière optimale. Ce n’est que lorsque j’ai réalisé les wireframes sur ordinateur que j’ai adapté mes réflexions au thème retenu.

Du wireframe à la maquette graphique

Le webdesign reflète les locaux artisanaux, l’ambiance chaleureuse et l’environnement champêtre de l’Improbable librairie.

• Les tons chauds orangés et marrons donnent une impression de convivialité. Ils rappellent aussi la couleur du bois, en écho au bois du décor de l’Improbable librairie présent sur de nombreuses photographies.
• La police manuscrite des titres donne un ton informel qui rappelle le côté artisanal et associatif du lieu.

Étape 4 - Tester

Une fois le site développé, j’ai réalisé un test utilisateur pour vérifier que les objectifs de la refonte étaient atteints et détecter des problèmes d’utilisabilité. Au vu de l’éloignement géographique de l’association et du timing serré, la méthode la plus adaptée était le questionnaire en ligne. Le test a rassemblé 7 utilisateurs, représentatifs des différents publics cibles du site.

Les retours des utilisateurs étaient globalement très positifs. La majorité des problèmes étaient mineurs et ont été aisément corrigés.

Toutefois, le test a remonté le caractère peu explicite de l’intitulé « Chroniques » pour le blog, qui jouait sur le registre du livre. Faute d’un autre terme acceptable pour l’association et de difficultés logistiques techniques, le label est resté tel quel. Mais cette expérience m’a permis de comprendre la dangerosité pour la compréhension d’intitulés qui jouent sur des jeux de mots ou des univers thématiques.