Concevoir un storyboard

concevoir un storyboardet cas fil rougeA

Start

Maxime VINET

Index

Programme

06

Dès 10h45 A votre tour!

05

Outils et Logiciels Recommandés

04

Les bonnes pratiques et erreurs à éviter

03

Étapes de Conception d'un Storyboard

02

Éléments Clés d'un Storyboard Efficace

01

Qu'est ce qu'un storyboard + contexte

75%

25%

07

A partir de 16h Restitution par groupe

PRATIQUE

THEORIE

Définition, intérêts et contexte

01

Unit 1

Qu'est ce qu'un storyboard

• Un storyboard est un document de référence pour les concepteurs digitaux.
• Rédigé par ingénieur ou concepteur pédagogique en collaboration de préférence avec l'expert métier.
• Il s'agit d'une représentation visuelle séquentielle pédagogique
• Il rassemble une combinaison d'éléments statiques représentatifs de médias (texte, images, illustration, anomation, vidéo, audio, etc. qui illustrent le déroulement des activités d'apprentissage.

1. Définition

Un storyboard dans le contexte de la réalisation d'un module e-learning s'appuie sur ma créativite pour raconter l'histoire et le déroulement du contenu pédagogique.

CREATIVITE

MEDIATISATION

COMPREHENSION

1. Intérêts

2 principaux intérêts

Il sert de guide pour la création des supports, des activités interactives et des évaluations dans un programme d'apprentissage en ligne.

Le storyboard aide à visualiser le déroulement du module, à aligner la narration avec les objectifs pédagogiques et à garantir une expérience d'apprentissage fluide.

Le storyboard doit présenter une chronologie claire de chaque élément du module e-learning pour guider la progression narratrice.

CHRONOLOGIE

PRECISION

INTERACTION ET ANIMATION

Unit 2

LES ELEMENTS CLES

Il doit inclure des détails visuels pour chaque scène, activité ou interaction prévue dans le module pour une compréhension complète.

Chaque élément interactif doit être décrit avec précision pour indiquer comment l'apprenant interagira avec le contenu.

Eléments clés, bonnes pratiques et erreurs à éviter

02 + 03

Unit 1

Module : M (ex: Module 1 --> M1) Ecran : E (exemple : Ecran 2 --> E2) Ecran de navigation : NAV Ecran Splash : SC Ecran de conclusion : ECNCLEx : M1_EI_b --> Module 1 Ecran d’introduction b

Ne pas pouvoir identifier la relation avec le scénario pédaogique détaillé pour identifier les séquences ou modules

A FAIRE

NE PAS FAIRE

EN AMONT

BONNES PRATIQUES VS ERREURS

CONVENTION DE DENOMINATION

MédiasBouton : btn_1.pngIcônes : ico_1.pngLogo : logo_client.pngPhoto : photo_1.pngIllustration : illu_1.pngVidéo : vid_1.mp4Audio : aud_1.mp3Musique: zic_1.mp3Pièce jointe : pj_1.pdf

Ne pas renommer ses éléments de façon identifiable.

A FAIRE

NE PAS FAIRE

EN AMONT

BONNES PRATIQUES VS ERREURS

CONVENTION DE DENOMINATION

DEFINIR ET RESPECTER

CREER UNE CAPSULE E-LEARNING SANS TENIR COMPTE DES CODES COULEURS DE L'ENTREPRISE

A FAIRE

NE PAS FAIRE

EN AMONT

BONNES PRATIQUES VS ERREURS

https://brandfetch.com/

• LA CHARTE GRAPHIQUE
• LE TYPE DE POLICE (sans serif)
• LA TAILLE DE LA POLICE
• LOGO

FAIRE SIMPLE, EPURE, ESTHETIQUE

SURCHARGER VISUELLEMENT - METTRE TROP DE TEXTE- COMBINER TROP D'ELEMENT VISUELLEMENT

A FAIRE

NE PAS FAIRE

Unit 2

BONNES PRATIQUES VS ERREURS

PRIVILEGIER L'INTERACTION

PRESENTER QUE DES ELEMENTS STATIQUES

A FAIRE

NE PAS FAIRE

Unit 2

BONNES PRATIQUES VS ERREURS

• QUIZ
• VIDEO INTERACTIVE
• DIALOGUES
• JEUX
• INDICES
• ETC.

Exemple uniquement du:

• TEXTE ET IMAGE
• SANS AUDIO
• SANS BOUTON

ETRE PRECISMAIS FLEXIBLE

OUBLIER DES ELEMENTS CLES - REFERENCES-MEDIAS UTILISES- ANIMATION - INTERACTION- SCRIPT VOIX OFF- NAVIGATION

A FAIRE

NE PAS FAIRE

Unit 2

BONNES PRATIQUES VS ERREURS

Etapes de conception et logiciels

04 +05

Unit 1

STORYBOARD

Modèle matrice

Voici à quoi ressemble un de mes modèles de matrice pour réaliser mes storyboard.Un simple excel ou google sheet suffit!

STORYBOARD

Prototyper

Utiliser un outil auteur facile à utiliser et exporter.Genially! par exemple