{"id":9285,"date":"2018-09-15T08:19:19","date_gmt":"2018-09-14T22:19:19","guid":{"rendered":"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/?p=9285"},"modified":"2018-09-15T09:14:08","modified_gmt":"2018-09-14T23:14:08","slug":"dont-get-lost-using-good-navigation-and-organisation-to-improve-your-canvas-site","status":"publish","type":"post","link":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/dont-get-lost-using-good-navigation-and-organisation-to-improve-your-canvas-site\/","title":{"rendered":"[Don\u2019t] Get Lost! Using good navigation and organisation to improve your Canvas site"},"content":{"rendered":"<p>Good (or bad) site navigation and organisation can go a long way towards making (or breaking) your unit of study Canvas site. Creating a\u00a0<a href=\"http:\/\/inclusive.tki.org.nz\/guides\/universal-design-for-learning\/\" target=\"_blank\" rel=\"noopener\">well designed learning environment<\/a>\u00a0is one way teachers can help student learning. Designing learning environments (online or physical) that make\u00a0engagement with content and activities intuitive\u00a0<a href=\"http:\/\/theelearningcoach.com\/learning\/what-is-cognitive-load\/\" target=\"_blank\" rel=\"noopener\">reduces extraneous cognitive load<\/a> and shifts unnecessary focus from deciphering\u00a0<em>how<\/em>\u00a0to find what is needed (\u201c<i>do I click here or here for my readings?&#8221;\u00a0<\/i>or <i>\u201cwow that\u2019s too much, I don\u2019t even know where to start&#8221;<\/i>)<span style=\"text-decoration: underline;\">,<\/span>\u00a0producing a more enjoyable and meaningful learning experience for your students. Common causes of increased cognitive overload due to the (poor) design of learning environments include too much new information at once, unnecessary actions, site errors, and unclear structure.<\/p>\n<blockquote><p>(Re-)designing the navigation and organisation of your Canvas learning environment can reduce the cognitive overload on your students and allow them to engage with what really matters &#8211; the unit material<\/p><\/blockquote>\n<p>Based on feedback from 5000+ students across the University about their unit of study Canvas sites in semester 1 2018, we\u2019ve identified some top \u201cdesign for learning\u201d tips to help improve the\u00a0navigation and organisation of\u00a0your new or existing Canvas sites. We have also included some examples of best practice taken from <a href=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/open-canvas-sites-2018-students-choice\/\" target=\"_blank\" rel=\"noopener\">Canvas sites that were identified as outstanding by students<\/a>.<\/p>\n<p><i>This article was contributed by Rebecca Goldsworthy, Jennifer Burn, Wilfried Sharp, and Samantha Clarke.<\/i><\/p>\n<h2>How to \u201cDesign (your Canvas site) for Learning\u201d using good navigation and organisation<\/h2>\n<p>When thinking about how to organise a Canvas web page or site, it can be useful to think of the exercise just as you would when designing any piece of visual media such as art, film, web site, or magazine layout. When designing visual media, the underlying goal of the artist or designer is to <a href=\"https:\/\/www.amazon.com\/Moving-Eye-Through-2-D-Design\/dp\/1841503630\" target=\"_blank\" rel=\"noopener\">control how a viewer\u2019s eye moves about the work<\/a> &#8211; does the eye move quickly or slowly over particular areas, which direction should it travel, and in what order? By understanding how we can use visual design elements to guide a student&#8217;s eye around a Canvas page and to help navigate our sites, we can assist them to engage more readily with the learning materials.<\/p>\n<h3>Structure<\/h3>\n<figure id=\"attachment_9291\" aria-describedby=\"caption-attachment-9291\" style=\"width: 150px\" class=\"wp-caption alignright\"><a href=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/wp-content\/uploads\/2018\/09\/CHEM1111-modules.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9291 size-thumbnail\" src=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/wp-content\/uploads\/2018\/09\/CHEM1111-modules-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><figcaption id=\"caption-attachment-9291\" class=\"wp-caption-text\">CHEM1111 uses modules to provide structure for the unit\u2019s content. <a href=\"http:\/\/bit.ly\/2MrFREl\" target=\"_blank\" rel=\"noopener\">CHEM1111 has an open site<\/a> that you can investigate.<\/figcaption><\/figure>\n<p>Structure refers to the layout of individual pages as well as the information hierarchy \u2013 that is, how everything relates to each other.<\/p>\n<h4>Plan out your structure<\/h4>\n<p>Think about where you will put your information. Use modules to make the structure of the course clear to everyone interacting with the site.\u00a0Create folders in your Files area, even if this is hiden from students.<\/p>\n<figure id=\"attachment_9293\" aria-describedby=\"caption-attachment-9293\" style=\"width: 150px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/wp-content\/uploads\/2018\/09\/ENGG1111-week5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9293 size-thumbnail\" src=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/wp-content\/uploads\/2018\/09\/ENGG1111-week5-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><figcaption id=\"caption-attachment-9293\" class=\"wp-caption-text\">ENGG1111 makes good use of weekly content pages. <a href=\"http:\/\/bit.ly\/2nQWwlX\" target=\"_blank\" rel=\"noopener\">ENGG1111 has an open site<\/a> available that you can investigate.<\/figcaption><\/figure>\n<h4>Use weekly\/topic content pages<\/h4>\n<p>Feedback indicates that students prefer all the relevant information and materials for each week or topic to be located in one place &#8211; for example, on a weekly\/topic content page. They also like to see a weekly \u2018to-do list\u2019 at the start of these pages. This allows them to know what is ahead, help to set goals and give focus, rather than just stumbling across what is expected at the end. <em>Side note: students also appreciate it when lecture slides are made available prior to the lecture so they can prepare in advance.<\/em><\/p>\n<h4 class=\"mceTemp\">Minimise \u201cclicks\u201d<\/h4>\n<p>Students try to spend as little time on Canvas as possible, and every extra click or page takes up time. When all the relevant files and notes are on the one page this saves a lot of time and makes it easier for students to interact with content and download material from just one location rather than several. An exception to this &#8220;<em>one page for all weekly\/topic content<\/em>&#8221; rule applies when a page becomes extremely long and unwieldy. If this happens, don\u2019t be afraid to create a \u201cPart 2\u201d page. <a href=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/top-5-student-tips-for-improving-your-canvas-site-that-will-take-you-less-than-10-minutes\/\" target=\"_blank\" rel=\"noopener\">See \u201cTop 5 student tips for improving your Canvas site\u201d<\/a> for more detail on splitting up your pages.<\/p>\n<h4>Grids<\/h4>\n<p>How content is organised in a site or on a page influences how a learner moves through your site and encounters the material. Grids help break up materials into bite-sized chunks, control the length of text strings, and impose an organisational system that is attractive to the eye. <a href=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/enhancing-canvas-designs-using-flexboxes-pad-boxes-feedwind-enhance-canvas-sites\/\" target=\"_blank\" rel=\"noopener\">Read more about how you can use grids to improve the structure of your Canvas pages here<\/a>. But these aren&#8217;t for the faint-hearted &#8211; there&#8217;s some tricky HTML to master to get grids right.<\/p>\n<figure id=\"attachment_9314\" aria-describedby=\"caption-attachment-9314\" style=\"width: 150px\" class=\"wp-caption alignright\"><a href=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/wp-content\/uploads\/2018\/09\/ENGG1111-consistency.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-9314\" src=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/wp-content\/uploads\/2018\/09\/ENGG1111-consistency-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><figcaption id=\"caption-attachment-9314\" class=\"wp-caption-text\">The weekly content pages from ENGG1111 are good examples of consistent pages that also incorporate good variety. <a href=\"http:\/\/bit.ly\/2nQWwlX\" target=\"_blank\" rel=\"noopener\">ENGG1111 has an open site available<\/a> for you to investigate.<\/figcaption><\/figure>\n<h3>Be Consistent<\/h3>\n<p>Consistency is key! It\u2019s easy for students to get confused about where to find information and identify what is most important and relevant. In the University-wide Canvas survey, students commented that they didn\u2019t like the way different units placed important information in different and various places rather than just one key location. Students also didn&#8217;t like it when too many external platforms were used such as separate websites for content.<\/p>\n<h4>Top recommendations to keep things consistent (and less confusing) for your students:<\/h4>\n<ul>\n<li>Make use of your Faculty or School\u2019s Canvas templates to ensure the students get the same experience across similar units;<\/li>\n<li>Use text styles (e.g. Header 2, Header 3) consistently to enforce an information hierarchy (and don&#8217;t skip levels);<\/li>\n<li>Use icons to help identify information types and\/or facilitate navigation &#8211; this also incorporates familiar experiences (such as navigating websites) into your Canvas sites;<\/li>\n<li>Make sure you stick to the plan and don\u2019t split across different locations or platforms &#8211; the <em>\u201csingle source of truth\u201d<\/em> maxim;<\/li>\n<li>If there are multiple instructors in a site make sure that everyone knows (and follows) the structure of the site;<\/li>\n<li>Don\u2019t replicate material or information (particularly around assignments) across multiple places\/pages &#8211; this also makes it really difficult for you to update information;<\/li>\n<li>Don\u2019t open new windows for internal links (i.e. if they link to a page within the same Canvas site).<\/li>\n<\/ul>\n<figure id=\"attachment_9313\" aria-describedby=\"caption-attachment-9313\" style=\"width: 150px\" class=\"wp-caption alignright\"><a href=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/wp-content\/uploads\/2018\/09\/DATA1001-chunking.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-9313\" src=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/wp-content\/uploads\/2018\/09\/DATA1001-chunking-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><figcaption id=\"caption-attachment-9313\" class=\"wp-caption-text\">This lecture page from DATA1001 is a good example of how chunking and signposting can be used to present content. <a href=\"http:\/\/bit.ly\/2Mxrj5d\" target=\"_blank\" rel=\"noopener\">DATA1001 has an open site available<\/a> for you to investigate.<\/figcaption><\/figure>\n<figure id=\"attachment_9315\" aria-describedby=\"caption-attachment-9315\" style=\"width: 150px\" class=\"wp-caption alignright\"><a href=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/wp-content\/uploads\/2018\/09\/INFO3220-activity.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-9315\" src=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/wp-content\/uploads\/2018\/09\/INFO3220-activity-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><figcaption id=\"caption-attachment-9315\" class=\"wp-caption-text\">The page from INFO3220 shows how you can embed activity into your pages. <a href=\"http:\/\/bit.ly\/2PkCM6x\" target=\"_blank\" rel=\"noopener\">INFO3220 has an open site available<\/a> for you to investigate.<\/figcaption><\/figure>\n<h3>Chunking + Signposting<\/h3>\n<p>The concept of <a href=\"http:\/\/theelearningcoach.com\/elearning_design\/chunking-information\/\" target=\"_blank\" rel=\"noopener\">information chunking<\/a> is well-known. Break down your information into smaller manageable pieces. Keep in mind that chunking can refer to more things than text: images and videos can be \u201cchunked\u201d. Use headings to separate your \u201cchunks\u201d and don\u2019t forget the power of \u201cwhite space\u201d.<\/p>\n<h3>Activity + Variety<\/h3>\n<p>Embedded activities that test knowledge, present knowledge in novel ways, or provide opportunities for collaboration, not only reduce cognitive overload by providing variety, chunking information, and reducing clicks, but also actively reinforce learning by asking students to apply their knowledge as they learn it.<\/p>\n<h2>Where to next?<\/h2>\n<p>These are just a few ways you can use good navigation and organisation practices to quickly and easily improve your existing Canvas sites or lay strong foundations when building new sites or revising existing ones.<\/p>\n<ul>\n<li>To be inspired and see what has worked well in other units across the university, be sure to check out the <a href=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/open-canvas-sites-2018-students-choice\/\" target=\"_blank\" rel=\"noopener\">Open Canvas sites \u2013 2018 students\u2019 choice<\/a> list and the <a href=\"http:\/\/sydney.edu.au\/education-portfolio\/ei\/teaching@sydney\/open-canvas-sites-2018-edition\/\" target=\"_blank\" rel=\"noopener\">Open Canvas Sites &#8211; 2018<\/a>.<\/li>\n<li>Have a look at the resources and guides in the Teaching Resources Hub on <a href=\"https:\/\/canvas.sydney.edu.au\/courses\/1316\/pages\/designing-and-building-your-canvas-site\">designing and structuring Canvas sites<\/a>.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Good (or bad) site navigation and organisation can go a long way towards making (or breaking) your unit of study Canvas site. Creating a\u00a0well&#8230;<\/p>\n","protected":false},"author":213,"featured_media":9305,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[117,57],"tags":[200,246,97,83],"coauthors":[524],"class_list":["post-9285","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lms-transformation","category-teaching-tips","tag-canvas","tag-design","tag-teaching","tag-tips","post-item","post-even"],"_links":{"self":[{"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/posts\/9285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/users\/213"}],"replies":[{"embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/comments?post=9285"}],"version-history":[{"count":32,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/posts\/9285\/revisions"}],"predecessor-version":[{"id":9334,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/posts\/9285\/revisions\/9334"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/media\/9305"}],"wp:attachment":[{"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/media?parent=9285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/categories?post=9285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/tags?post=9285"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/coauthors?post=9285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}