The Importance of Course Design: Beyond a Blank Canvas

[Guest post by Beth Hals, Senior Instructional Technologist in the Center for Teaching Excellence and Innovation (CTEI), Johns Hopkins University]

Thoughtful course design plays a critical role in shaping the student learning experience, regardless of whether a class is taught online or in person.  Fully online asynchronous courses typically have an intense, front-loaded design process to ensure that they are accessible, easy to navigate, and designed in a comprehensive manner. blank artist's canvas with painting suppliesThese courses often come with instructional design support as well. For instructors delivering synchronous courses, by the time they have constructed their syllabus, designed their assessments, created lectures, and determined what strategies will be used in class to encourage student engagement, designing and building their Canvas course sites may understandably be at the bottom of the list. 

But course design matters. It impacts the students’ perception of the course and their learning experience. During JHU’s Spring 2024 Canvas Implementation Survey, when asked about their user experience in an open-ended question, student responses included: “every class is some new labyrinth,” “some classes are terrible because the courses are not set up well in the system,” and “the difference between a chaotic and stressful canvas course and an easy-to-use one is organization.” 

 As a senior instructional technologist, I work directly with faculty who are trying to do just this – communicate with their students using the online platform, disseminate content, organize their resources in logical and meaningful ways, and leverage the learning management system (LMS) in a way that accomplishes exactly what they want for their assignments and gradebook calculations. The good news is that while creating a Canvas course may not be an instructor’s top priority, there are several tweaks one can make to significantly improve students’ experiences and overall course design. 

Communication around course expectations
You may have the most beautiful course outline ever created within the confines of your syllabus, but is that same outline reflected within your course resources and assignments? The easier it is for students to locate the outline, which undoubtedly contains critical information such as due dates, the more likely they are to access it and meet your expectations!  

  • Help students plan: make sure all assignments, quizzes, discussions, etc. have due dates. 
    • When you include due dates, they appear in the student’s Canvas Calendar synthesized with due dates from all of their other courses. Due dates are also viewable in the student’s to-do list and in their DXP calendar (the DXP calendar is part of the digital experience platform in which students can access a synthesized view of their schedule, major university events or holidays, Canvas and Course Plus assignments, and more).
      • If students have a multi-part assignment, a discussion that involves posting and responding to their peers in some way, or participate in aCanvas calendar tool peer review, provide each of these checkpoint dates explicitly, as all of these types of assignments require multiple due dates. 
      • Set a to-do date on critical Canvas pages. If you have a page in which you explain what reading needs to be completed before coming to class, set a to-do date for that page and outline the pre-class expectations.  
  • Eliminate hunting: If you use assignments, quizzes, or discussions in your course, make sure they are available to students on the Course Navigation Menu and include detailed instructions. 
    • Students should not have to hunt for assignment instructions or discussion prompts in the syllabus. Include this information in the instructions area of your assignment or discussion board. 
    • Students need to be able to quickly refer back to your course to clarify instructions, check and respond to discussion threads, and access an assignment to easily submit their work. The Course Navigation Menu provides easy access to key areas of the course. 

Give your course personality
A warm, positive online presence is vitally important to cultivating a sense of community for your students. There are several ways you can use the LMS to help your course feel more approachable and inviting: 

  • Course Card Image: Upload an image to represent your Canvas course. This creates a visual association that will differentiate your course from the others.Canvas dashboard showing links to six courses each with a different course card image
  • Canvas Profile Picture: Upload a picture of yourself or something that represents your personality to your Canvas profile. This picture appears when you make an announcement, provide a summary comment in SpeedGrader, or comment on discussion posts and helps your communication feel more personalized. 
  • Create an Instructor Profile or an About Me Page: Provide students with information about yourself and your professional background – but be sure to also include some personal details, such as hobbies, personal interests, pets, family, favorite vacation, etc. Creating an opportunity for students to discover common interests while also humanizing yourself helps build rapport and makes you more approachable.  

 Make your course accessible for all 

  • Use Built-in Accessibility Checkers 
    Canvas includes a built-in Accessibility Checker that checks content created within the Rich Content Editor.  Canvas also integrates with Ally, a third-party tool that flags issues course-wide, including those found in uploaded external content, and provides instructions on how to fix them. These tools quickly identify issues suchAlly accessibility score for Canvas course as missing alternative text, poor color contrast, and inaccessible document formats. Regularly running checks using these tools helps instructors make timely improvements and maintain an inclusive course site.
  • Apply Universal Design for Learning (UDL) 
    Designing with UDL principles in mind ensures your course meets the needs of a wide range of learners. Providing multiple means of engagement, representation, and expression not only supports students with disabilities but also improves learning experiences for all students. For example, if your course contains several text-heavy documents, you might consider also including a relevant set of images and/or videos. Conversely, consider providing a transcript for any videos within your course.

  • Provide Clear, Organized Content
    Structuring materials with headings, descriptive links, and consistent formatting makes content easier to navigate with screen readers and less overwhelming for all students. Use built-in bullet points or numbered lists to help organize content. A well-organized course site reduces cognitive load and helps students focus on learning rather than searching for resources. If your school does not use formatting software (i.e., CidiLabs, etc.) consider using CTEI’s Canvas Formatting Toolkit to help organize your course site. Pre-formatted tabs, callout boxes, icons and more are available for download from Canvas Commons. If you are external to JHU, send an email to ctei@jhu.edu for assistance with the toolkit.    

