La version en français suit!

Camille and Laurine, tell us about your role as French language assistants at the University of Alberta.

Our main role is to help students from the MLCS’s French department improve their oral competency in French through French class laboratories, French Conversation Club and office hours. We are also responsible for The Francopass’ app, which, amongst other things, helps students find French events on and off campus.

From a student’s perspective, what does a well-designed course site look like to you?

It is clear, with a consistent layout, and where it is easy to access key content and activities. It uses a visual hierarchy, icons, and headings to make information easily scannable and organized, and the text is easy to read. It is also visually appealing and creative, so it increases motivation to learn, and it is compatible with multiple devices, so access to embedded resources is smooth.

We heard you used pages instead of modules in Canvas to organize your course. Can you tell us about your redesign process and rationale?

We wanted to make the course easy to navigate and visually appealing, while ensuring it would address specific pedagogical needs such as interactivity, cultural immersion, language skill development, and learner engagement through creative approaches. With guidance from Mathieu Martin-LeBlanc, our supervisor, we finally opted for Pages rather than Modules; we wanted to minimize scrolling and clicking, and pages offered a more streamlined and visually intuitive layout. We also met with Mrs. Laura Velazquez from CTL, who confirmed that this approach would work.

On our Home Page, we embedded buttons that lead directly to each unit and key point of the course. Pedagogically, we focused on clarity and consistency—all pages were built using the same, predictable structure so students could focus on the content rather than the navigation. We are very proud to have simplified the user experience with this clear and intuitive structure! Working with Mathieu was particularly valuable—he was very supportive, open to ideas, and provided constructive feedback throughout the process. We have also received positive feedback from other collaborators about the flow and clarity of the course.

Which tools did you use to achieve this structure?

We used HTML to create tabs within each page, for example, for each unit or topic. These tabs open up horizontally, which makes it easier to access information. We also added colours to the tabs for a more pleasing visual experience.

Were there any specific challenges or limitations you ran into while customizing Canvas with HTML?

Neither of us had done coding before, so using HTML was challenging at first. Apart from trial and error, we used beginner-friendly resources such as the How to Canvas tutorials to help us use HTML the way we wanted to. As for limitations, sometimes we were not able to solve coding issues such as text appearing in the wrong place or missing colour on one of the tabs, so we had to start from scratch, which was a bit time-consuming.

Sounds like you developed a few skills while working on this Canvas project!

Yes! We not only got more comfortable coding with basic HTML, we also developed many other skills, such as knowledge in web and visual design and layout principles. We showed perseverance in problem-solving and troubleshooting, especially when dealing with Canvas limitations or rendering issues across devices. Finally, we gained skills in project management and critical knowledge in user-centred thinking, with an emphasis on accessibility, clarity, and reducing cognitive load for students.

What advice would you give to other students or instructors looking to improve their Canvas courses?

We would advise to first look up resources from other instructors, either colleagues or on the Internet. Then, using the Pages and tabs system instead of Modules could simplify navigation, even without creating something too elaborate, which could be very time-consuming. One should focus on clarity and consistency, use predictable layouts, and reduce cognitive load for learners.

If you had to summarize your approach in two words, what would it be?

Accessible + Creative.

En bon français! Conception novatrice des cours de français dans Canvas

Camille et Laurine, parlez-nous de votre rôle d’assistantes de langue française à l’Université de l’Alberta.

Principalement, nous aidons les personnes étudiantes inscrites aux cours de français du département de MLCS à améliorer leur compétence orale grâce à des laboratoires, au club de conversation en français et à nos heures de bureau. Nous sommes également responsables de l'application Francopass, qui, entre autres, permet de trouver des événements en français tant sur le campus qu’à l'extérieur.

D’un point de vue étudiant, à quoi ressemble un site de cours bien conçu selon vous?

C’est un cours clair, dont la présentation est cohérente et où il est facile d’accéder aux activités et contenus principaux. Une hiérarchie visuelle, des icônes et des titres organisent l’information pour qu’elle soit facile à trouver, et le texte est formaté de manière à en faciliter la lecture. De plus, l’aspect visuel est attrayant et créatif pour augmenter la motivation à apprendre, et il est compatible avec de nombreux appareils pour faciliter l’accès aux ressources intégrées.

