Articles tagués Modèles PowerPoint

E-learning : voici une police de caractères et un modèle Powerpoint gratuits

Ce texte, traduit de l’anglais, a été écrit par Tom Kuhlmann. L’original de cet article est accessible en cliquant ici

L’autre jour je parcourais le site de How it works media. Ils réalisent des vidéos marketing astucieuses. Ce qui a attiré mon attention est leur façon d’utiliser les personnages en vectoriel avec l’écran de projection, d’autant plus que je venais juste de publier des articles sur les affichages graphiques et qui incluaient des écrans de projection. 

La disposition générale de leur site serait un modèle du genre pour l’e-learning. Voici pourquoi:

  • Arrière-plan simple mais riche
  • Couleurs de titre en gras
  • Beaucoup d’espace en blanc
  • Zones de contenu dédiés

Comme vous le savez, j’aime m’inspirer de tels sites pour montrer combien il est facile de créer des modèles PowerPoint pour l’e-learning. J’ai donc pensé créer un modèle inspiré de ce site et partager ensuite quelques astuces.

Modèle PowerPoint gratuit

 Le modèle comporte six mises en pages différentes. J’ai essayé de couvrir les types de mises en page les plus courantes. J’ai également intégré une mise en page d’écran basée sur leur conception d’écran. Bien évidemment, vous pouvez ajouter certains des affichages graphiques gratuits provenant de mes précédents articles.

En ce qui concerne le placement du texte, vous pouvez le déplacer où vous voulez. Aussi, n’hésitez pas à modifier le modèle.

Voici quelques conseils:

  • J’ai aimé le maillage en dégradé de bleu de l’écran. Pour le créer dans PowerPoint, j’ai combiné deux formes. La première est rempli de motifs en croix, la deuxième est rempli avec des dégradés de couleur.  J’ai paramétré la transparence à 10% et placé la forme en haut.
  • J’utilise toujours le jeu de couleurs générique « office » de PowerPoint. De cette façon, je peux appliquer rapidement un nouveau thème sans avoir à trop peaufiner. Voici la façon dont les trois jeux de couleurs appraissent avec le modèle :

  • J’aime les caractères gras utilisés par le site « How It Works Media ». Pour ce modèle j’ai utilisé Bevan, une police de caractères gratuite disponible à partir du site Google Web Fonts. Vous pouvez également en savoir plus à propos de ce site et obtenir ainsi plus de polices de caractères gratuites grâce à cet article.

Voici le lien pour télécharger le modèle PowerPoint gratuit. N’hésitez pas à le « démonter » pour voir comment il a été conçu. J’espère que vous apprécierez ce modèle.

, , , , , , , , , ,

4 Commentaires

Inspirez-vous de ce modèle e-learning gratuit pour vos prochains cours e-learning

Cet article écrit par Tom Kuhlmann est extrait/traduit du Blog d’Articulate.

J’ai beaucoup voyagé récemment, ce qui veut dire également que j’ai passé beaucoup de temps dans les aéroports. Donc en attendant, je m’occupe à griffoner et jongler avec différentes idées. Voici celles que j’ai eues tout le temps de concocter avec mon iPad.

Au cas où vous ne seriez pas familiarisé avec l’iPad, sachez qu’il fonctionne comme la plupart des smartphones. La majeure partie de l’écran est occupée par des icônes qui en cliquant dessus, ouvrent différentes applications. Au bas de l’écran, vous trouvez les applications favorites. Elles sont toujours présentes indépendamment de la page ou de l’application lancée.

Comme je jouais avec cet iPad, deux idées me sont venues. La première serait d’en déterminer un modèle elearning. Au lieu de cliquer sur le bouton de navigation suivant, vous utiliseriez des icônes liées aux diapositives du cours.

La deuxième idée concerne moins le sujet de l-e-learning et plus celui du mobile learning. Comme beaucoup de personnes ont l’habitude de cliquer sur les écrans de leur mobile: créer un modèle qui ressemble à un écran de mobile. Je traite chaque écran de la même façon qu’une diapositive, et ensuite j’utilise les icônes cliquables pour révéler les informations du cours.

Par exemple,  au lieu d’avoir un écran avec huit puces, j’ai un écran avec huit icônes. Chaque icône disposera d’une étiquette qui en cliquant dessus affichera des informations supplémentaires.

Idées de design d’écran

