Étude de Cas UX · Analyse Comparative

La Digitalisation du
Patrimoine Pédagogique
de Keur Serigne Touba

Comment transformer un manuscrit calligraphié à la main en un livret numérique bilingue et fidèle à la tradition Wolofal — une étude de cas en quatre actes.

Manuscrit → Livret numérique Calligraphie Wolofal / Maghribî Unicode U+06A2 & U+06A7 Design System Marine / Or Amiri 700 · line-height 3.5 17 sections · 100% bilingue
01
Le Problème — Audit de l'Existant

Ce que le manuscrit
ne pouvait pas faire

Avant toute intervention, un audit rigoureux du document source a été conduit. Le manuscrit d'El Hadj Dame Seck est précieux — mais ses limites en tant qu'outil pédagogique moderne sont nombreuses et mesurables.

Manuscrit original Analyse du manuscrit original — page 1 du cahier d'El Hadj Dame Seck
Page 1 du cahier manuscrit d'El Hadj Dame Seck : L'alphabet Abjad écrit à la main. On observe l'absence totale de hiérarchie visuelle, les lettres isolées sans contexte de position (début/milieu/fin), l'absence de traduction, et l'usage d'un style calligraphique Wolofal non reproductible par les polices arabes standard.

Rapport d'audit — 5 défauts critiques identifiés

Défaut UX Observation sur le manuscrit Impact pédagogique Statut
Hiérarchie visuelle absente Lettres en grille uniforme, aucune distinction titre / contenu / exercice. Les prières et l'alphabet cohabitent sans séparation lisible. L'élève ne sait pas où regarder en premier. La lecture linéaire est impossible sans guide. ❌ Critique
Absence de traduction Toutes les prières, invocations et règles sont rédigées exclusivement en arabe. Aucune explication française sur les 40 pages. Les élèves francophones mémorisent sans comprendre. L'apprentissage est purement mnémotechnique. ❌ Critique
Calligraphie Wolofal non reproductible Le Fâ (ف) a son point sous la lettre. Le Qâf (ق) n'a qu'un point. Ces formes sont spécifiques au style Maghribî/Soudani de Keur Serigne Touba. Toute numérisation avec une police standard (Naskh) produit des erreurs calligraphiques qui faussent la lecture. ❌ Bloquant
Fragilité du support physique Papier ligné, encre noire sur fond blanc. La photocopie dégrade les voyelles (Tashkîl) au point de les effacer. Aucune duplication fiable possible. Chaque copie perd de l'information essentielle. ❌ Majeur
Tashkîl illisible à petite taille Les voyelles courtes (Fatha, Kasra, Damma) sont écrites à la main au-dessus et en dessous des lettres sans espacement suffisant. À la photocopie ou en impression réduite, les diacritiques fusionnent avec les lettres et deviennent illisibles. ❌ Majeur
Diagnostic

Le manuscrit est un document d'auteur irremplaçable, mais structurellement inadapté à la transmission pédagogique autonome. Sans traduction, sans hiérarchie, et sans rendu calligraphique fidèle, il reste dépendant de la présence physique du maître pour être compris.

02
La Solution — Le Saut Qualitatif

De la page manuscrite
au système documentaire

Chaque défaut identifié en audit a reçu une réponse de design précise et vérifiable. Voici comment les cinq problèmes critiques ont été résolus, avec leurs impacts mesurés.

Résultat final Le nouveau système alphabétique — tableau Abjad avec colonnes structurées
Le tableau de l'alphabet Abjad dans le livret final : chaque lettre dispose de sa forme isolée (colonne marine), son nom arabe vocalisé, sa translittération phonétique, sa prononciation et ses trois formes positionnelles (début, milieu, fin). Le contraste Marine / Or crée une hiérarchie visuelle immédiate absente du manuscrit.

Réponse design point par point

🏗️
Hiérarchie visuelle : Design System Marine & Or
Création d'un système à trois niveaux : bandeaux marine #1A2B48 pour les titres de section, accents or #C5A059 pour les numéros et bordures, fonds bleu pâle #EAF0F9 pour les blocs de texte arabe. L'œil sait instantanément où se trouvent les lettres, les noms et les traductions.
🌐
Traduction : bilinguisme systématique 100%
Chaque texte arabe (21 cards, 7 invocations, versets, prières) reçoit sa traduction française immédiatement en dessous, dans un bloc grisé distinct. Audit programmatique en fin de production : 0 texte arabe sans traduction.
⌨️
Calligraphie Wolofal : substitution Unicode ciblée
Remplacement systématique du Fâ standard ف (U+0641) par ڢ (U+06A2) et du Qâf standard ق (U+0642) par ڧ (U+06A7). Résultat vérifié : 65 occurrences de ڢ et 40 occurrences de ڧ, zéro caractère standard résiduel.
📁
Pérennité : fichier HTML autonome, zéro dépendance
Le livret est un fichier HTML unique, imprimable en recto-verso A4, consultable sur smartphone, et copiable lettre par lettre. Il peut être dupliqué, sauvegardé et partagé sans altération — ce qu'aucune photocopie du manuscrit ne permettait.
↕️
Tashkîl lisible : interlignage 3.5 non négociable
Un line-height de 3.5 sur tous les blocs arabes donne aux voyelles l'espace vertical nécessaire. Les diacritiques (Fatha, Kasra, Chadda) ne chevauchent jamais les lettres, même à l'impression en format réduit.

La correction calligraphique clé : Fâ et Qâf

❌ Standard Moyen-Orient ف U+0641 · Point AU-DESSUS