Ask a friend (or your teaching and learning center!)
Do you think everything in your course is laid out beautifully? Is it easy to understand what the course expectations are and when everything is due? Ask a colleague, TA, friend, family member, or your teaching and learning center to take a look at your course while in Student View. Can they easily find what a student needs to be successful? 

Do you have any additional suggestions for tweaking your Canvas course? Please share them in the comments below! 

Beth Hals, Senior Instructional Technologist
Center for Teaching Excellence and Innovation
 

Image sources:  Pixabay, Canvas screenshots, University of Oklahoma Online and Academic Technology Services

Lunch and Learn: Canvas Show and Tell

 On Wednesday, November 1st, the Center for Teaching Excellence and Innovation (CTEI) hosted a Canvas Show and Tell: Share and Learn about Engaging and Effective Uses of Canvas. Alison Papadakis, Teaching Professor and Director of Clinical Psychological Studies in the Department of Psychological & Brain Sciences, hosted the discussion. She was joined by Emily Braley, Assistant Dean for Undergraduate Academic Affairs and Associate Teaching Professor in the Department of Mathematics, and Jamie Young, Lecturer in the Department of Chemistry. Beth Hals, Brian Cole, and Caroline Egan from the CTEI helped facilitate the event.

Alison Papadakis opened the discussion describing how her interest in Canvas began with her kids, who were using it during COVID. (JHU was still using Blackboard at that time.) Watching her kids struggle with poorly designed Canvas classroom interfaces influenced the way she organized her own Canvas classroom once JHU adopted it as our new learning management system (LMS).  One big decision she made was to stay away from using the Module function, which is often the most common  way to organize content in Canvas. Instead, Papadakis explained how she used the Canvas Page function to create a page with a table outlining her course schedule with hyperlinks to the rest of her content. The homepage of her Canvas site looks like a calendar with hyperlinks for each class day. She regularly checks in with her students, asking if they have trouble finding anything in the course and they always assure her that they do not. Papadakis also makes the Files area in Canvas available to her students, as an additional way for them to access course content, but they tell her they don’t use it. She says the course schedule page is not the “prettiest” display of content, but the functionality works very well for her course and students can easily find what they need for each class period.

Papadakis also does a lot of student advising and needed a place to post links and share information with students. She decided to use a community site, which is similar to a website, but built inside of Canvas. All majors and minors have access to the site as well as other faculty; it is also possible to add other users to the site if necessary. Brian Cole clarified that the key difference between a standard Canvas course and community site is that a standard site is for credited courses and is automatically generated by  JHU’s Student Information System (SIS). Community sites, which all faculty have the ability to request, are for non-credit activities and are intended to share information and resources across multiple populations.

Emily Braley described how the mathematics department is using a community site to host their math placement exam. The university’s switch to Canvas provided an opportunity to revise the exam, which was previously hosted in Blackboard. In Canvas, students are provided with more information about why they are taking the exam as they are guided through a series of steps to help them decide which exam to take. With the help of CTEI staff, Braley described how they embedded a Microsoft form inside of Canvas that asks students what math courses they took in high school, including AP courses. The branching feature of the form then directs students to the appropriate placement exam based on their answers. There are also practice tests that students can take before the actual exam.

The exam itself is set up using a Canvas feature called Mastery Paths. This feature allows an instructor to set up to three ranges of scores for the exam; once they take the exam, student scores are translated into a recommendation for enrollment. Braley also created a customized grading scheme for the exam, which contains information about interpreting the results as well as the actual score for the students.

Braley is very excited about the potential for data analytics with the revised exam process. Using the form provides the department with data which can help identify trends and determine if students are being placed correctly.  All incoming math students are encouraged to take a math placement exam; so far this fall, close to 1100 students have taken the placement exam.

Jamie Young was looking for a way to avoid having to answer the same questions repeatedly from the 640 students in his Introduction to Chemistry lab course. Using HTML code, he was able to create a dropdown FAQ page in Canvas containing embedded links. He estimates he has received 50-60% less questions this semester so far since posting the FAQ page.  He also used HTML to add buttons and links to his syllabus that link out to everything in the course, similar to Alison Papadakis’s course schedule. He believes this saves time for students as they are able to find many things very quickly. Additionally, Young embedded a live Google Document into the course that contains his course schedule. This makes it really easy to update the schedule when necessary as any changes made will immediately be pushed to Canvas – no need to upload an edited document each time a change is made.

