Concevoir un storyboard

Maxime VINET

Start

concevoir un storyboardet cas fil rougeA

A partir de 16h Restitution par groupe

07

25%

75%

Qu'est ce qu'un storyboard + contexte

01

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

02

Étapes de Conception d'un Storyboard

03

Les bonnes pratiques et erreurs à éviter

04

Outils et Logiciels Recommandés

05

Dès 10h45 A votre tour!

06

Programme

Index

Unit 1

01

Définition, intérêts et contexte

1. Définition

• 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.

Qu'est ce qu'un storyboard

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.

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

2 principaux intérêts

1. Intérêts

COMPREHENSION

MEDIATISATION

CREATIVITE

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.

Unit 1

02 + 03

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

CONVENTION DE DENOMINATION

BONNES PRATIQUES VS ERREURS

EN AMONT

NE PAS FAIRE

A FAIRE

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

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

CONVENTION DE DENOMINATION

BONNES PRATIQUES VS ERREURS

EN AMONT

NE PAS FAIRE

A FAIRE

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

Médias Bouton : btn_1.png Icônes : ico_1.png Logo : logo_client.png Photo : photo_1.png Illustration : illu_1.png Vidéo : vid_1.mp4 Audio : aud_1.mp3 Musique: zic_1.mp3 Pièce jointe : pj_1.pdf

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

https://brandfetch.com/

BONNES PRATIQUES VS ERREURS

EN AMONT

NE PAS FAIRE

A FAIRE

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

DEFINIR ET RESPECTER

BONNES PRATIQUES VS ERREURS

Unit 2

NE PAS FAIRE

A FAIRE

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

FAIRE SIMPLE, EPURE, ESTHETIQUE

Exemple uniquement du:

• TEXTE ET IMAGE
• SANS AUDIO
• SANS BOUTON

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

BONNES PRATIQUES VS ERREURS

Unit 2

NE PAS FAIRE

A FAIRE

PRESENTER QUE DES ELEMENTS STATIQUES

PRIVILEGIER L'INTERACTION

BONNES PRATIQUES VS ERREURS

Unit 2

NE PAS FAIRE

A FAIRE

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

ETRE PRECISMAIS FLEXIBLE

Unit 1

04 + 05

Etapes de conception et logiciels

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

Modèle matrice

STORYBOARD

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

Prototyper

STORYBOARD