Canvas-based course design

Canvas-based course design

The first course I helped design from scratch in Canvas launched into its pilot phase in 2019, and we're republishing this post because it's still a solid example of what a strong Canvas course can look like. The design hasn't changed much over the years, but the team behind the course has kept the content up to date in this evolving field. Here's a look at some of my favorite elements of the course's design.

Clean, welcoming front page

One of Canvas's highlights is the ability to design a "homepage" that removes clutter and puts the key resources for learners front and center.
Clean front page

Call-out boxes

Call-out boxes mimic those from text books, putting the content discussed into context. In this course, these boxes highlight opportunities to get involved, relate the course context to things in the news, highlight new research, and provide opportunities to explore the topic further. 
Context

Drawers and tabs

The drawer and tab functions, available through design tools, allow you to group information without the dreaded "scroll of death." 

Drawers

Tabs

Animated GIFs

A few animated GIFs in this course illustrate and reinforce key concepts. This example shows how, over time, plants can become resistant to pesticides. 
Animated GIFS

Hover overs

ThingLink and DesignTools "hover overs" allow learners to interact with the text or images to reinforce concepts such as key terms.

Thinglink

Vocab

P.S.

I'd be remiss if I didn't mention what excites me most about this course, but it's what's not here that I'm excited about. This course didn't lean on narrated PowerPoints to deliver its content. There are some videos, but they're of experts in the field commenting on the topics discussed. There are also some videos that highlight recent research. But you won't find the course instructors lecturing in this course. Not one bit. Kudos, Megan and team!





Comments

  1. Will you share what the hover-over and other tools are called, so that we can implement them into our own Canvas courses? Thanks.

    ReplyDelete
    Replies
    1. Hi Christy, Here's a link to help get you started with the hover-overs specifically: https://cidilabs.instructure.com/courses/102/pages/add-popup-content

      And here's a link to the advanced features more generally: https://cidilabs.instructure.com/courses/102/pages/add-advanced-elements-overview?module_item_id=3370

      However, I'm always happy to meet and look at it together if you'd like help with anything! Please feel welcome to put something on my calendar. Thanks!

      Delete
  2. I took this class! It was a perfect flipped classroom situation. I took the class, learned a lot, and was ready then for an in-person event.

    ReplyDelete

Post a Comment