Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

Concevoir un Genially mobile friendly, du canevas au test final

Vente flash ! -25%
15,00€19,95€
klarna-condensed
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Pourquoi votre Genially se casse la figure sur smartphone

Vous avez conçu un support qui fonctionne parfaitement sur ordinateur. Vous le redimensionnez en format vertical pour vos apprenants en mobilité, et tout part de travers : blocs hors champ, textes minuscules, boutons impossibles à toucher du doigt. Il faut alors tout replacer, tout redimensionner, et le temps passé explose.
La raison est simple : Genially n'est pas responsive. L'outil applique une mise à l'échelle proportionnelle, pas une réorganisation des blocs. Rien ne se réagence, rien ne s'adapte. La seule solution efficace consiste à penser mobile dès la première slide.

Ce que vous allez apprendre

Cette formation de 2h06 vous donne la méthode complète, chapitre par chapitre, pour produire un contenu réellement utilisable sur téléphone.

  • Choisir le bon format selon votre audience réelle : horizontal 16:9, vertical 9:16, infographie, carte carrée ou format personnalisé, avec les dimensions exactes de chacun
  • Construire un canevas de travail avec les règles, les guides et la grille personnalisée, pour positionner vos éléments sans tâtonner
  • Concevoir une navigation linéaire, limitée à deux niveaux, avec des repères de progression que l'utilisateur retrouve toujours au même endroit
  • Appliquer les tailles de police minimales pour le petit écran et formater toute une création en quelques clics grâce à l'onglet Style
  • Découper un texte long en fenêtres et en listes à puces plutôt que de perdre votre lecteur sur un pavé
  • Dimensionner vos zones cliquables à 48 pixels et les espacer suffisamment pour éviter les taps ratés
  • Compresser vos images, héberger vos vidéos et alléger vos fichiers audio pour un chargement rapide en 4G
  • Dérouler une checklist de tests complète avant diffusion, sur plusieurs modèles de téléphone

Un projet fil rouge du brief à la publication

Chaque notion théorique est immédiatement appliquée sur un projet concret : un livret d'accueil interactif destiné aux nouveaux collaborateurs, construit intégralement au format 9:16. Page d'accueil, mot de bienvenue, menu à quatre rubriques, présentation d'équipe avec fenêtres interactives, plan des locaux cliquable, programme du premier jour en révélation séquentielle, infos pratiques.
Vous ne regardez pas une démonstration, vous construisez le support en même temps que la formatrice. À la fin, vous disposez d'un modèle réutilisable et des réflexes qui vont avec.

Les pièges que vous saurez éviter

Certaines fonctionnalités Genially qui marchent très bien sur ordinateur ne fonctionnent tout simplement pas au doigt. La formation identifie précisément ces cas et propose une alternative pour chacun.

  • Les interactions et animations au survol, y compris les étiquettes, sont inutilisables en tactile : elles sont remplacées par des fenêtres
  • L'autoplay des vidéos est bloqué par certains navigateurs : un bouton play visible prend le relais
  • L'animation filtre se réinitialise à chaque changement de page, ce qui la rend inexploitable comme indicateur de progression
  • Les flèches latérales de la navigation standard sont difficiles à atteindre sur un écran de téléphone : le mode micro-site les supprime

À qui s'adresse cette formation

Concepteurs pédagogiques, formateurs, chargés de communication interne et créateurs de contenus interactifs qui diffusent leurs supports par QR code, en session live ou auprès d'apprenants en mobilité.
Une connaissance de base de l'interface Genially suffit. Aucune compétence en développement web n'est nécessaire. Si vous débutez complètement, commencez par maîtriser les principales fonctionnalités de Genially avant de suivre ce cours.

Pour aller plus loin

La conception mobile et l'accessibilité partagent de nombreuses préconisations : contraste, taille de caractère, interligne. Le cours Concevez des Genially accessibles complète naturellement celui-ci.
Si vous produisez aussi pour les réseaux sociaux, le tutoriel Créez un carrousel personnalisable pour LinkedIn exploite les mêmes formats verticaux et personnalisés. Et pour mesurer ce que vos apprenants font réellement de vos modules, le cours évaluations, métriques de suivi et export SCORM prolonge le chapitre consacré au suivi post-publication.
Retrouvez l'ensemble du catalogue sur la page Tuto Genially.

Ce qui est inclus

  • 2h06 de vidéo réparties en 9 chapitres
  • Un PDF de fichiers sources reprenant toutes les préconisations chiffrées et les liens vers les outils de compression
  • Le salon d'entraide pour poser vos questions à la formatrice

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Pourquoi concevoir directement pour le mobile
Chapitre 2
Enjeux de la conception mobile et projet fil rouge
Chapitre 3
Format d'écran et canevas de conception
Chapitre 4
Navigation tactile et parcours utilisateur
Chapitre 5
Textes lisibles sur petit écran
Chapitre 6
Zones interactives et cibles tactiles
Chapitre 7
Médias optimisés : images, vidéos et audio

Table des matières

Chapitre 1 : Pourquoi concevoir directement pour le mobile
01m38
 