Nous avons appris que vous avez utilisé des Pages plutôt que des Modules dans Canvas pour organiser votre cours. Pouvez-vous nous expliquer votre raisonnement et votre processus de conception de cours?

Notre but était de concevoir un cours facile à naviguer et visuellement attrayant, tout en veillant à ce qu’il réponde à certains besoins pédagogiques, comme l’interactivité, l’immersion culturelle, le développement des compétences langagières et l’engagement par le biais d’approches créatives. Avec les conseils de Mathieu Martin-LeBlanc, notre superviseur, nous avons finalement opté pour des pages plutôt que des modules, puisque nous voulions limiter le défilement et les clics. De plus, les pages permettent une présentation visuelle plus épurée et intuitive. Nous avons également rencontré Mme Laura Velazquez du CTL, qui nous a confirmé que cette approche était valable.

Sur notre page d’accueil, des boutons mènent directement à chaque unité ou point principal du cours. D’un point de vue pédagogique, notre objectif était d’assurer à la fois clarté et cohérence : toutes les pages présentent la même structure prévisible, donc les personnes étudiantes peuvent se concentrer sur le contenu plutôt que sur la navigation. Nous sommes très fières d’avoir simplifié l’expérience utilisateur à l’aide de cette structure claire et intuitive! Notre collaboration avec Mathieu nous a été particulièrement précieuse; il s’est montré d’un grand soutien, ouvert aux nouvelles idées et nous a fourni des rétroactions constructives tout au long du processus. Nous avons également reçu des commentaires positifs de la part d’autres personnes collaboratrices sur la fluidité et la clarté du cours.

De quels outils vous êtes-vous servi pour créer cette structure de cours?

Nous nous sommes servi du langage HTML pour créer des onglets sur chaque page, par exemple pour chaque unité ou sujet. Ces onglets s’ouvrent de manière horizontale pour faciliter l’accès à l’information. Nous avons également ajouté des couleurs à ces onglets pour rendre l’expérience visuelle plus agréable.

Avez-vous rencontré des difficultés ou des limites particulières dans votre utilisation du langage HTML dans Canvas?

Nous n’avions jamais utilisé de HTML auparavant, alors c’était plus difficile au début. Nous avons procédé par essai et erreur, mais nous avons également fait appel à des ressources adaptées aux personnes débutantes, par exemple les tutoriels du site How to Canvas, pour trouver comment utiliser le code comme nous le souhaitions. En ce qui concerne les limites, il nous est arrivé de ne pas pouvoir résoudre des problèmes de codage, par exemple du texte qui apparaissait au mauvais endroit ou un onglet où la couleur n’apparaissait pas. Dans ces cas-là, nous avons dû tout recommencer, ce qui était un peu chronophage.

On dirait que vous avez aiguisé quelques compétences en travaillant sur ce projet dans Canvas!

En effet! Non seulement nous sommes maintenant plus à l’aise avec l’utilisation du langage HTML, nous avons également acquis des compétences en conception visuelle et conception Web, ainsi qu’en principes de mise en page. Nous avons fait preuve de persévérance dans la résolution de problèmes, surtout en lien avec les limites de Canvas ou l’affichage sur différents appareils. Enfin, nous avons aiguisé nos compétences en gestion de projet et nos connaissances critiques de la pensée axée sur l’utilisateur, spécialement centrée sur l’accessibilité, la clarté et la réduction de la charge cognitive pour les personnes étudiantes.

Quels conseils donneriez-vous aux autres personnes étudiantes ou enseignantes qui cherchent à améliorer la conception de leurs cours sur Canvas?

Tout d’abord, cherchez quelles ressources sont disponibles, créées soit par des collègues, d’autres personnes enseignantes ou sur le Web. Ensuite, selon nous, l’utilisation de pages et d’onglets plutôt que des modules peut simplifier la navigation, même si ce n’est pas très élaboré, ce qui pourrait prendre beaucoup de temps à créer. Il faut surtout se concentrer sur la clarté et la cohérence et utiliser une structure prévisible afin de réduire la charge cognitive.

Si vous deviez résumer votre approche en deux mots, quels seraient-ils?

Accessible + créative.