{"id":23,"date":"2020-02-07T17:15:23","date_gmt":"2020-02-07T17:15:23","guid":{"rendered":"http:\/\/module13.ca\/ingredients\/?p=23"},"modified":"2020-02-12T21:00:41","modified_gmt":"2020-02-12T21:00:41","slug":"mapping-and-layout","status":"publish","type":"post","link":"https:\/\/module13.ca\/ingredients\/2020\/02\/07\/mapping-and-layout\/","title":{"rendered":"Learning Wayfinding"},"content":{"rendered":"<div class=\"entry-content\">\n<p><b>\u201cSeveral of my professors put their assignments under this left column menu, but for another course I have to remember that the assignments are named differently and located under the top row pull-down menu taking multiple clicks to access. Why do I have to remember different paths to find the basics that I need to complete this course?\u201d<\/b><\/p>\n<p style=\"text-align: right;\">Hill, P. (2019). <a href=\"https:\/\/philonedtech.com\/student-panels-non-traditional-students-and-consistency-in-course-navigation\/'\"><i>Student Panels: Non-traditional students and consistency in course navigation<\/i><\/a><i>.<\/i><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/h5p.org\/h5p\/embed\/720396\" width=\"1090\" height=\"683\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><script src=\"https:\/\/h5p.org\/sites\/all\/modules\/h5p\/library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script><\/p>\n<h1><\/h1>\n<h2><strong>Wayfinding, Finding Your Way, Wayfinding, Wayfinding<\/strong><\/h2>\n<p>\u201cOrganization is one of the most important parts of an online course, and complicated course layout and poor navigation links contribute directly to learner confusion and a poor learning experience overall.\u201d (Bristol and Zerwekh, 2011 in <a href=\"https:\/\/web.archive.org\/web\/20180724120158\/http:\/\/oscqr.org\/standard16\/\">OLC<\/a>)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112 aligncenter\" src=\"https:\/\/module13.ca\/ingredients\/files\/2020\/02\/1554879521_6614d11264_b.jpg\" alt=\"\" width=\"1024\" height=\"748\" srcset=\"https:\/\/module13.ca\/ingredients\/files\/2020\/02\/1554879521_6614d11264_b.jpg 1024w, https:\/\/module13.ca\/ingredients\/files\/2020\/02\/1554879521_6614d11264_b-300x219.jpg 300w, https:\/\/module13.ca\/ingredients\/files\/2020\/02\/1554879521_6614d11264_b-768x561.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<div class=\"su-box su-box-style-glass\" id=\"\" style=\"border-color:#260f23;border-radius:3px;\"><div class=\"su-box-title\" style=\"background-color:#594256;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">Key Ingredients<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\"><\/p>\n<ul>\n<li>Materials and activities are easy to locate and engage with. Navigation and wayfinding are clear.<\/li>\n<li>Types of information and activities, as well as flow, is consistent throughout.<\/li>\n<li>Styling of resources and materials are internally consistent and consistent with one another.<\/li>\n<\/ul>\n<p><\/div><\/div>\n<h2>Layout and Structure<\/h2>\n<div class=\"su-box su-box-style-glass\" id=\"\" style=\"border-color:#260f23;border-radius:3px;\"><div class=\"su-box-title\" style=\"background-color:#594256;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">Key Ingredients<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\">\n<ul>\n<li>White-space and cutting out unnecessary information<\/li>\n<li>Contrast<\/li>\n<li>Typeface and Font<\/li>\n<li>From Titles to Tables <\/div><\/div><\/li>\n<\/ul>\n<div class=\"su-box su-box-style-glass\" id=\"\" style=\"border-color:#17303e;border-radius:3px;\"><div class=\"su-box-title\" style=\"background-color:#4A6371;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">Taste Test<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/get.pxhere.com\/photo\/silhouette-cooking-woman-tasting-food-kitchen-housewife-drink-hot-cooling-people-chef-pan-indoors-apron-lifestyles-dinner-black-and-white-human-behavior-sitting-male-clip-art-monochrome-monochrome-photography-communication-joint-graphics-font-1451253.jpg\" width=\"49\" height=\"49\" \/>Open up one of your online courses, a document you share with students, or a PowerPoint you use in class,<\/p>\n<ul>\n<li>Read through the content in your course and take notice of where you think there should be more breaks.<\/li>\n<li>Step back from your screen and look at your course pages. Squint your eyes and see if there is enough white space around the content.<\/li>\n<li>Do a working memory check and read through your content. Note how much you can remember, and what did not stick.<\/li>\n<li>Where have you used coloured text? Is it distracting? Is the <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">contrast high enough<\/a>?<\/li>\n<li>Be consistent. If you change the colour of a heading, for example, be sure to reflect that in other headings in your course.<\/li>\n<li>Avoid using multiple coloured text on one page, unless you intentionally want to highlight something.<\/div><\/div><\/li>\n<\/ul>\n<h2>Accessibility<\/h2>\n<p><iframe loading=\"lazy\" title=\"Accessible Slide Presentations\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/videoseries?list=PLzQUbREIMsF5BanQ-cBxxHW-ogrUV76op\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<\/div>\n<hr \/>\n<p>Photo by\u00a0<a href=\"https:\/\/unsplash.com\/@mitchel3uo?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Mitchell Luo<\/a>\u00a0on\u00a0<a href=\"https:\/\/unsplash.com\/s\/photos\/maze?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<\/a><\/p>\n<p><a title=\"Detailed Sitemap (IA)\" href=\"https:\/\/flickr.com\/photos\/kentbye\/1554879521\">Detailed Sitemap (IA)<\/a> flickr photo by <a href=\"https:\/\/flickr.com\/people\/kentbye\">kentbye<\/a> shared under a <a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/\">Creative Commons (BY) license<\/a><\/p>\n<p>Lorenzetti, J. P. (2008). 14 Ways Faculty Can Improve Online Student Retention. <i>Recruitment &amp; Retention in Higher Education<\/i>, 22(12), 6-7.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cSeveral of my professors put their assignments under this left column menu, but for another course I have to remember that the assignments are named differently and located under the top row pull-down menu taking multiple clicks to access. Why do I have to remember different paths to find the basics that I need to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":37,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-23","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/posts\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":21,"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/posts\/23\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/posts\/23\/revisions\/134"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/media\/37"}],"wp:attachment":[{"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/categories?post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/module13.ca\/ingredients\/wp-json\/wp\/v2\/tags?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}