Leçon 1Comprendre le défi de l'affichage sur smartphone
Chapitre 2 : Enjeux de la conception mobile et projet fil rouge
05m24
 
Leçon 1Distinguer mise à l'échelle et vrai responsive
Leçon 2Découvrir le projet fil rouge : livret d'accueil interactif
Chapitre 3 : Format d'écran et canevas de conception
21m05
 
Leçon 1Choisir le format d'écran adapté à son audience
Leçon 2Construire sa grille de canevas au format vertical
Chapitre 4 : Navigation tactile et parcours utilisateur
16m10
 
Leçon 1Structurer une navigation linéaire pensée pour le tactile
Leçon 2Construire le squelette de navigation du livret
Chapitre 5 : Textes lisibles sur petit écran
28m58
 
Leçon 1Régler tailles de police, contrastes et hiérarchie visuelle
Leçon 2Formater tous les textes d'un coup avec l'onglet Style
Leçon 3Découper un texte long en fenêtres et listes à puces
Chapitre 6 : Zones interactives et cibles tactiles
20m35
 
Leçon 1Dimensionner et espacer les zones cliquables au doigt
Leçon 2Appliquer la hauteur de 48 pixels aux boutons du projet
Chapitre 7 : Médias optimisés : images, vidéos et audio
22m18
 
Leçon 1Compresser images, vidéos et fichiers audio
Leçon 2Insérer un plan interactif à partir d'une image compressée
Leçon 3Intégrer une vidéo dans une fenêtre sans autoplay
Chapitre 8 : Tests et publication
10m04
 
Leçon 1Dérouler la checklist de tests avant publication
Leçon 2Régler le mode micro-site et tester sur smartphone
Chapitre 9 : Conclusion
21s
 
Leçon 1Retrouver les préconisations dans les fichiers sources

Aperçus

Vos questions sur le cours

Genially est-il vraiment responsive ?

Non, et c'est le point de départ de cette formation. Genially applique une mise à l'échelle proportionnelle, pas une adaptation de mise en page. Toute la création est réduite dans les mêmes proportions : les blocs ne se réorganisent pas, et un texte déjà petit sur ordinateur devient illisible sur téléphone. C'est pourquoi la conception mobile doit être anticipée dès la première slide plutôt que corrigée après coup.

Puis-je adapter au format mobile un Genially déjà créé pour ordinateur ?

Techniquement oui, en passant par le redimensionnement de la slide dans le menu latéral. Mais en pratique, tous vos éléments se retrouvent hors champ et vous devez les repositionner et les redimensionner un par un, y compris à l'intérieur des fenêtres interactives. La formation montre cette manipulation et son résultat, précisément pour expliquer pourquoi il vaut mieux repartir d'un canevas pensé pour le vertical.

Quel format choisir entre 16:9 et 9:16 ?

Le critère est votre audience réelle, pas votre habitude de conception. Au-delà de 60 ?consultations sur mobile, le 9:16 s'impose. Si vos utilisateurs consultent indifféremment sur ordinateur et sur téléphone, le 16:9 reste plus simple à composer. Le type de contenu compte aussi : les textes structurés passent mieux en horizontal, les stories, quiz et jeux en vertical.

Quelles fonctionnalités Genially ne fonctionnent pas sur mobile ?

Tout ce qui repose sur le survol de la souris : les étiquettes, les animations et les interactivités au survol n'ont aucun équivalent tactile. L'autoplay des vidéos est également bloqué par certains navigateurs. L'animation filtre, souvent utilisée pour marquer un bouton déjà visité, se réinitialise à chaque changement de page. La formation propose une alternative concrète pour chacun de ces cas.

Le projet fil rouge est-il réutilisable pour mes propres contenus ?

Oui. Le livret d'accueil interactif est construit sur une structure générique : page d'accueil, écran d'introduction, menu à quatre rubriques et pages de contenu avec fenêtres interactives. Une fois la grille et le squelette de navigation en place, vous remplacez les contenus par les vôtres. La logique s'applique aussi bien à un module de micro learning, à un guide pratique qu'à un parcours d'onboarding.

Faut-il un compte Genially payant pour suivre cette formation ?

Non, l'essentiel des fonctionnalités présentées est accessible en plan gratuit. Deux réserves : la limite d'import de fichiers est de 5 Mo en plan free contre 10 Mo en premium, ce qui rend la compression des images encore plus utile, et les métriques de suivi évoquées dans le dernier chapitre nécessitent un plan premium.

Que contient le fichier source ?

Le fichier source est un document PDF téléchargeable qui reprend l'ensemble des préconisations chiffrées vues dans la formation : dimensions des cinq formats Genially, tailles minimales de police par type de texte, hauteur et espacement des zones interactives, poids et résolution cibles pour les images, débit recommandé pour les fichiers audio. Il contient également les liens directs vers les trois outils de compression d'images utilisés dans les démonstrations. C'est un mémo à garder ouvert pendant vos propres conceptions.

Payer plus tard

Prix d'achat : 15,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1415 tutos gratuits

Notre politique de protection des données