Voici quelques idées si vous implémentez ce type de modèle.

  • Chaque diapositive est un écran distinct. Elle peut comporter un fond différent afin de créer une distinction entre les écrans.
  • Remplacer les puces par des icônes. Ici, l’astuce est de sélectionner des icônes qui représentent visuellement ce que l’information véhicule. Choisissez un titre également pour la « fausse » application. Le titre doit être court et communiquer le point essentiel.
  • Les icônes de la rangée du bas correspondent à vos sections. Utilisez cette rangée d’icônes pour naviguer vers des sections spécifiques. C’est également un bon endroit pour y inclure un écran d’aide et/ou un glossaire.  

Modèle PowerPoint gratuit.

Voici une maquette rapide d’un modèle PowerPoint d’inspiration iPad. Vous pouvez télécharger le modèle en cliquant ici.

Cliquez ici pour voir la démo

Si vous recherchez des icônes, de nombreux sont disponibles sur le site Microsoft Office. Pour la démo, j’ai utilisé le Style 1307. Mais vous pouvez en trouver de toutes sortes en effectuant une recherche pour des « icônes ».

Vous pouvez en trouver d’autres sur des sites comme Iconfinder. Vérifiez bien le contrat de licence. Gratuit n’est pas toujours gratuit. Dans le doute, prenez contact avec la personne qui a créé l’icône. Il est facile également de créer vos propres icônes dans PowerPoint en remplissant les formes avec des images de votre choix.

, , , , ,

4 Commentaires

Comment construire un scénario E-learning

REMARQUE : L’original de cet article en langue anglaise écrit par Tom Kuhlmann est accessible sur le site E-learning Blogs d’Articulate.

Beaucoup de personnes m’ont demandé comment j’avais construit le petit scénario dans mon récent article « not wasting your learner’s time« . Cet article vous dira comment j’ai fait et met à disposition les fichiers PowerPoint vous permettant d’apprendre à le faire vous-même.

Vue d’ensemble rapide

J’ai déjà partagé quelques trucs et astuces que j’utilise lors de la conception de cours avec PowerPoint. En voici trois pertinents pour cet article.

Maintenant, je vais vous montrer comment je combine les astuces des articles ci-dessus pour créer un scénario complet.

Mettre en place les flux de déroulement de votre scénario

Je commence par dresser la cartographie du déroulement du scénario. En règle générale, cela se présente de cette façon:
  • Présenter quelques informations qui incitent l’apprenant à prendre une décision,
  • Présenter des choix à l’apprenant qui en sélectionne un,
  • L’apprenant reçoit des informations correspondant au choix fait et continue ensuite.
Ce processus par ramification peut être simple ou complexe selon ce que vous déterminerez. Tout dépend de vos ressources et de l’objet du cours. Mais comme vous pouvez le voir c’est tout simplement un diagramme à partir duquel l’apprenant est dirigé en fonction des choix effectués. Comment vous créez le déroulement dépend entièrement de vous.

Il y a de nombreuses façons de gérer comment s’organisera le déroulement du contenu du scénario. J’aime utiliser le mind mapping (carte heuristique ou carte mentale). Je ne vais pas entrer dans tous les avantages du mind mapping, mais je considère que c’est un moyen rapide d’organiser ses pensées lors de la construction des flux de déroulement de vos scénarios.

Il y a un certain nombre d’outils de mind mapping. Personnellement, je préfère MindManager pour deux raisons. Du fait de son intégration à Microsoft Office, je peux facilement lier le contenu de mon cours, des sujets développés vers les objets de mind mapping. Par ailleurs Mind Manager convertit facilement le mind mapping en diapositives PowerPoint, ce qui me permet de gagner beaucoup de temps. C’est une caractéristique particulièrement appréciable si votre scénario est complexe, car une fois tracé, vous avez tous les espaces de diapositives disponibles en quelques clics de souris.

Rassembler le contenu du scénario

Une fois les flux du scénario tracés, vous devrez le compléter avec le contenu du projet pour avoir une bonne idée de son déroulement. Le scénario, les décisions subséquentes et les informations doivent être bien ressentis par l’apprenant. Cela doit être comme un défi, pas forcément facile à deviner, sinon vous courez le risque de faire perdre son temps à l’apprenant.

Si vous ne l’avez pas déjà fait, examinez le scénario ci-dessous. En le passant en revue, faites attention aux éléments suivants, ce sont ceux pour lesquels je reçois beaucoup de questions:

  • Il y a une flèche de retour dans le coin inférieur droit. Celle-ci vous amènera au debut du scénario.
  • Que se passe-t-il après un choix et en revenant ? Le premier choix est grisé. Testez-le et essayez l’autre choix en premier. C’est la même chose.
  • Après une sélection, la femme va de l’avant, puis la scène change.

Vous pouvez également télécharger le fichier PowerPoint de ce scénario.

