Concevoir un storyboard

concevoir un storyboardet cas fil rougeA

Start

Maxime VINET

Index

Programme

25%

01

Qu'est ce qu'un storyboard + contexte

02

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

03

Les bonnes pratiques et erreurs à éviter

04

Étapes de Conception d'un Storyboard

05

Outils et Logiciels Recommandés

75%

06

Dès 10h45 A votre tour!

07

A partir de 16h Restitution par groupe

Unit 1

Définition, intérêts et contexte

01

1. Définition

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. Intérêts

2 principaux intérêts

CREATIVITE

COMPREHENSION

MEDIATISATION

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.

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.

Unit 1

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

02 + 03

EN AMONT

BONNES PRATIQUES VS ERREURS

NE PAS FAIRE

A FAIRE

CONVENTION DE DENOMINATION

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

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

EN AMONT

NE PAS FAIRE

A FAIRE

CONVENTION DE DENOMINATION

BONNES PRATIQUES VS ERREURS

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

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

EN AMONT

NE PAS FAIRE

A FAIRE

DEFINIR ET RESPECTER

BONNES PRATIQUES VS ERREURS

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

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

https://brandfetch.com/

Unit 2

NE PAS FAIRE

A FAIRE

BONNES PRATIQUES VS ERREURS

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

FAIRE SIMPLE, EPURE, ESTHETIQUE

Unit 2

NE PAS FAIRE

A FAIRE

BONNES PRATIQUES VS ERREURS

PRESENTER QUE DES ELEMENTS STATIQUES

PRIVILEGIER L'INTERACTION

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

Exemple uniquement du:

• TEXTE ET IMAGE
• SANS AUDIO
• SANS BOUTON

Unit 2

NE PAS FAIRE

A FAIRE

BONNES PRATIQUES VS ERREURS

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

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