Howdy! A friend showed me the details tag the other day and now I cannot stop telling others about it. It's an HTML5 tag so it works in mobile too! See more at The Details disclosure element . The spoiler reminds me of the details tag! I added some styling to the main parts. Here is the code to try in your Canvas page: <details> <summary style="background-color: whitesmoke; font-weight: bold; cursor: pointer;"> Some question here? <small>(click to reveal)</small></summary> <div id="reveal" class="pad-box-mini border-round" style="border: thin solid grey;"> <p>Reveal text goes here</p> </div> </details> I've already started using it on pages to split up large content blocks including video! I found the old places where the accordion was used and replaced each with its own details block. Group of details to mimic an accordion Cheers - Shar ⭐
... View more
Want a chance to win some Canvas SWAG? I know Canvas SWAG is a coveted thing...so hopefully, I got your attention! 😉 Read on to learn more!
As educators, we want our students to have the best learning experience possible! What creates the optimal Canvas experience? I like to think of a Canvas course as an experience, similar to an experience you might have when visiting a hotel. Your experience at a budget inn will not likely not be the same as an all-inclusive resort, right? As an Instructional Designer, I’d like to share three best practices that I believe make the most considerable impact on student learning and help give students that state-of-the-art experience.
Welcoming Home Page and Consistent Elements
When visiting a hotel, your experience starts in the hotel foyer when you check-in, and it sets the stage for the experience to come (Do you feel welcomed? Does it look nice? Do you know where to go?) Thinking of your Canvas Home Page like a hotel foyer will help set the course’s tone and what’s to come! All that’s necessary to be effective is a visual welcome like a banner or other graphic or welcoming message, and a clear starting point for learners.
Let me set your mind at ease…you do not have to know HTML or be a graphic designer to design an effective course! I remember years ago seeing a full-page Nike ad in my local newspaper. The entire page was white, and there was a tiny black Nike Swoosh in the center of the page. I wondered why the page was so empty but realized that it caught my attention, and that was the point! It made me realize that sometimes SIMPLE IS BEST. Sometimes too much on your Home Page can be distracting or overwhelming to the student.
Below is an example of a Primary Home Page that sets the tone with a fun, adventure-themed Home Page. Here you see one banner, a welcome message, and five buttons - it’s simple and easy to understand where to go to find things like a schedule or the daily activities. Graphics similar to these can easily be created using a free graphic software program like Canva! If you need help learning Canva, I highly recommend the tutorials in Canva Design School!
When you visit a hotel, you see the branding, colors, and decor incorporated throughout the spaces. Carrying the same look and feel of your Home Page throughout the course in your pages and learning activities with consistent colors, layouts, and organization can help create an optimal experience for students!
The screenshots below are from Apple’s Swift curriculum (take a look, these courses are free in Canvas Commons!) Notice how clean and minimalistic the Home Page is and how that same look and feel is carried throughout the content pages and learning activities! Also, notice that the “feel” of this course is not the same as in the first adventure example, but each is equally effective in inviting a warm welcome and guiding the learner on where to go.
Course Navigation and Organization
Now, imagine being in a hotel and not knowing how to find your room, the elevator, pool, or restaurant. We never want students to feel lost in a course. I prefer to hide most of the Course Navigation and have learners access everything from the Modules area. Think about your course objectives and think about how you will introduce the content. Start your Module with a Canvas Page that gives an overview of the topic and what’s to come. Then, start introducing your content to your learners. Pages are a great way to present a variety of instructional materials. In Pages, you can incorporate videos, articles, teacher-made resources, websites, and even tech tools to help build the foundation of learning. Then, include learning activities that create meaningful interaction and engage learners to promote the achievement of your objectives (i.e., discussions, practice quizzes, assignments, etc.)
Putting things in the order that you want students to encounter them and using Module Prerequisites and/or Requirements can keep students from skipping around and missing important content. With everything organized in Modules, students are less likely to get lost, which can make all the difference in your student experience. Looking at the course through Student View can also help you better understand the student experience.
Below is a snippet of a weekly module shared by Kern County Superintendent of Schools (KCSOS) in Bakersfield, California. Using Text Headers, indentions, and clear naming conventions can help students have a smooth course experience and limit frustrations. You might choose to use emojis to visually represent things within your Modules for young learners. In this module example, each day’s Live Instruction Page was intentionally left unpublished until the teacher added the daily recording to the page. Universal Design for Learning (UDL) principles like student choice, engagement, and expression, were also incorporated in this module. Hats off to my friends at KCSOS for their terrific work in supporting districts, teachers, and students!
Accessibility and Mobile-Friendliness
Now back to my hotel example - imagine if there wasn’t an elevator and you had to trek up 50 flights of stairs to get to your room. When designing a course, it’s essential to think about all learners and their ease of use. All students, regardless of variability, should learn. Building for accessibility and mobile-friendliness is critical.
In a past CanvasLIVE, Taking Your Canvas Course to the Next Level , Dr. Deonne Johnson walked through actual courses with teachers and showed how to make them accessible. I highly recommend watching this CanvasLIVE if you’ve never seen it! She explained that public places began installing wheelchair/curb ramps in the ’90s to comply with the Americans with Disability Act (ADA). However, many people who don’t use wheelchairs are also thankful for those accommodations! For example, if you are pulling your luggage or a stroller behind you as you enter the hotel, those ramps make your life much easier! Designing well is advantageous to all learners! Two fabulous resources to learn more about accessibility and mobile-friendliness are the General Accessibility Design Guidelines and the Mobile App Design | Course Evaluation Checklist .
Our go-to resource for creating an overall quality Canvas course is the Course Evaluation Checklist v2.0 , which Dr. Deonne Johnson used in the CanvasLIVE I recommended above. I love this checklist because it’s simple, easy to use, and based on research. It’s great because anyone can use it, no matter their subject area, grade level, or tech-savviness!
⭑ Call to Action: How Many Stars Would Your Courses Earn?
After I stay in a hotel, I usually tell a few friends about my experience. I might even go online and complete a review to tell the world! Are you ready to share your courses with the Canvas Community? If you are, we want to feature your story and showcase your work!
If your course checks, at minimum, all of the ★ (1-star) rating and ★★ (2-star) rating boxes of the Course Evaluation Checklist above, submit your course using this form for a chance to win some coveted Canvas SWAG! Winners will be announced and asked to write a short blog post showcasing their work and processes! Winning courses will be showcased by Instructure in demos and materials as best practice examples. I can’t wait to see the submissions, and I know the Canvas Community can’t wait either!
In the meantime, in the comments, share what YOU look for when you evaluate courses. What does your institution prioritize? Do you have a review process? What do you find to be the most important aspects of Instructional Design or UDL?
For more course design inspiration utilizing best practices, explore our Ready-Made Template Suite . Our Instructional Design team offers templates, consultation, badging services, course evaluations, workshops, and more. Explore Instructure’s Learning Services that may be of interest to you or your organization.
... View more
8/15/2018 Update: To sign up as a student, use this link: This course has enabled open enrollment. Students can self-enroll in the course once you share with them this URL:https://resources.instructure.com/enroll/8R9H7B. Alternatively, they can sign up at https://resources.instructure.com/register and use the following join code: 8R9H7B @chofer , @G_Petruzella stefaniesanders, awebster Hi folks, it looks like Scott the Magnificent has already created us a CanvasHacks public classroom to play in, and enrolled us as teachers. Any thoughts on structure? I have a similar course that is mostly complete that I am preparing for my faculty that I could upload to provide a bit of structure. It is intended for non-coders, and has the following module structure: About HTML and the HTML Editor - DO NOT FEAR THE CODE! Beginning Users Intermediate users Advanced users Sharing (sharing has a discussion and links to external resoursces However, I am not a pushy sort, so whatever anybody else wants, I am more than happy to go along with. I can always upload stuff a piece at a time and fit it where I can. My "lessons" are all one page, and include: A brief description The code snippet Anatomy of the code snippet where I identify those components that are easy to modify by novices like myself Instructions for use Troubleshooting, and Sometimes some obvious variations based on changes to parts of the code (colors, sizes, positions etc. - the minor stuff) Let me know what your think! Oh yah, and I also have a hokey Home page, because that's just the kind of guy I am:)
... View more
I'm having some challenges understanding the value of an instructor using a Google Drive file in their course -- where the link stays the same from term to term (as intended), but the content of that file can change from term to term.
For example, an instructor links to a Google Drive file in their assignment instructions during term A. Then in term B, the instructor updates that file with adjusted instructions (and continues using that same link during term B). When that file is updated, the course content of term A is no longer correct ... students did not use the current version of the file, they used an older version of it. Going to the course taught during term A will not reflect what the students saw/used.
So the course integrity of term A has been compromised by using the Google Drive file in the assignment. I'm looking for (but not seeing) caveats related to this in the Canvas instructor guide pages for Google Drive, cloud assignments, etc.
What have I missed? Is anyone else looking at this?
... View more