Vidéo tutoriel d’application : la checklist

Une application de services aux citoyens ne sert pas à grand-chose si ses usagers ne savent pas s’en servir. Une vidéo tutoriel d’application comble cet écart, à condition d’être préparée avec méthode : un parcours précis, des écrans à jour, une voix claire, des sous-titres. Voici la checklist complète, tirée des vidéos explicatives réalisées pour Espace Citoyen et de la vidéo 2D du projet E-Citoyen et Taamir.

Tutoriel ou vidéo promotionnelle : deux rôles différents

Les deux projets s’inscrivent dans la digitalisation des municipalités soutenue par la GIZ avec le ministère de l’Intérieur, qui permet aux citoyens de déposer, suivre, payer et recevoir des services municipaux via des applications. Ils ne répondent pourtant pas à la même question.

La vidéo 2D promotionnelle et informative du projet E-Citoyen et Taamir devait faire connaître les avantages et les principales fonctionnalités des plateformes. La page du projet décrit une analyse des messages clés et du public cible, un scénario concis, un storyboard détaillé, une animation 2D et une voix off professionnelle au ton chaleureux et informatif, puis une diffusion sur les réseaux sociaux et les canaux des partenaires institutionnels.

Les vidéos explicatives d’Espace Citoyen sur l’utilisation de l’application et de ses services vont plus loin : elles montrent comment faire. Selon la page, chaque vidéo a son storyboard centré sur les interactions clés, un script simplifié et pédagogique, des captures d’écran de l’application et des animations pour illustrer les étapes clés, et une voix off qui guide l’utilisateur pas à pas.

Critère	Vidéo promotionnelle	Tutoriel
Question traitée	Pourquoi utiliser le service ?	Comment faire, étape par étape ?
Moment	Avant la première utilisation	Pendant l’utilisation
Contenu	Bénéfices, fonctionnalités clés	Écrans, gestes, vérifications
Format	Un film court et incitatif	Une série, une tâche par vidéo

La checklist de préparation

• Une tâche par vidéo. Créer un compte, déposer une demande, suivre un dossier, payer : chaque tutoriel traite une seule opération, du premier écran au message de confirmation. C’est l’esprit des storyboards d’Espace Citoyen, construits autour des interactions clés.
• Des écrans définitifs. Filmez la version publiée de l’application, pas une maquette. Si une mise à jour est prévue, attendez-la ou prévoyez de refaire les séquences concernées.
• Un compte de démonstration. Aucune donnée personnelle réelle ne doit apparaître à l’écran : nom, numéro d’identité et adresse doivent être fictifs.
• Un script en langage courant. Les termes administratifs se traduisent en mots simples. Faites lire le script à une personne qui ne connaît pas l’application : là où elle bute, l’usager butera.
• La ou les langues. Choisissez la langue de la voix et celle des sous-titres selon le public réel du service, et tenez-vous-y sur toute la série.
• Des sous-titres prévus dès le départ. Les règles d’accessibilité du W3C en font un critère de base : le critère 1.2.2 des WCAG, de niveau A, demande des sous-titres pour tout contenu audio préenregistré, qui indiquent aussi qui parle et les sons utiles à la compréhension. Ils servent également à tous ceux qui regardent sans le son.

La checklist de production

• Montrer le geste. Un doigt ou un curseur visible, un zoom sur la zone à toucher, une courte pause après chaque action : l’usager doit pouvoir suivre en même temps sur son téléphone.
• Mélanger captures et animation. Les vidéos d’Espace Citoyen associent des captures d’écran de l’application et des animations 2D, avec des transitions fluides. L’animation sert à expliquer ce que l’écran ne dit pas : pourquoi une pièce est demandée, ce qui se passe après l’envoi.
• Une voix qui guide. Une voix off professionnelle, posée, qui annonce l’étape avant de la montrer. Le ton chaleureux choisi pour la vidéo promotionnelle d’E-Citoyen et Taamir convient aussi aux tutoriels, à condition de rester sobre.
• Une charte commune. Mêmes couleurs, même générique, même voix sur toute la série : l’usager reconnaît immédiatement une vidéo officielle.
• Une fin utile. Terminez sur le résultat attendu (écran de confirmation, notification) et sur l’endroit où trouver de l’aide.

La checklist de diffusion

• Là où le service est présenté. Pour Espace Citoyen, les vidéos ont été hébergées sur les plateformes officielles associées au service, comme les réseaux sociaux.
• Dans le parcours lui-même. Une rubrique d’aide dans l’application ou un lien dans le message de confirmation place le tutoriel au moment où l’usager en a besoin.
• Sur le terrain. Le projet Espace Citoyen associait la diffusion en ligne des vidéos à des sessions de formation dans les municipalités partenaires. Un tutoriel projeté au guichet ou pendant une formation touche ceux qui ne le chercheront jamais en ligne.
• Chez les partenaires. La vidéo promotionnelle a été relayée par les canaux des partenaires institutionnels : faites de même avec les tutoriels.
• Un calendrier de mise à jour. À chaque nouvelle version de l’application, vérifiez les vidéos concernées.

Questions fréquentes

Une vidéo complète ou une vidéo par fonctionnalité ?

Une vidéo par fonctionnalité. L’usager cherche la réponse à une question précise ; une vidéo longue l’oblige à chercher le bon passage.

Animation 2D ou simple enregistrement d’écran ?

L’enregistrement d’écran montre le geste, l’animation explique le contexte. Les deux se combinent bien, comme dans les vidéos d’Espace Citoyen.

Qui doit valider un tutoriel ?

L’équipe technique, qui garantit l’exactitude des écrans, et le service en contact avec les usagers, qui connaît leurs questions réelles. Sans ce second regard, le tutoriel répond aux questions des concepteurs, pas à celles du public.

Un bon tutoriel se reconnaît à un signe simple : les questions au guichet diminuent sur le sujet qu’il traite. Notre studio de motion design 2D réalise ce type de série, de la stratégie digitale de diffusion à la déclinaison en vidéo marketing pour les réseaux sociaux. Présentez-nous votre application depuis notre page contact.