{"id":43,"date":"2020-07-13T17:37:20","date_gmt":"2020-07-13T17:37:20","guid":{"rendered":"https:\/\/www.vanderbilt.edu\/cdr\/?page_id=43"},"modified":"2022-04-05T19:07:50","modified_gmt":"2022-04-05T19:07:50","slug":"design-consistency-and-access","status":"publish","type":"page","link":"https:\/\/www.vanderbilt.edu\/cdr\/module1\/design-consistency-and-access\/","title":{"rendered":"Design, Consistency, and Access"},"content":{"rendered":"<h6><em><span style=\"font-weight: 400\">By <strong>Stacey M Johnson<\/strong>, Assistant Director for Educational Technology, Vanderbilt University Center for Teaching, and <strong>Rhett McDaniel<\/strong>, Director of Instructional Technology and Online Course Development, Vanderbilt University School of Nursing<\/span><\/em><\/h6>\n<h2><strong>Cite this guide: <\/strong>Johnson, S.M., &amp; McDaniel, R. (2020). <em>Design, Consistency, and Access.\u00a0<\/em>Vanderbilt University Course Development Resources.\u00a0 https:\/\/www.vanderbilt.edu\/cdr\/module1\/design-consistency-and-access\/<\/h2>\n<p><span style=\"font-weight: 400;color: #333333\"><a href=\"https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225509\/access.png\"><img loading=\"lazy\" class=\"alignleft wp-image-585\" src=\"https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225509\/access.png\" alt=\"\" width=\"377\" height=\"277\" srcset=\"https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225509\/access.png 1341w, https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225509\/access-300x220.png 300w, https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225509\/access-768x564.png 768w, https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225509\/access-1024x751.png 1024w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/a><\/span><\/p>\n<p>&nbsp;<\/p>\n<p>Building on previous sections, the next consideration is the collection of design choices that affect our students&#8217; experience. When students encounter our modules, will they be able to navigate and make sense of the structures we have put in place?<\/p>\n<p>As instructors putting our course content online, we make a few big choices about module design as well as a host of tiny ones, perhaps without even realizing it! Two elements to consider as we make those choices are <strong>consistency<\/strong> and <strong>access<\/strong>.<\/p>\n<h4 style=\"text-align: left\">ACCESS<\/h4>\n<p>As we build our modules and make design choices, we&#8217;re going to try to approach that work from the perspective of Universal Design for Learning, or UDL.<\/p>\n<p>Watch this short video about UDL from our colleagues at AHEAD Ireland.<\/p>\n<p><iframe loading=\"lazy\" title=\"What is Universal Design for Learning (UDL)?\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/AGQ_7K35ysA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>UDL is based on the idea that we should anticipate the diversity that our learners will bring to the course and plan access points that work for all learners. Thus, good course design reduces barriers to learning so ALL of our students can access our online courses. This has implications for your module design.<\/p>\n<p>Consider this very reading, the one you are reading right now about designing modules, as an example.<\/p>\n<ul>\n<li>How many access points to this information have been provided?<\/li>\n<li>Have any users been left out?<\/li>\n<li>Can you think of other design choices we could have made to make this reading even more accessible to more users?<\/li>\n<\/ul>\n<p>Providing accommodations for students with disabilities is common practice in online classrooms. However, it is possible to greatly reduce the need for accommodations in your classroom by making design choices that are more inclusive from the start.<\/p>\n<p>Consider these suggestions from <a href=\"https:\/\/www.vanderbilt.edu\/student-access\/faculty.php\">Vanderbilt&#8217;s Student Access Office<\/a>:<\/p>\n<ul>\n<li>Caption videos and transcribe audio content, remembering to edit machine-created captions.<\/li>\n<li>Narrate as much visual content as feasible when creating videos or presenting via Zoom.<\/li>\n<li>Share documents as Word files to increase readability with assistive software, using <a href=\"https:\/\/support.office.com\/en-us\/article\/make-your-word-documents-accessible-to-people-with-disabilities-d9bf3683-87ac-47ea-b91a-78dcacb3c66d\">accessible authoring practices<\/a>.<\/li>\n<li>When creating scans of print material (books, articles, etc.), please be sure to press down on the book spine and\/or close the lid of the scanner to ensure that the text is not curved in the resulting scan. Curved text is not able to be converted into machine-readable text.<\/li>\n<\/ul>\n<p>These are just a few of the suggestions provided. You can <a href=\"https:\/\/www.vanderbilt.edu\/student-access\/faculty.php\">find the rest as well as other useful information here<\/a>.<\/p>\n<p>For more information about some of the key ways Brightspace enables access online, check out <a href=\"https:\/\/www.vanderbilt.edu\/brightspace\/2019\/10\/28\/how-can-i-make-my-brightspace-course-more-accessible\/\">this blog post with more extensive recommendations<\/a> for accessible module design practices.<\/p>\n<h4>CONSISTENCY<\/h4>\n<p>Among other factors, clarity and consistency are foundational to <a href=\"https:\/\/ualr.edu\/disability\/online-education\/\">building a course with UDL principles in mind.<\/a><\/p>\n<p><a href=\"https:\/\/pierce.instructure.com\/courses\/1461886\/pages\/principle-of-consistency\">This post describes<\/a> consistency as having four elements:<\/p>\n<ul>\n<li><b>Naming Conventions\u00a0<\/b><\/li>\n<\/ul>\n<p>Are your modules and activities clearly labeled with titles that clearly explain what it is and how students should engage with it?<\/p>\n<ul>\n<li><b>Layout, Location, and Ordering<\/b><\/li>\n<\/ul>\n<p>Do students always go to the same place to access the same kinds of assignments? Is it clear when things begin and when they are due? Are the modules organized systematically? Is stuff easy to find?<\/p>\n<ul>\n<li><b>Scheduling<\/b><\/li>\n<\/ul>\n<p>Will students get a sense that some things are always due on Tuesdays at midnight? Live class meetings always on Wednesdays at 3pm? Will they be able to get into a learning routine? How are you creating expectations for when things happen and then living up to those expectations?<\/p>\n<ul>\n<li><b>Text, Icons, Color, Formats<\/b><\/li>\n<\/ul>\n<p>Have you considered how the course looks? Are your formatting and style elements consistent and accessible to all students?<\/p>\n<p>While we&#8217;re on the topic of style elements&#8230;<\/p>\n<p>If you will be creating your own design elements or using lots of images in your course, it&#8217;s important to ensure that you are <b>not using copyrighted images or graphics<\/b> that belong to someone else. Many of the design elements in this site, such as the icons for modules and action steps, those elements were created by Rhett McDaniel, the CFT&#8217;s Assistant Director for Digital Media. However, even if you are not a professional graphic designer, you can create or find some very cool stuff using online tools.<\/p>\n<h4>Images, Copyright, and Public Domain<\/h4>\n<p>For public domain and creative commons licensed images, try:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.pexels.com\/\">Pexels.com<\/a><\/li>\n<li><a href=\"https:\/\/pixabay.com\/\">Pixabay.com<\/a><\/li>\n<li><a href=\"https:\/\/unsplash.com\/\">Unsplash.com<\/a><\/li>\n<li><a href=\"https:\/\/loc.gov\/free-to-use\/\">Library of Congress<\/a><\/li>\n<li>And the Creative Commons image search in <a href=\"https:\/\/www.flickr.com\/\">Flickr<\/a><\/li>\n<\/ul>\n<p>If you are looking for tools to create or edit your design elements, try:<\/p>\n<ul>\n<li>\u00a0<a href=\"https:\/\/www.canva.com\/\">Canva.com<\/a><\/li>\n<li><a href=\"https:\/\/www.befunky.com\/\">Befunky.com<\/a><\/li>\n<li><a href=\"https:\/\/pixlr.com\/e\/\">Pixlr.com<\/a><\/li>\n<\/ul>\n<p>In these two videos, Rhett McDaniel walks viewers through how to use Microsoft Word to create design elements and how to find copyright-free images\u00a0for online courses.<\/p>\n<p><iframe loading=\"lazy\" title=\"Making Course Graphics Using Word\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/kXTAM2MzY9M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"Finding Images for your Online Course\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/fWiYBiITdfY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>The Jean &amp; Alexander Heard Libraries have <a href=\"https:\/\/www.library.vanderbilt.edu\/disc\/copyright\/\">resources on copyright for Vanderbilt users here <\/a>if you would like to explore that more.<\/p>\n<p>For accessibility, be sure when you are uploading photos and other images to add alt-text into the description area, so that screen readers can appropriately describe what your images contain for those who cannot see them.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225511\/action-steps.png\"><img loading=\"lazy\" class=\"alignleft wp-image-470\" src=\"https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225511\/action-steps.png\" alt=\"\" width=\"900\" height=\"105\" srcset=\"https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225511\/action-steps.png 3552w, https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225511\/action-steps-300x35.png 300w, https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225511\/action-steps-768x90.png 768w, https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225511\/action-steps-1024x120.png 1024w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<table style=\"height: 142px\" width=\"742\">\n<tbody>\n<tr>\n<td width=\"78\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-309\" src=\"https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225516\/annotate-145.png\" alt=\"\" width=\"145\" height=\"145\" \/><\/td>\n<td width=\"306\">&nbsp;<\/p>\n<p>Bookmark <a href=\"https:\/\/www.vanderbilt.edu\/brightspace\/accessibility\/\">this Brightspace support page on accessibility<\/a> so\u00a0you can return to it later when you need it.<\/td>\n<\/tr>\n<tr>\n<td width=\"78\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-318\" src=\"https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225515\/think-1.png\" alt=\"\" width=\"145\" height=\"145\" \/><\/td>\n<td width=\"306\">&nbsp;<\/p>\n<p>Reflect on this question: Considering the tentative module structure you sketched out in the previous section, how will you adjust or add to your module structure based on the principles in this section?<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><a href=\"https:\/\/www.vanderbilt.edu\/cdr\/module1\/bringing-materials-into-your-course\/\"><img loading=\"lazy\" class=\"alignright wp-image-433 size-full\" src=\"https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225512\/arrow-5.png\" alt=\"\" width=\"1789\" height=\"313\" srcset=\"https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225512\/arrow-5.png 1789w, https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225512\/arrow-5-300x52.png 300w, https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225512\/arrow-5-768x134.png 768w, https:\/\/cdn.vanderbilt.edu\/vu-URL\/wp-content\/uploads\/sites\/331\/2020\/07\/19225512\/arrow-5-1024x179.png 1024w\" sizes=\"(max-width: 1789px) 100vw, 1789px\" \/><\/a><\/p>\n<h3 style=\"text-align: center\"><\/h3>\n<hr \/>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/creativecommons.org\/licenses\/by-nc\/4.0\/\" rel=\"license\"><img class=\"aligncenter\" src=\"https:\/\/i.creativecommons.org\/l\/by-nc\/4.0\/80x15.png\" alt=\"Creative Commons License\" \/><\/a><br \/>\nThis page is licensed under a <a href=\"http:\/\/creativecommons.org\/licenses\/by-nc\/4.0\/\" rel=\"license\">Creative Commons Attribution-NonCommercial 4.0 International License<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By Stacey M Johnson, Assistant Director for Educational Technology, Vanderbilt University Center for Teaching, and Rhett McDaniel, Director of Instructional Technology and Online Course Development, Vanderbilt University School of Nursing Cite this guide: Johnson, S.M., &amp; McDaniel, R. (2020). Design, Consistency, and Access.\u00a0Vanderbilt University Course Development Resources.\u00a0 https:\/\/www.vanderbilt.edu\/cdr\/module1\/design-consistency-and-access\/ &nbsp; Building on previous sections, the next&#8230;<\/p>\n","protected":false},"author":452,"featured_media":714,"parent":79,"menu_order":40,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"tags":[],"_links":{"self":[{"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/pages\/43"}],"collection":[{"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/users\/452"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":33,"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":900,"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/pages\/43\/revisions\/900"}],"up":[{"embeddable":true,"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/pages\/79"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/media\/714"}],"wp:attachment":[{"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vanderbilt.edu\/cdr\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}