Maintenant que vous avez passé en revue le scénario, laissez-moi vous montrer comment je l’ai construit vous donner quelques indications rapides. Dans le tutoriel ci-dessous, je couvre la façon dont j’ai construit le scénario ci-dessus et je vais vraiment vous accompagner à en construire un.
Vous pouvez également télécharger le fichier PowerPoint du deuxième scénario de référence pour mettre en pratique la construction du vôtre.
C’est essentiellement cela. Le processus est généralement facile.
  1. Cartographie des flux de déroulement du scénario
  2. Création des diapositives avec du contenu
  3. Mise en place des liens hypertextes

Voici un lien pour télécharger le fichier PowerPoint du « chien perdu » et voici un lien pour la version publiée du scénario.

J’espère que cela répond à vos questions et vous aidera à construire des scénarios pour vos prochains cours e-learning. Maintenant que vous avez vu comment c’était fait, le secret c’est de pratiquer. Une fois que vous en aurez bâti plusieurs, vous vous sentirez comme un pro.

, , , , ,

Poster un commentaire

Le secret pour créer vos propres modèles PowerPoint pour l’E-learning

REMARQUE : L’original de cet article en langue anglaise écrit par Tom Kuhlmann est accessible sur le site E-learning Blogs d’Articulate.
Beauvoup de modèles PowerPoint sont conçus pour des présentations standard de lignes à puces. Ils ne sont vraiment pas faits pour les cours elearning. Ce qui signifie que vous devrez créer vos propres modèles pour qu’ils s’interfacent mieux avec le logiciel de rapid elearning.
Cet article partagera avec vous mes secrets de création de modèles dans PowerPoint. Et comme nous sommes dans la période des cadeaux (NDLR : l’article original a été écrit en Décembre), vous pourrez avoir les modèles conçus pour cette démo. Cliquez sur le lien ci-dessous pour comprendre comment j’ai été inspiré par le design d’autres sites web.
Voici trois modèles que j’ai créés pour l’article de ce Blog. Regardez l’image qui l’a inspirée et ensuite cliquez sur le lien de la démo pour voir mon modèle appliqué au cours elearning.
Revoyons rapidement les points clefs de cet article.
Focus sur l’espace en blanc
Créez un modèle qui vous donne le plus d’espace possible. Vous devez également vous assurer que le graphisme n’est pas en conflit avec le contenu du cours et les images. Essayez de ne pas trop le compliquer avec un tas d’arrière plan.

Faire quelques variantes du modèle

Typiquement, je ne crée pas un modèle PowerPoint. A la place, je crée les images de l’arrière plan pour l’utiliser dans mes diapositives PowerPoint de façon à pouvoir facilement permuter ce fond d’écran. Bien évidemment, vous pouvez toujours pré-construire un modèle et le sauvegarder en tant que modèle « .pot ».
Habituellement, je conçois 4 écrans pour mes cours elearning
  • Titre ou écran de la section
  • Corps principal de l’écran
  • Large écran ouvert pour maximiser l’espace
  • Ecran de pied de page, au cas où je souhaite créer ma propre navigation
Trouver des idées d’agencement des couleurs et de mises en page à partir d’autres sources
Rechercher le meilleur du web ou des conceptions graphiques de site pour trouver des idées de la façon dont vous voulez que votre écran soit. Effectuer une recherche sur des modèles CSS et vous trouverez tous les types de sites avec des idées originales.
L’idée n’est pas de voler un design. L’idée est plutôt de prendre connaissance de nouvelles façon de structurer l’écran avec différents éléments visuels et agencements de couleurs. Démonter ce que d’autres ont construit vous aidera à comprendre comment ils ont conçus leur design. Ceci augmentera votre capacité de création.
Utiliser les outils graphiques pour vous aider à bâtir vos modèles
La plupart d’entre vous utilise déjà des outils comme Photoshop pour créer des images. Cependant, il y a beaucoup de ressources disponibles pour vous aider à affiner vos modèles comme:
  • Pixie : sélectionner rapidement les couleurs d’une image
  • Kuler : créer des schémas de couleurs personnalisées
  • Gimp : solide alternative Photoshop
  • Paint.net : solide alternative Gimp ou Photoshop
Cela devrait être suffisant pour démarrer. Rapppelez-vous, n’ayez pas peur de jouer. Trouvez des ideées de style et voyez ensuite ce que vous pouvez faire. Si vous êtes courageux, créez des modèles et envoyez-les moi. Peut-être trouveront-ils une voie sur le blog.
Comme promis, cliquez sur le lien pour télécharger les modèles que j’ai créés pour cette démo.

1 commentaire