Incorrect pour un lecteur de Khassida. Faux dans le contexte de Keur Serigne Touba.

✅ Style Wolofal authentique ڢ U+06A2 · Point EN DESSOUS

Forme conforme aux Khassidas. Utilisée 65× dans le livret final.

❌ Standard Moyen-Orient ق U+0642 · Deux points au-dessus

Crée une confusion de lecture en style Maghribî. À éviter absolument.

✅ Style Wolofal authentique ڧ U+06A7 · Un seul point au-dessus

Forme régionale correcte. Utilisée 40× dans le livret final.

Résultat de la solution

Le livret numérique final est plus fidèle à la tradition Wolofal que n'importe quel traitement de texte standard — non pas malgré sa nature numérique, mais précisément grâce à la maîtrise des codepoints Unicode appropriés.

03
Focus Technique — La Précision UX

Amiri, l'interlignage 3.5
et l'élève au centre

Chaque décision typographique a été motivée par une question unique : « Est-ce que cela rend l'apprentissage plus facile pour un élève de Grand Yoff ? » Voici pourquoi ces choix sont des décisions de design centrées utilisateur, et non de simples préférences esthétiques.

Focus · Salâtoul Fâtihi Focus sur la Salâtoul Fâtihi — typographie Amiri et interlignage 3.5
La Salâtoul Fâtiha (As-Salâtu l-Fâtiha) dans le livret final. L'interlignage de 3.5 donne aux voyelles (Tashkîl) l'espace nécessaire. On observe le Fâ Wolofal (ڢ U+06A2) et le Qâf Wolofal (ڧ U+06A7) correctement placés. La traduction française en pied de bloc permet une compréhension immédiate du texte arabe.
اللَّهُمَّ صَلِّ عَلَى سَيِّدِنَا مُحَمَّدِ الْڢَاتِحِ لِمَا أُغْلِڧَ
Ô Allah, envoie Ta prière sur notre Seigneur Muhammad, l'Ouvreur de ce qui était fermé…
Amiri · font-weight 700 font-size 2.2rem line-height 3.5 letter-spacing .05rem word-spacing .2rem ڢ U+06A2 · ڧ U+06A7

Rendu live — ce texte est affiché dans votre navigateur avec les paramètres exacts du livret

Pourquoi ces choix sont des décisions UX, pas des choix esthétiques

🅰️
Amiri plutôt que Scheherazade, Alkalami ou Noto
Quatre polices ont été testées sur les glyphes U+06A2 et U+06A7. Seule Amiri restitue ces codepoints sans compression ni déformation. Alkalami distordait les lettres à font-weight 700. Scheherazade ignorait certains glyphes. Pour l'élève : chaque lettre est reconnaissable sans effort de déchiffrage.
↕️
line-height 3.5 : centré sur la lisibilité des voyelles
En arabe vocalisé, les diacritiques (Fatha ◌َ, Kasra ◌ِ, Chadda ◌ّ) se superposent aux lettres. Avec un interlignage standard de 1.5, ils fusionnent à l'impression. Le 3.5 garantit que chaque voyelle reste lisible même en impression A4 réduite à 80%. C'est une contrainte d'accessibilité, pas d'esthétique.
🌊
letter-spacing .05rem et word-spacing .2rem : fluidité de lecture
L'arabe calligraphié au calame large espace naturellement les lettres. Sans ces paramètres, le rendu numérique compresse les mots en blocs denses. Pour l'élève débutant, chaque lettre doit être identifiable dans la chaîne du mot. Ces valeurs reproduisent le rythme naturel du calame de maître.
🎨
Marine #1A2B48 pour l'arabe : concentration et respect
Le noir pur crée de la fatigue visuelle sur les longs textes arabes vocalisés. Le marine foncé réduit la fatigue tout en maintenant un ratio de contraste WCAG AA sur fond clair. Sa connotation culturelle (couleurs de l'encre calligraphique traditionnelle) est cohérente avec le contexte de l'enseignement islamique.
🔑
Texte arabe copiable au clic : réutilisation pédagogique
Chaque bloc arabe déclenche une copie dans le presse-papier au clic. L'enseignant peut réutiliser les textes dans d'autres supports (WhatsApp, email, autre document) sans risquer de fautes de frappe. La préservation des codepoints Wolofal est garantie dans le transfert.
17 Sections
pédagogiques
100% Traductions
françaises
0 Codepoint
standard résiduel
105 Glyphes Wolofal
ڢ + ڧ
04
Conclusion & Impact Social

Un héritage rendu
transmissible pour toujours

Au-delà des décisions techniques, ce projet incarne une certitude : le design a le devoir de servir des savoirs menacés par le temps. Pour les élèves de Grand Yoff, ce livret change concrètement les conditions d'apprentissage.

Réflexion de designer

Ce projet démontre qu'un designer UX peut agir là où personne ne regardait : dans la transmission du patrimoine immatériel. Placer le point du Fâ au bon endroit, c'est honorer la tradition d'un maître. Ce n'est pas un détail typographique — c'est un acte de respect culturel rendu possible par la maîtrise des outils numériques.

Livret Officiel d'Enseignement
El Hadj Dame Seck
Enseignant de langue arabe & sciences islamiques
📍 Keur Serigne Touba — HLM Grand Yoff, Dakar (Sénégal) 📞 +221 77 651 18 60
وَصَلَّى اللَّهُ عَلَى سَيِّدِنَا مُحَمَّدٍ وَعَلَى آلِهِ وَصَحْبِهِ وَسَلَّمَ