Albert Koffi Holali AdamaviPlus de 15 cours Brightspace, conçus à partir de contenu Word
Le contenu des cours arrivait sous forme de document Word. Je l’ai transformé en une expérience Brightspace facile à parcourir, utilisable au clavier et cohérente d’un cours à l’autre.
Source : Gemini (généré par IA)- Échelle
- Plus de 15 cours, une seule conception cohérente
- Ma part
- J’ai conçu l’expérience apprenante (HTML, JavaScript) et conseillé sur l’accessibilité et l’expérience utilisateur
- Outils
- Brightspace, HTML, JavaScript, H5P
- Normes
- LAPHO, ADDIE, UX
Ces cours sont propriétaires et l’accès est réservé aux apprenants inscrits. Le schéma ci-dessous illustre l’approche de conception que j’ai utilisée. Ce n’est pas une capture d’écran d’un vrai cours.
Comment je conçois un module Brightspace
Un schéma des choix que j’ai faits dans chaque module. La mise en page est illustrative. Sélectionnez une partie de la mise en page, ou un élément de la liste, pour en lire la signification.
Ce que vous serez capable de faire à la fin
Utilisable au clavier, avec rétroaction
Les apprenants savent ce qu’ils pourront faire avant de commencer.
La même structure dans chaque module, pour que les apprenants ne se demandent jamais où ils sont.
Un contenu segmenté que les lecteurs d’écran et les apprenants voyants peuvent tous deux parcourir.
Des activités H5P et HTML sur mesure, conçues pour fonctionner au clavier.
Une façon évidente d’avancer à la fin de chaque page.
Mon rôle
Le contenu des cours arrivait sous forme de document Word. J’étais responsable de l’expérience Brightspace : structure, navigation, interaction et conception visuelle, réalisées avec HTML, JavaScript et d’autres outils.
Le défi de conception
Brightspace donne à chaque cours la même enveloppe, et un contenu Word brut ne s’y prête pas bien. Laissé tel quel, le contenu devient de longues pages difficiles à parcourir, et les éléments interactifs peuvent exclure les utilisateurs du clavier et des lecteurs d’écran. Ma tâche consistait à rendre l’expérience claire et accessible sans perdre l’intention du contenu.
Ma démarche, étape par étape (ADDIE)
ADDIE est un processus de conception en cinq étapes : Analyser, Concevoir, Développer, Implanter, Évaluer.
- 1
Analyser
J’ai lu le contenu source et dressé le profil des utilisateurs pour établir les exigences du cours : degré d’interactivité, couleurs, longueur des pages, quantité de multimédia et outils d’évaluation adaptés (H5P, Creator+, outil de questionnaires, discussion). Ces décisions ont façonné à la fois l’expérience utilisateur et le contenu dans Brightspace.
- 2
Concevoir
J’ai réalisé un prototype du premier module et l’ai soumis à l’examen de l’équipe, puis j’ai ajusté avant de construire le reste. J’ai trouvé ou conçu le multimédia, comme les vidéos, l’audio et les images.
- 3
Développer
J’ai construit le cours avec de l’interactivité, un contenu accessible et du multimédia, et j’ai retranché la charge cognitive extrinsèque. Une révision a vérifié l’accessibilité et la convivialité, et j’ai mené un essai pilote lorsque le cours l’exigeait.
- 4
Implanter
J’ai publié le cours, formé les personnes qui l’utilisent et dépanné.
- 5
Évaluer
J’ai recueilli et analysé des données au moyen de courtes entrevues et de formulaires, puis ajusté le cours selon ce que j’ai appris.
Cadres appliqués dans ce cours
LAPHO et WCAG
J’ai conseillé sur l’accessibilité dès la première révision du contenu et construit la structure dans le code pour qu’elle fonctionne avec les technologies d’assistance.
Théorie de la charge cognitive
Un gabarit d’interface que j’ai conçu donnait à chaque page de cours le même style, le même plan de cours et la même disposition des modules, de sorte que les apprenants n’avaient jamais à réapprendre l’interface. De courtes sections ayant chacune un seul but maintenaient la charge extrinsèque à un niveau bas.
Principes de Mayer
Les pages étaient segmentées, les idées clés signalées et la décoration retirée. Le contenu interactif, comme les accordéons, les zones cliquables sur image, les cartes mémoire et H5P, était choisi en fonction de la tâche qu’il soutenait.
Double codage
Les idées clés étaient associées à des visuels, avec des textes de remplacement pour les personnes qui ne peuvent pas les voir.
Socioconstructivisme
Les activités et les discussions permettent aux apprenants de construire leur compréhension ensemble, et non seulement de lire.
Éclectisme
J’ai utilisé ADDIE pour le processus, les principes d’expérience utilisateur pour l’expérience, et la théorie de l’apprentissage des adultes pour la pertinence.
En milieu de travail
Construire une expérience de cours cohérente et accessible à grande échelle, c’est ce que font les équipes de formation en entreprise pour l’accueil et la conformité. Un gabarit commun maintient une qualité constante d’un cours à l’autre.
Ce que ce projet démontre
- J’ai conçu à grande échelle : l’expérience apprenante de plus de 15 cours, cohérente et accessible.
- J’étais responsable de l’expérience Brightspace : structure, navigation, interaction et conception visuelle.
- J’ai écrit du code là où la plateforme l’exigeait, plutôt que d’accepter ses limites.
Étude de cas suivante
Former des enseignants sur Brightspace et les technologies éducatives
Vous recrutez pour un poste en formation, ou vous avez besoin d’un cours?
Recrutement
Je suis ouvert aux postes de conception pédagogique et de spécialiste de la formation, en français et en anglais. Écrivez-moi, ou commencez par mon CV.
Travaillons ensemble
Je conçois des cours en ligne accessibles et interactifs dans Articulate Rise, Storyline, Brightspace et H5P, et je forme des enseignants à Brightspace, SharePoint et Snagit. Dites-moi qui sont les apprenants et ce qu’ils doivent savoir faire.