Style Guide.docx Publié initialement le 17 mai 2019
Vous avez donc décidé de créer un cours d’apprentissage en ligne dans Brightspace. Incroyable ! L’un des principaux éléments que vous devez planifier au cours des étapes initiales du processus de création de cours est l’utilisation d’une conception de cours cohérente. Voici quelques conseils pour vous aider à créer de la cohérence.
Établir une hiérarchie de l’information
Lorsque les apprenants suivent un cours en ligne, ils font beaucoup d’apprentissage indépendant et autodirigé. Sans avoir un instructeur ou un facilitateur en face d’eux disant : « C’est important et vous devriez vous en souvenir », il peut être difficile de sélectionner les informations les plus importantes sur la page du cours. L’utilisation prudente des éléments de conception sur une page de cours fournit les indices et le contexte pour l’apprenant qu’ils obtiendraient d’un facilitateur dans un cadre en classe.
Les indices de conception peuvent être des éléments tels que la taille ou le type de police, le placement de vidéos ou d’images sur la page du cours, l’inclusion de boîtes entourant le contenu d’un certain sujet, etc. Une police plus grande signifie généralement que la section de texte est plus importante que d’autres sections de texte plus petites, et l’utilisation de zones de texte transmet généralement la même signification. Cette hiérarchie visuelle permet d’établir quelles informations sont les plus importantes dans le cours, sans que personne ne le dise explicitement aux étudiants.
Prenons un exemple:
Toutes les nouvelles équations présentées dans un cours de calcul en ligne sont écrites en texte blanc dans une zone de texte bleue en haut de nombreuses pages tout au long du cours. Les élèves savent alors exactement où chercher des équations, quel que soit le module ou la page qu’ils regardent. De plus, ils peuvent revenir au cours pendant qu’ils étudient pour leur examen final et trouver facilement les équations dont ils ont besoin. Le placement des équations dans la boîte bleue en haut de la page indique également aux élèves que cette information est importante et qu’il faut se souvenir. Si un instructeur devait oublier d’ajouter la zone de texte bleue avec une nouvelle équation, les étudiants demanderaient probablement où se trouve la nouvelle équation ou auraient du mal à la localiser à une date ultérieure.
Développer un guide de style
Pour garder les indices de conception cohérents dans votre cours, développez un guide de style ! C’est comme une boîte à outils avec toutes vos polices approuvées, votre style, vos images, vos icônes, vos logos, etc. Ce guide vous aidera à savoir exactement ce que vous pouvez utiliser en termes d’éléments de style, et exactement ce que vous l’utiliserez dans votre cours - comme une feuille de triche de fantaisie !
Le guide de style peut également inclure des informations sur l’utilisation approuvée du style et de la forme d’écriture, comme l’utilisation d’abréviations, la façon dont les dates apparaissent dans le texte et l’utilisation de symboles ou d’équations spécifiques. Ces lignes directrices assureront la cohérence de votre cours avec les cours, programmes, sites Web et autres documents existants que votre école, organisation ou entreprise a créés précédemment.
De plus, le guide de style vous aidera à écrire le contenu de votre cours plus efficacement si vous faites le guide assez tôt ! Si vous avez cet outil, vous saurez comment les pages de cours peuvent être disposées avant de commencer à créer du contenu de cours - cela signifie que vous commencerez naturellement à écrire avec ces éléments de conception à l’esprit. Écrire avec un guide de style existant fera donc correspondre le contenu et le style visuel tout au long du cours. La cohérence est particulièrement importante lorsque vous avez plus d’une personne qui écrit du contenu pour votre cours, ou s’il y a plusieurs cours qui seront créés pour un programme.
Attirer l’attention sur le contenu en étant incohérent
Si vous voulez faire quelque chose de vraiment funky dans votre cours, comme introduire un nouveau type de quiz ou une nouvelle section de contenu, essayez de lui donner un design nouveau ou inattendu. Cette nouveauté fera en sorte que l’apprenant prête attention au domaine sur lequel vous souhaitez qu’il se concentre dans le cours. Par exemple, si l’ensemble de votre cours a été de différentes nuances de bleu, une touche d’orange dans le coin attirera l’attention des apprenants et rendra les informations autour de ce nouveau domaine importantes et différentes.
Si vous n’utilisez pas une conception de cours cohérente et que vous ajoutiez plutôt de nouveaux éléments de design à chaque page, l’apprenant deviendrait désensibilisé à cette agitation, et pourrait manquer des informations qu’il est essentiel de communiquer.
La valeur de la cohérence de la conception dans les grands programmes ou au sein des organisations
Si vous créez un programme ou un certificat qui comprend plusieurs cours, ou implique de nombreux experts en la matière, une conception de cours cohérente est un must ! Vous aurez un programme plus cohérent et d’aspect professionnel, et les apprenants ne perdront pas de temps à se réorienter vers de nouvelles conceptions et styles de cours au début de chaque cours.
Ceci est particulièrement important lorsque vous créez un programme d’introduction, comme un programme d’intégration à l’échelle de l'entreprise. Les cours sont généralement ajoutés au fil du temps, ou sont adaptés et mis à jour par différents membres de l’équipe L&D. Avoir un style cohérent et un guide de style clair garantit que les cours se ressemblent, peu importe qui les réalise. Cela donne également une impression positive aux nouveaux employés qui viennent de rejoindre l’entreprise.
Toujours coincé ?
Téléchargez le guide de style lié ci-dessus pour commencer à penser aux éléments que vous pourriez inclure dans votre propre guide. Vous pouvez également travailler avec D2L pour créer des cours avec de belles mises en page réactives, des éléments de conception cohérents et des couleurs et des icônes de marque pour que vos informations apparaissent comme elles le devraient !
Ressources
https://thenextweb.com/dd/2015/06/30/the-hidden-power-of-inconsistency-in-design/#gref
https://www.shiftelearning.com/blog/visual-consistency-in-elearning