Une femme aide un homme âgé à utiliser un ordinateur portable avec une carte bancaire. - hocusbookus

Faciliter la vie des Conseillers Numériques France Services (et des autres aussi)

Quand j’accompagne ou que je forme des aidants numériques (médiathèques, médiateurs numériques, ou encore des conseillers France Services), ils me posent souvent la même question : « Où je trouve un tuto officiel pour expliquer la déclaration d’impôts à madame Durand qui n’a jamais touché un ordinateur ? ». La réponse devrait être simple. Elle ne l’est pas.

Le problème : les bons tutos existent, mais sont éparpillés

Les administrations françaises font des tutos vidéo. De bons tutos, souvent même. Mais ils sont éparpillés sur YouTube, Dailymotion, Vimeo, Service-Public.fr, les sites institutionnels. Quand un aidant cherche le tuto « Faire une carte grise sur l’ANTS », il doit fouiller la chaîne ANTS Chaine TV (qui n’apparaît pas toujours en premier sur Google), trier entre les vraies vidéos officielles et les copies de tiers, vérifier que la vidéo n’est pas obsolète. Et recommencer pour la CAF, pour Ameli, pour France Travail.

20 minutes de recherche pour 5 minutes d’accompagnement. C’est absurde. Et les aidants finissent par fabriquer leurs propres bookmarks, qui partent avec eux quand ils changent de poste.

L’outil : un fichier HTML, tous les tutos, six familles

J’ai donc construit l’index que je cherchais. Un fichier HTML unique, qui regroupe les tutoriels vidéo officiels que j’ai pu vérifier, ordonnés par famille de démarche. 85 ressources actuellement, réparties en 6 familles transverses :

  • 💰 Argent & travail — Impôts, CAF, France Travail, URSSAF, Retraite, MSA
  • 🩺 Santé — Ameli, Mon espace santé
  • 🪪 Identité & papiers — France Titres / ANTS, FranceConnect, Identité Numérique La Poste
  • 🏠 Logement & énergie — Demande de logement social, France Rénov’ / MaPrimeRénov’, Chèque énergie
  • ⚖️ Droits & justice — Aide juridictionnelle, Mon Parcours Handicap, Défenseur des droits
  • 🎓 Formation & orientation — CPF, orientation après 2de et 3e

Plus deux méta-sources transverses : Service-Public.fr (DILA) et la playlist DINUM des « 11 démarches essentielles » (signaler une fraude carte bancaire, obtenir son casier judiciaire, saisir le Défenseur des droits, recensement citoyen, etc.).

Header de l'outil "Tutos vidéo des administrations françaises" avec ses 20 sources, 85 tutoriels et ses 7 familles de démarches. Curated avec ♥ par HOCUSBOOKUS.
Aperçu général de l’outil : entête, compteurs (20 sources / 85 tutoriels), barre de recherche, bouton d’impression et filtres par famille. À gauche, le badge « aucun tracker avant clic » ; à droite, les toggles mode strict 🛡️ et thème sombre 🌙.

Le principe qui change tout : zéro tracker avant clic

Voici ce qui m’a guidé en construisant l’outil : le visiteur ne doit envoyer aucune donnée à YouTube, Vimeo ou Dailymotion tant qu’il n’a pas explicitement cliqué sur une vidéo.

En pratique : les lecteurs vidéo ne s’instancient qu’au clic, via youtube-nocookie.com qui limite le tracking. Et un mode strict activable d’un bouton va plus loin : dans ce mode, cliquer sur une vidéo ouvre un nouvel onglet sur la plateforme d’origine, sans aucun embed dans la page. Zéro requête sortante.

C’est un détail technique, mais en accompagnement, c’est lourd de sens. Le public CNFS / France Services est souvent peu averti des questions de données personnelles. Ouvrir une page qui charge 8 trackers avant même que la personne ait fait quoi que ce soit, c’est exactement le contraire de la sobriété numérique qu’on essaie d’enseigner. L’outil prêche par l’exemple.

Conçu pour vivre en atelier