In another course, with a combined lecture and lab, Young struggled with displaying a large amount of content. He initially put everything into modules but wasn’t happy with how disorganized they became after adding so much material. He has since turned each module into its own page and links everything from the page. This has been working out much better – again, students are able to find things quickly and easily. Young insists you don’t need much coding knowledge to take advantage of these features in Canvas; you do need to know – or have access to – a  few HTML commands.

The discussion included the following questions from the audience:

Q (for Alison Papadakis): Do you need coding experience to create this [the course schedule]?
AP: I just created it in Word and cut and pasted it in – no coding necessary.

Q (for Alison Papadakis): How do you link the “tone” of your course to the course schedule?
AP: This is an in-person course, so there is a lot of in-class discussion around the course and how it works at the beginning. The course schedule is just the pragmatic piece so we can keep things organized.

Q (for Alison Papadakis): It looks like you assign readings before the semester begins – do you plan everything ahead of the semester, before it starts?
AP: I have taught this course over ten times, so I know basically what’s coming. I put placeholders in for things I don’t know yet. You’ll notice it says ‘Tentative Schedule’ so I can allow for shifting things around if needed. I do need to remember to update the Canvas calendar when making changes to my course schedule.

Q (for Alison Papadakis): Can anyone access the community site?
AP: No, they have to be added to the roster.

Q: (For Beth Hals, CTEI’s Sr. Instructional Technologist) Can you explain Mastery Paths? Is it the same as locking/unlocking a Module?
BH: Mastery Paths are affiliated with some sort of assessment in Canvas. As the instructor, you can set three different sets of score ranges that you use to then send students on their next ‘path’ based on their results. Unlocking modules is a little different – you first set prerequisites on a module that must be completed before the module will unlock.

Q (for Jamie Young): To a neophyte, it’s a little overwhelming to see what you’ve done – there seem to be many ways of doing the same thing. Could you compare and contrast the ways of organizing your syllabus?
JY: You can use the Rich Content Editor (RCE) in Canvas to build your syllabus. If you want to add something like buttons, you would then toggle the RCE to view the HTML editor. Using HTML  is more complicated for sure, but with some basic knowledge you can do it. I would be happy to share what I’ve done and then you can just fill in your information and cut and paste it into your course. To embed the Google Form, I followed online directions that I googled.

Brian Cole, CTEI’s Associate Director for Instructional Technology: You don’t need any HTML  knowledge to embed anything into Canvas. You can use the Rich Content Editor (RCE) to do this. There is an “embed” option in the menu of the editor. You also don’t have to do every page. You can pick and choose what parts of your course to make pretty.

Q: Did Jamie build his syllabus in AEFIS?
BC: No, Jamie built his syllabus using the Canvas Syllabus page. You can still use your own syllabus in conjunction with the AEFIS syllabus – they can coexist. (Note: New name for AEFIS is Heliocampus.)

Q (for Jamie Young): Could you provide a little more information on creating tabs?
JY: They are just HTML code. I used HTML 5. You have to go into the HTML editor in Canvas and use “div” tags to build tabs. Start with the blank tabs in html, then go back to the RCE and fill in the text as needed. You can use copy and paste to make it easier.

Q: Can I move JavaScript headers into Canvas?
BC: No, Canvas will strip them out. An alternative is to embed the page into the Canvas page.
BH: There is something called the Redirect tool that may help. This tool adds an item to your navigational menu. You pick the text for what will display in your menu and it will link to a particular page.

Q: Any ideas about making grading easier?
EB: We use auto grading on all quizzes. We also use banks of questions, so that each quiz pulls from different banks. New Quizzes has matching question types that are more work for students, more robust, but still auto graded. Another thing about New Quizzes is the ability to render Latex [a typesetting software for math symbols]. This has been very useful for us – it’s so much cleaner for students. It renders as accessible MathML, which can be read by a screen reader. This is much better than posting a PDF that is read as an image.
We also use Gradescope, which is an external tool that helps us streamline grading. Students upload their work to Gradescope (inside of Canvas) and you can set it up to help auto grade problems.
JY: We also use Gradescope extensively in Chemistry. We scan written work into Gradescope and it is automatically graded. The system has gotten better at reading handwriting. It has made handwritten assignments so much easier to grade. One caveat about Canvas quizzes: they don’t allow for numbers past 4 decimal places, which we need.

A word about accessibility in Canvas:
EB: You can have Canvas tell you if your material is accessible or not. Use the accessibility checker in the RCE to help you with this.
BH: I also wanted to mention that it’s very easy to duplicate pages in Canvas – build it once, duplicate the page, then fill in what you need to change. It’s like building a template for yourself and reusing it.

For more information about topics discussed at the event, please see this Canvas resource developed by Beth Hals.

Amy Brusini, Senior Instructional Designer
Center for Teaching Excellence and Innovation
 

Image source: Canvas logo