{"id":3137,"date":"2015-01-08T13:47:18","date_gmt":"2015-01-08T17:47:18","guid":{"rendered":"http:\/\/grace-ed.org\/blog\/?p=3137"},"modified":"2015-01-08T13:48:23","modified_gmt":"2015-01-08T17:48:23","slug":"using-visual-cues-in-your-online-course-site-moodle","status":"publish","type":"post","link":"http:\/\/grace-ed.org\/blog\/archives\/3137","title":{"rendered":"Using visual cues in your online course site (Moodle)"},"content":{"rendered":"<p>The online learning experience leans toward being a visual one. That makes the design of your course an important consideration. A good practice is to imagine your students sitting in front of their computer screen looking at your course site. Can they immediately grasp what it is they are looking at? Do they know what to first? Do they know where to find the instructional elements? Do they know what to do next?<!--more--><\/p>\n<p>Moodle has a \u201clinear\u201d and \u201cstacked\u201d format to it. As you build the elements of a particular segment, the default option is to \u201cstack\u201d the elements, one below the other, presumably, in sequence. While Moodle provide visual icon as cues to each element, they are a bit cryptic (see below the examples of a \u201cPage\u201d icon and a discussion forum icon). <\/p>\n<p><a href=\"http:\/\/grace-ed.org\/blog\/wp-content\/uploads\/graphic1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/grace-ed.org\/blog\/wp-content\/uploads\/graphic1.jpg\" alt=\"graphic1\" width=\"1039\" height=\"685\" class=\"alignnone size-full wp-image-3138\" srcset=\"http:\/\/grace-ed.org\/blog\/wp-content\/uploads\/graphic1.jpg 1039w, http:\/\/grace-ed.org\/blog\/wp-content\/uploads\/graphic1-300x197.jpg 300w, http:\/\/grace-ed.org\/blog\/wp-content\/uploads\/graphic1-1024x675.jpg 1024w\" sizes=\"auto, (max-width: 1039px) 100vw, 1039px\" \/><\/a><\/p>\n<p>You can aid the flow and ease of use of your course site by adding visual elements that make it easier for your students to identify the instructional components on your course. Below are examples of two visual cue elements. One identified and directs the student to the reading for the session, and the second highlights the discussion forum element. You can always add additional instruction as text to each element, but with these cues, one can reduce the clutter on the screen. Using the cues consistently allows the student to immediately recognize what they are looking at and what they are to do with it.<\/p>\n<p><a href=\"http:\/\/grace-ed.org\/blog\/wp-content\/uploads\/graphic21.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/grace-ed.org\/blog\/wp-content\/uploads\/graphic21.jpg\" alt=\"graphic2\" width=\"1003\" height=\"749\" class=\"alignnone size-full wp-image-3140\" srcset=\"http:\/\/grace-ed.org\/blog\/wp-content\/uploads\/graphic21.jpg 1003w, http:\/\/grace-ed.org\/blog\/wp-content\/uploads\/graphic21-300x224.jpg 300w\" sizes=\"auto, (max-width: 1003px) 100vw, 1003px\" \/><\/a><\/p>\n<p><strong>HOW TO MAKE YOUR OWN VISUAL CUES<\/strong><\/p>\n<p>One very easy way to create your own visual cues is on Powerpoint&#8212;the poor person\u2019s graphic program. Open a blank slide on Powerpoint and import or cut-and-paste your icon graphics, then use the textbox function to create your label. Resize your image on the screen to fit best your Moodle platform (you may need to experiment a bit), then use your computer\u2019s clipping tool to clip the image. Save it as a graphic file (jpg), then import it to Moodle using the \u201cLabel\u201d function. <\/p>\n<p>Small but strategic design elements like these can go a long way to making the online learning experience smoother for your students. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>The online learning experience leans toward being a visual one. That makes the design of your course an important consideration. A good practice is to imagine your students sitting in front of their computer screen looking at your course site. &hellip; <a href=\"http:\/\/grace-ed.org\/blog\/archives\/3137\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[14,20,34],"tags":[57,42,268],"class_list":["post-3137","post","type-post","status-publish","format-standard","hentry","category-design","category-teaching","category-technology-and-education","tag-education","tag-israel-galindo","tag-teaching"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/grace-ed.org\/blog\/wp-json\/wp\/v2\/posts\/3137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/grace-ed.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/grace-ed.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/grace-ed.org\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/grace-ed.org\/blog\/wp-json\/wp\/v2\/comments?post=3137"}],"version-history":[{"count":4,"href":"http:\/\/grace-ed.org\/blog\/wp-json\/wp\/v2\/posts\/3137\/revisions"}],"predecessor-version":[{"id":3143,"href":"http:\/\/grace-ed.org\/blog\/wp-json\/wp\/v2\/posts\/3137\/revisions\/3143"}],"wp:attachment":[{"href":"http:\/\/grace-ed.org\/blog\/wp-json\/wp\/v2\/media?parent=3137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/grace-ed.org\/blog\/wp-json\/wp\/v2\/categories?post=3137"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/grace-ed.org\/blog\/wp-json\/wp\/v2\/tags?post=3137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}