{"id":9400,"date":"2023-02-21T09:30:00","date_gmt":"2023-02-21T09:30:00","guid":{"rendered":"https:\/\/blogs.sussex.ac.uk\/tel\/?p=9400"},"modified":"2023-02-17T15:14:56","modified_gmt":"2023-02-17T15:14:56","slug":"considering-the-user-experience-of-vles-reviewing-our-canvas-templates","status":"publish","type":"post","link":"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/","title":{"rendered":"Considering the user experience of VLEs: reviewing our Canvas templates."},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-scaled.jpg\"><img loading=\"lazy\" width=\"1024\" height=\"683\" src=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-1024x683.jpg\" alt=\"Person using laptop and mobile phone\" class=\"wp-image-9403\" srcset=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-1024x683.jpg 1024w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-300x200.jpg 300w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-768x512.jpg 768w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-1536x1024.jpg 1536w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-2048x1365.jpg 2048w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-100x67.jpg 100w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-150x100.jpg 150w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-200x133.jpg 200w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-450x300.jpg 450w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-600x400.jpg 600w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/austin-distel-tLZhFRLj6nY-unsplash-900x600.jpg 900w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Photo by <a href=\"https:\/\/unsplash.com\/@austindistel?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Austin Distel<\/a> on <a href=\"https:\/\/unsplash.com\/photos\/tLZhFRLj6nY?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<\/a><\/figcaption><\/figure>\n\n\n\n<p>I first learnt about Virtual Learning Environments almost twenty years ago. As a high school teacher I attended a training session on a &#8216;platform&#8217; designed to record students\u2019 homework tasks which would one day remove the need for planners (the spiral-bound diaries all students were issued) and liberate the five minutes of lesson time used for setting the task and getting each and every child to note down the instructions and due date. Opinions in that session were varied and broad but what we could agree on was that this was a game-changer; we were witnessing a new dawn in education.<\/p>\n\n\n\n<p>VLEs evolved and spread across the sector. Tech companies launched their own and Becta (or the British Educational Communications and Technology Agency) proclaimed that all schools would have to have one by 2010. Becta has long been disbanded and it wasn\u2019t until something happened in March 2020 that many turned their attention back to their digital provision. Time had moved on, and what we needed these tools to do had changed.<\/p>\n\n\n\n<p>At Sussex we use Canvas as our VLE, and have done since 2018. Strictly speaking a LMS (Learning Management System), Canvas offers much of the interactivity we expect from a VLE. There are many routes to generating this interactivity and engagement and for the past few weeks I have been paying particular attention to the user experience of our Canvas sites. Here\u2019s a quick overview of what I\u2019ve been doing and why.<\/p>\n\n\n\n<h2>Background and Brief<\/h2>\n\n\n\n<p>Recently, feedback reached the Educational Enhancement (EE) team that some students were finding their Canvas sites difficult to navigate, especially when using handheld devices such as phones and small tablets. Canvas has a mobile app but ultimately intends its product to be accessed on desktops and laptops. However, we felt that as our students had taken the time to share their preference for mobiles (one that is rather global), we needed to bring the mountain to them.<\/p>\n\n\n\n<h2>Dashboard and Landing Pages<\/h2>\n\n\n\n<p>The Student app for Canvas opens to the user\u2019s dashboard, with module buttons which they can choose between organising&nbsp; as a list or as tiles. So far pretty simple. As we currently have our template set up, once the module is opened the user is presented with an image related to their topic and a long list of formatted links, which on a desktop is the menu to the left of the screen. A click away is the actual homepage which hosts another long list of formatted links, including to key information and then course content week by week. The page is tidy and legible but does call for a dreaded scroll, which we know is hardly desirable in mobile design.<\/p>\n\n\n\n<p>We will be reviewing the amount of content on the module homepages so it fits on one screen.<\/p>\n\n\n\n<h2>Navigation<\/h2>\n\n\n\n<p>Canvas makes good use of &#8216;previous&#8217; and &#8216;next&#8217; buttons to direct students through the weekly content (set up as &#8216;units&#8217;) and on a larger screen it is quite easy for most users to move around the site. On mobile devices though, it can be tricky to locate particular pages. We know that students like to double-check things like assignment details as and when the idea comes to them so we really need it to be more straightforward to do this on the move.<\/p>\n\n\n\n<p>We will be reviewing how many separate pages we need for each week and what key links should appear throughout any module.<\/p>\n\n\n\n<h2>Coding<\/h2>\n\n\n\n<p>All of the HTML formatting we have currently built into our module pages makes for a tidy and well-organised interface. Realistically though it is all-too-easy for the code to become corrupted as content is edited as part of anyone\u2019s reflective practice.&nbsp;<\/p>\n\n\n\n<p>While we\u2019d be sorry to see some of the more eye-catching graphics go, usability is paramount so we will be stripping out some of the HTML in favour of a more robust template.<\/p>\n\n\n\n<p><strong>It\u2019s important to share that the work on this project is not finished and no decisions are being taken without consultation. Our goal, as always, is to find the solution that works for as many people as possible and disenfranchises no one.<\/strong><\/p>\n<div class=\"sharedaddy sd-sharing-enabled\"><div class=\"robots-nocontent sd-block sd-social sd-social-icon sd-sharing\"><h3 class=\"sd-title\">Share this:<\/h3><div class=\"sd-content\"><ul><li class=\"share-twitter\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-twitter-9400\" class=\"share-twitter sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/?share=twitter\" target=\"_blank\" title=\"Click to share on Twitter\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Twitter (Opens in new window)<\/span><\/a><\/li><li class=\"share-facebook\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-facebook-9400\" class=\"share-facebook sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/?share=facebook\" target=\"_blank\" title=\"Click to share on Facebook\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Facebook (Opens in new window)<\/span><\/a><\/li><li class=\"share-tumblr\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-tumblr sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/?share=tumblr\" target=\"_blank\" title=\"Click to share on Tumblr\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Tumblr (Opens in new window)<\/span><\/a><\/li><li class=\"share-print\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-print sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/\" target=\"_blank\" title=\"Click to print\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to print (Opens in new window)<\/span><\/a><\/li><li class=\"share-pinterest\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-pinterest-9400\" class=\"share-pinterest sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/?share=pinterest\" target=\"_blank\" title=\"Click to share on Pinterest\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pinterest (Opens in new window)<\/span><\/a><\/li><li class=\"share-pocket\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-pocket sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/?share=pocket\" target=\"_blank\" title=\"Click to share on Pocket\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pocket (Opens in new window)<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>I first learnt about Virtual Learning Environments almost twenty years ago. As a high school teacher I attended a training session on a &#8216;platform&#8217; designed to record students\u2019 homework tasks which would one day remove the need for planners (the<span class=\"ellipsis\">&hellip;<\/span><\/p>\n<div class=\"read-more\"><a href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/\">Read more &#8250;<\/a><\/div>\n<p><!-- end of .read-more --><\/p>\n<div class=\"sharedaddy sd-sharing-enabled\"><div class=\"robots-nocontent sd-block sd-social sd-social-icon sd-sharing\"><h3 class=\"sd-title\">Share this:<\/h3><div class=\"sd-content\"><ul><li class=\"share-twitter\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-twitter-9400\" class=\"share-twitter sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/?share=twitter\" target=\"_blank\" title=\"Click to share on Twitter\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Twitter (Opens in new window)<\/span><\/a><\/li><li class=\"share-facebook\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-facebook-9400\" class=\"share-facebook sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/?share=facebook\" target=\"_blank\" title=\"Click to share on Facebook\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Facebook (Opens in new window)<\/span><\/a><\/li><li class=\"share-tumblr\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-tumblr sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/?share=tumblr\" target=\"_blank\" title=\"Click to share on Tumblr\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Tumblr (Opens in new window)<\/span><\/a><\/li><li class=\"share-print\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-print sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/\" target=\"_blank\" title=\"Click to print\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to print (Opens in new window)<\/span><\/a><\/li><li class=\"share-pinterest\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-pinterest-9400\" class=\"share-pinterest sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/?share=pinterest\" target=\"_blank\" title=\"Click to share on Pinterest\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pinterest (Opens in new window)<\/span><\/a><\/li><li class=\"share-pocket\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-pocket sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/21\/considering-the-user-experience-of-vles-reviewing-our-canvas-templates\/?share=pocket\" target=\"_blank\" title=\"Click to share on Pocket\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pocket (Opens in new window)<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><\/div><\/div><\/div>","protected":false},"author":391,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[137836],"tags":[36,137836,161],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p4IWEK-2rC","jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"jetpack-related-posts":[{"id":6696,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2018\/02\/09\/canvas-highlights-2-groups\/","url_meta":{"origin":9400,"position":0},"title":"Canvas Highlights - 2. Groups","date":"9th February 2018","format":false,"excerpt":"Canvas provides lots of opportunities for students to learn together. One of the features that enables this is Groups. This post provides a brief overview of Canvas Groups and suggests some ways in which teachers and learners may want to use them. Groups and Group Sets in Canvas When an\u2026","rel":"","context":"In &quot;Canvas&quot;","img":{"alt_text":"Group Files area","src":"https:\/\/i1.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2018\/02\/2018-01-30_1019.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":8554,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2020\/12\/08\/peer-learning-with-canvas\/","url_meta":{"origin":9400,"position":1},"title":"Peer Learning with Canvas","date":"8th December 2020","format":false,"excerpt":"Peer learning is a term that covers a broad spectrum of activities in which students work together to further their learning, from peer teaching, to group working, to peer assessment. There are great benefits to be seen from peer learning approaches. Students can be given opportunities to organise their thoughts\u2026","rel":"","context":"In &quot;Canvas&quot;","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2020\/12\/feedback-2044700_1920.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":8770,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2021\/07\/20\/canvas-eportfolios\/","url_meta":{"origin":9400,"position":2},"title":"Canvas ePortfolios","date":"20th July 2021","format":false,"excerpt":"Canvas has a tool called Canvas ePortfolio which allows students to create a series of self contained ePortfolios. Each ePortfolio can be made up of a number of sections, each consisting of pages of content such as text, images, video and other multimedia as well as links to files or\u2026","rel":"","context":"In &quot;Canvas&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2021\/06\/MicrosoftTeams-image-1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":7071,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2018\/07\/13\/canvas-know-how-creating-glossary-in-canvas\/","url_meta":{"origin":9400,"position":3},"title":"Canvas Know-how 4: Creating a Glossary in Canvas","date":"13th July 2018","format":false,"excerpt":"Whilst Canvas provides a variety of new opportunities that weren't available in Study Direct, there are a couple of resource types that don't have a direct Canvas equivalent. One of these is the Glossary tool, which has been used in some modules to provide a reference bank of terminology for\u2026","rel":"","context":"In &quot;Canvas&quot;","img":{"alt_text":"Canvas Know-how 4. Creating a Glossary in Canvas","src":"https:\/\/i1.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2018\/07\/CanvasKnowhow4.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":7698,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2019\/04\/02\/communicating-with-students-in-canvas\/","url_meta":{"origin":9400,"position":4},"title":"Communicating with students in Canvas","date":"2nd April 2019","format":false,"excerpt":"Canvas includes several tools for communication between teachers and students within a module. In this post I will give an overview of Announcements, Discussions, Chat and Conversations, looking at when each would be a good choice. Announcements The icon for Announcements gives a very good idea of the sort of\u2026","rel":"","context":"In &quot;Canvas&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2019\/03\/chat-2389223_1280.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":6685,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2018\/02\/23\/canvas-highlights-3-peer-assessment\/","url_meta":{"origin":9400,"position":5},"title":"Canvas highlights 3. Peer Assessment","date":"23rd February 2018","format":false,"excerpt":"[note: this post has been updated to reflect a terminology change on the Sussex Canvas VLE, to align it to Sussex terminology] Continuing our Canvas highlights series, this week we are looking at peer assessment. In Canvas it is possible to set \u2018Assignments\u2019 to enable students to mark and review\u2026","rel":"","context":"In &quot;Canvas&quot;","img":{"alt_text":"Canvas Highlights 3. Peer Assessment","src":"https:\/\/i2.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2018\/01\/3-peer-assessment-1024x576.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/9400"}],"collection":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/users\/391"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/comments?post=9400"}],"version-history":[{"count":4,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/9400\/revisions"}],"predecessor-version":[{"id":9410,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/9400\/revisions\/9410"}],"wp:attachment":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/media?parent=9400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/categories?post=9400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/tags?post=9400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}