{"id":4397,"date":"2023-01-17T07:50:52","date_gmt":"2023-01-17T15:50:52","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/inspire\/?p=4397"},"modified":"2023-01-17T07:50:52","modified_gmt":"2023-01-17T15:50:52","slug":"five-tips-on-improving-readability-in-your-courses","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/inspire\/2023\/01\/17\/five-tips-on-improving-readability-in-your-courses\/","title":{"rendered":"<strong>Five Tips on Improving Readability in Your Courses<\/strong>"},"content":{"rendered":"\n<p>The following is a guest blog post from Aimee L. Lomeli Garcia, MLA. Aimee completed an Instructional Design internship with OSU Ecampus during the Fall of 2022.<\/p>\n\n\n\n<p>Have you ever found yourself reading the same paragraph over and over again only to not retain any information?&nbsp;Or been so overwhelmed with the content you\u2019re trying to read that you\u2019re unable to absorb any of it? Odds are that it may not just be the content you\u2019re trying to read; it may be the way the information is laid out.&nbsp;One way to help read and retain information is to make the text more readable.<\/p>\n\n\n\n<p>Making information readable in your online course can seem overwhelming, but there are a few steps that you can take to make the content more digestible for students.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What is Readability?<\/strong><\/h2>\n\n\n\n<p>First off \u2013 what is readability?&nbsp; Readability is defined as \u201cthe ease in which a reader can comprehend text\u201d (Calonia, 2020).&nbsp;Readability is a vital aspect to keep in mind as you design online courses. It not only makes the content of the class easier to read but increases the likelihood that students will understand the faculty\u2019s content through lectures and discussions.&nbsp; Better readability also decreases the risk of students misunderstanding the content, experiencing frustration, and increases the risk of students becoming disinterested in interacting with the course.&nbsp; Though there are multiple options to make content more readable, there are five ways that you can adapt the content in your course: chunking content, using whitespace, avoiding wordiness, creating infographics, and utilizing color.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Chunking Content<\/strong><\/h3>\n\n\n\n<p>What does \u201cchunking content\u201d mean? Chunking means breaking content into smaller chunks to make it easier to understand. This strategy originates from the field of cognitive psychology, which has proven that the human brain can \u201cprocess, understand, and remember information better when broken into smaller pieces\u201d (Moran, 2016).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Let\u2019s demonstrate!<\/h4>\n\n\n\n<p>Below are the first two paragraphs of <em>Harry Potter and the Sorcerer\u2019s Stone<\/em> by J.K. Rowling:<\/p>\n\n\n\n<p>Chapter One<br>The Boy Who Lived<br>Mr. and Mrs. Dursley, of number four, Privet Drive, were proud to say that they were perfectly normal, thank you very much. They were the last people you&#8217;d expect to be involved in anything strange or mysterious because they just didn&#8217;t hold with such nonsense.<\/p>\n\n\n\n<p>When reading through this excerpt, it\u2019s easy for your eyes to scan through the information without comprehending it.&nbsp; There are a few common methods that will help with chunking your material: make your paragraphs shorter, add space between your paragraphs, and develop clear hierarchies of text.<\/p>\n\n\n\n<p>Utilizing these methods, let\u2019s make this paragraph more readable:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-medium-font-size\"><strong>Chapter One<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>The Boy Who Lived<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Mr. and Mrs. Dursley, of number four, Privet Drive, were proud to say that they were perfectly normal, thank you very much. They were the last people you&#8217;d expect to be involved in anything strange or mysterious, because they just didn&#8217;t hold with such nonsense.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Using Whitespace<\/strong><\/h3>\n\n\n\n<p>Whitespace is defined as \u201cempty space between and around elements of a page\u201d (Babich, 2017). Whitespace creates a backdrop or frame to make your content easier to read.&nbsp; Like chunking information, whitespace allows the eye to find information easily.&nbsp; Take these slides for example:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"224\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/Picture1.jpg\" alt=\"\" class=\"wp-image-4399\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/Picture1.jpg 624w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/Picture1-300x108.jpg 300w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><figcaption class=\"wp-element-caption\">\u201cPlastic Coffee Cup on Book\u201d by Anna Shvets from Pexels<\/figcaption><\/figure>\n\n\n\n<p>Do you notice how much easier it is to read the different types of coffee drinks on the slide that has more white space? In a study done by Wichita State University, research confirmed that increasing the amount of whitespace actually improves reading comprehension!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Avoiding Wordiness<\/strong><\/h3>\n\n\n\n<p>We\u2019ve all experienced reading material that has excessive wordiness. In a manner of speaking, \u201cwordiness means using more words than necessary within a sentence, especially short, vague words that do not add much meaning\u201d (<em>Eliminating Wordiness<\/em>, 2022). Unfortunately, the overuse of unnecessary words can muddle ideas and cause confusion for students.<\/p>\n\n\n\n<p>To decrease wordiness, focus on the key points you want to convey and use an active voice instead of a passive voice. Consider the following example:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8220;<strong>All of the<\/strong> students who are new to this university are required ot attend an orientatin <strong>that has been scheduled<\/strong> for December 1<sup>st<\/sup>.&#8221;<\/p>\n<\/blockquote>\n\n\n\n<p>When reading this sentence, it\u2019s difficult to decipher what the necessary information is for the reader to understand. Instead, let\u2019s focus on the key points and use an active voice in this sentence:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8220;New students are required to attend orientation on December 1<sup>st<\/sup>.&#8221;<\/p>\n<\/blockquote>\n\n\n\n<p>Here, we eliminated the unnecessary wording, allowing readers to understand the message the sentence is trying to convey.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Use Visuals<\/strong><\/h3>\n\n\n\n<p>Pictures speak louder than words!&nbsp;Using visual media, such as infographics, pictures, videos, animations, and films, make content easier for students to understand and could decrease the amount of writing you have to do for the class!&nbsp;You can obtain visual media through free online resources such as <a href=\"https:\/\/www.pexels.com\/\">Pexels<\/a>, <a href=\"https:\/\/pixabay.com\/\">Pixabay<\/a>, or <a href=\"https:\/\/wordpress.org\/openverse\/?referrer=creativecommons.org\">Openverse<\/a> or created on your own (Canva is a favorite for me).<\/p>\n\n\n\n<p>So, instead of using this:<\/p>\n\n\n\n<p class=\"has-small-font-size\">Cells are the building blocks of life. A cell is composed of cytoplasm, a nucleus, ribosomes, and mitochondria. Cytoplasm is made up of a jell-like structure that contains the contents of the cell. The nucleus serves as the command center and is typically the largest part of the inside of the cell. Ribosomes are tiny parts of the cell that make proteins and mitochondria are jelly-bean shaped and create energy from the food we eat.<\/p>\n\n\n\n<p>Try this!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"721\" height=\"371\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/cell.png\" alt=\"Labeled animal cell\" class=\"wp-image-4403\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/cell.png 721w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/cell-300x154.png 300w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/www.freepik.com\/free-vector\/animal-cell-closer-look_8131460.htm#query=cell&amp;position=0&amp;from_view=author\">Image by brgfx<\/a> on Freepik<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Color<\/h3>\n\n\n\n<p>Color makes a significant impact on the readability of your page. This can be easy to overlook, as we typically use the standard black font\/white background combination. However, adding color to words or backgrounds can bring attention to a message you\u2019re trying to convey. There are ways to do this successfully and ways to add color poorly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"936\" height=\"408\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/image-1.png\" alt=\"Color choice example - difficult to read. \" class=\"wp-image-4404\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/image-1.png 936w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/image-1-300x131.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/image-1-768x335.png 768w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" \/><\/figure>\n\n\n\n<p>Looking at the red text on the first example can be challenging for someone with no vision issues. Imagine the difficulty students who have a visual impairment can have \u2013 in particular, red\/green color blindness.<\/p>\n\n\n\n<p>On the second example, having a text color that is nearly the same shade as the background can make reading the text nearly impossible. It takes effort to read the quote in the example \u2013 can you imagine reading a scholarly journal with the same formatting?<\/p>\n\n\n\n<p>Don\u2019t let these examples dissuade you from trying text colors and backgrounds! To verify if a color combination is readable, visit the <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">Contrast Checker<\/a> page, enter the RGB or RYB codes and the website will notify you if the color combinations are reader-friendly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"938\" height=\"410\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/image-2.png\" alt=\"Color showing higher contrast\" class=\"wp-image-4405\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/image-2.png 938w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/image-2-300x131.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2022\/12\/image-2-768x336.png 768w\" sizes=\"auto, (max-width: 938px) 100vw, 938px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Drafting your site can be overwhelming when considering readability, but there are several steps you can take to make the course content easier to understand.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Chunking content helps break text into smaller pieces so content is easier for students to digest.<\/li>\n\n\n\n<li>Whitespace provides empty space for your content to pop<\/li>\n\n\n\n<li>Avoiding wordiness can make your content and message clearer<\/li>\n\n\n\n<li>Using visuals allows you to utilize pictures, videos, infographics, and other media to convey content<\/li>\n\n\n\n<li>Strategic use of color on your page can make reading the material more comfortable and less straining for all students, including those with vision impairments.<\/li>\n<\/ul>\n\n\n\n<p>Below are links to resources and tools if you\u2019d like to dive into more information about readability and the impact it has on the success of students of online students. Thanks for reading!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">References<\/h2>\n\n\n\n<p>Babich, N. (2017, June 30). <em>The power of whitespace<\/em>. UX Planet. Retrieved November 28, 2022, from <a href=\"https:\/\/uxplanet.org\/the-power-of-whitespace-a1a95e45f82b\">https:\/\/uxplanet.org\/the-power-of-whitespace-a1a95e45f82b<\/a><\/p>\n\n\n\n<p>Calonia, J. (2020, September 2). <em>What is readability?<\/em> Grammarly Blog. Retrieved November 28, 2022, from <a href=\"https:\/\/www.grammarly.com\/blog\/readability\/\">https:\/\/www.grammarly.com\/blog\/readability\/<\/a><\/p>\n\n\n\n<p><em>Eliminating wordiness<\/em>. (2022). Hamilton College. Retrieved November 28, 2022, from <a href=\"https:\/\/www.hamilton.edu\/academics\/centers\/writing\/writing-resources\/eliminating-wordiness\">https:\/\/www.hamilton.edu\/academics\/centers\/writing\/writing-resources\/eliminating-wordiness<\/a><\/p>\n\n\n\n<p>Moran, K. (2016, March 20). <em>How chunking helps content processing<\/em>. Nielsen Norman Group. Retrieved November 28, 2022, from <a href=\"https:\/\/www.nngroup.com\/articles\/chunking\/\">https:\/\/www.nngroup.com\/articles\/chunking\/<\/a><\/p>\n\n\n\n<p>Sabo, C. (2018, June 19). <em>Getting started guide: using infographics for teaching and learning<\/em>. Learning Technologies. Retrieved November 28, 2022, from <a href=\"http:\/\/www.codlearningtech.org\/2018\/06\/19\/getting-started-guide-using-infographics-for-teaching-and-learning\/\">http:\/\/www.codlearningtech.org\/2018\/06\/19\/getting-started-guide-using-infographics-for-teaching-and-learning\/<\/a><\/p>\n\n\n\n<p><em>Wordiness<\/em>. (2022). Las Positas College Reading &amp; Writing Center. Retrieved November 28, 2022, from <a href=\"http:\/\/www.laspositascollege.edu\/raw\/wordiness.php#:~:text=Wordiness%20means%20using%20more%20words,main%20focus%20of%20the%20sentence\">http:\/\/www.laspositascollege.edu\/raw\/wordiness.php#:~:text=Wordiness%20means%20using%20more%20words,main%20focus%20of%20the%20sentence<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The following is a guest blog post from Aimee L. Lomeli Garcia, MLA. Aimee completed an Instructional Design internship with OSU Ecampus during the Fall of 2022. Have you ever found yourself reading the same paragraph over and over again only to not retain any information?&nbsp;Or been so overwhelmed with the content you\u2019re trying to&hellip; <a href=\"https:\/\/blogs.oregonstate.edu\/inspire\/2023\/01\/17\/five-tips-on-improving-readability-in-your-courses\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":9451,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1393941,35232],"tags":[548,103045,1839,120,2619,88537,155],"class_list":["post-4397","post","type-post","status-publish","format-standard","hentry","category-course-design-learning-design","category-illustrations","tag-communication","tag-course-design","tag-ecampus","tag-instructional-design","tag-online-education","tag-online-learning","tag-oregon-state-university"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/4397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/users\/9451"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/comments?post=4397"}],"version-history":[{"count":6,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/4397\/revisions"}],"predecessor-version":[{"id":4413,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/4397\/revisions\/4413"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/media?parent=4397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/categories?post=4397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/tags?post=4397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}