L’outil est pensé pour fonctionner aussi bien sur écran que sur papier d’atelier :

  • Recherche instantanée sur le mot-clé : tape « AAH » ou « carte grise », les cartes filtrent en direct.
  • Filtres à 2 niveaux : famille puis administration. 2 clics pour atteindre n’importe quel tuto.
  • QR codes locaux : chaque vidéo a un bouton « 📱 QR » qui génère le QR en local (zéro appel à une API tierce comme Google Charts). L’usager scanne, repart avec le lien dans son téléphone.
  • Impression de la sélection filtrée : tu filtres sur « Mon Parcours Handicap » et tu imprimes. Tu obtiens un PDF d’atelier où chaque carte a son QR code. Tu distribues, l’usager rentre chez lui avec les liens.
  • Mode sombre, raccourci clavier « / » pour la recherche, support clavier complet.
  • Fonctionne hors-ligne : ouvrable depuis une clé USB ou un dossier partagé. Pratique pour les ateliers en zone à connexion fragile.
Section Impôts DGFiP de l'outil avec 5 cartes : 2 vidéos YouTube sur la déclaration de revenus, 2 playlists, et une carte page officielle teintée en bleu Impôts avec emoji bâtiment institutionnel.
Section Impôts (DGFiP) : 2 vidéos, 2 playlists et une carte « page officielle » qui prend la couleur et l’emoji de l’administration. Chaque vignette porte le badge 🔒 YouTube — la promesse « aucun tracker avant clic » visible sur chaque carte.

Sources officielles uniquement, vraiment

J’ai été rigoureux sur ce point. Aucun tuto YouTube de tiers même bien fait n’est référencé. Uniquement :

  • Les comptes vidéo vérifiés des administrations (DGFiP, Ameli, France Travail, URSSAF, ANTS, CNAV, MSA…)
  • Les pages institutionnelles .gouv.fr
  • La chaîne DILA pour Service-Public.fr (« Le Tuto », « Vos droits en clair », « Vos questions Nos réponses »)
  • La playlist DINUM « 11 démarches essentielles » sur Dailymotion
  • La chaîne Ministère de la Justice pour l’aide juridictionnelle
  • Les pages vidéo officielles Mon Parcours Handicap (CNSA + Caisse des Dépôts)

C’est ce qui fait la différence avec une recherche Google : un seul endroit, du contenu sourcé, vérifiable, à jour. Avant l’intégration, chaque URL Dailymotion a été testée pour confirmer que la vidéo existait bien et émanait du bon organisme — j’avais déjà vu trop d’outils similaires pointer vers des vidéos disparues ou des comptes non officiels.

Le code en bref

Pour les curieux : c’est un fichier de ~100 Ko, pur HTML / CSS / JS, sans dépendance externe. Pas de CDN, pas de framework. Une mini-librairie de génération de QR codes embarquée (10 Ko) pour respecter la promesse « aucune requête réseau avant clic ». Le contenu vit dans un seul bloc JSON en bas du fichier, ce qui rend l’ajout d’une nouvelle source trivial — pas de copier-coller HTML.

Le fichier peut être ouvert offline (USB, dossier partagé) et fonctionne de la même façon. Idéal pour des tablettes d’atelier qui n’ont pas toujours du réseau.

Et la suite ?

Quelques pistes que j’envisage :

  • Une version PWA installable hors-ligne sur tablette d’atelier
  • Un kit atelier PDF prêt à distribuer (téléchargeable contre inscription à la newsletter, quand elle sera prête)
  • Une alerte de mise à jour quand une administration publie un nouveau tuto
  • Un mode « guide pas-à-pas » qui enchaîne plusieurs tutos pour une démarche complexe (par exemple : créer FranceConnect puis utiliser Mon espace santé)

Si tu es aidant numérique, formateur, conseiller France Services ou animateur en médiathèque et que tu vois un manque dans l’outil, fais-moi signe. Chaque retour terrain permet d’enrichir l’index.

Tu accompagnes des publics dans leurs démarches en ligne ?

Discutons de comment cet outil peut servir tes ateliers, ou de la construction d’un outil sur mesure pour les démarches de ton secteur (santé, action sociale, médiathèques, mission locale…). Sans hype, sans jargon, avec des cas concrets.