{"id":597,"date":"2026-01-21T17:49:43","date_gmt":"2026-01-21T17:49:43","guid":{"rendered":"https:\/\/blogs.calbaptist.edu\/cbutlc\/?p=597"},"modified":"2026-01-21T20:10:27","modified_gmt":"2026-01-21T20:10:27","slug":"how-color-in-an-lms-may-impact-academic-performance","status":"publish","type":"post","link":"https:\/\/blogs.calbaptist.edu\/cbutlc\/2026\/01\/21\/how-color-in-an-lms-may-impact-academic-performance\/","title":{"rendered":"How color in an LMS may impact academic performance"},"content":{"rendered":"\n<p><strong>By Ken Nehrbass<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Poor visual design in an LMS can cause users to feel lost, thus impeding learning (Eveland &amp; Dunwoody, 2001). The use and misuse of color is a significant aspect of visual design in an LMS. While psychologists have studied the emotional impact of colors, and the effect that color has on recall and transfer, little research has been done on the influence of visual design (especially color) on students\u2019 experience with an LMS. The small body of literature on the impact of visual design in education does suggest that color can improve student outcomes; however, these outcomes are confounded by other factors such as students\u2019 level of familiarity with the LMS, their motivation for learning, and any loss of vision. The way color is used is also a mediating variable. When color organizes content or signals relevant information, it reduces cognitive load, thus increasing recall. But the use of saturated colors throughout the LMS actually increases cognitive load. Research is mixed on whether cold or warm color schemes are associated with a positive or negative affect.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Information Load<\/h2>\n\n\n\n<p>Color can facilitate \u201ccuing\u201d, namely, drawing readers\u2019 attention to important information. Psychologists measure \u201ccuing\u201d by having students read a computer screen while instruments track the participants\u2019 eyes and measure the quickness of responses. (Faster responses indicate lower information complexity, or reduced cognitive load). Stoesz et al. (2020) found that information load was reduced for students (n=29) when there was symmetry on the page, and higher contrast of colors. Boucheix and Lowe (2010) compared outcomes when cuing key information with arrows, a \u201ccolor spread\u201d and no cuing at all. Participants (n=57) had higher comprehension in the color-cued group. Additionally \u00d6z\u00e7elik et al. (2010) found that students (n=40) had greater retrieval when colors \u201csignaled\u201d important information. &nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Retrieval<\/h2>\n\n\n\n<p>Colors help with retention and retrieval. Gegenfurtner &amp; Rieger\u2019s (2000) study (n=20) on recall of photos of natural scenes found that realistic color photos lead \u201cto an image coding advantage at the very early stages of sensory processing\u201d (p. 805). This enhanced retrieval may be due to the fact that memory is sensory AND semantic (Dzulkifli and Mustafar, 2013) and colors provide additional sensory input, which is often coded semantically.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The impact of color on emotions<\/h2>\n\n\n\n<p>One way we code colors semantically is we attach emotions to various colors. Positive emotional experiences may lead to better learning outcomes; and color contributes to those emotional experiences. For example, Wang et al. (2022) divided students (n=100) into groups with no emotional design, and \u201ccolorful emotional designs.\u201d Students in the colorful emotional group scored higher on retention and transfer test scores.<\/p>\n\n\n\n<p>Cyr et al. (2010) found that color acts as a statistically significant moderator for feelings of trust, satisfaction and loyalty. Across cultures, blue was linked to trust, whereas participants found grey and yellow color schemes least satisfactory. Another study on affect and recall of 79 students who viewed lectures with primarily yellow or blue color schemes corroborated this finding (Kumi et al., 2013).<a id=\"_ftnref1\" href=\"#_ftn1\">[1]<\/a> &nbsp;In contrast, one study at an Asian university found that \u201cthe warm color tone can enhance male learners\u2019 but stifle female learners\u2019 transfer\u201d (Liew, et al., 2022, p. 1).<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">University Branding in the LMS<\/h2>\n\n\n\n<p>Some education leaders have argued that the use of university logos and color schemes in the LMS do project the university values and create a sense of identity (Mirza, 2025). One website claims without evidence that such branding even increases engagement in the LMS (Wright, 2025).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Moderating factors<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<p>In a recent survey, students rated color as \u201cmoderately important\u201d and didn\u2019t particularly believe it aided in their learning experience (Stoesz and Niknam, 2023). Students especially noted the importance of colorful graphs, tables, and photographs. However, they were more concerned about the navigability of the LMS than the color scheme<strong>.<\/strong>  Additionally, students with low vision and color blindness do not derive the same benefits from the use of color, and screen readers do not interpret color schemes (Mancilla &amp; Frey, 2021).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Implications for color in the LMS<\/h2>\n\n\n\n<ul>\n<li>Use colors to signal important information in the LMS;<\/li>\n\n\n\n<li>Use university-branded color schemes to reinforce university values and create a shared identity<\/li>\n\n\n\n<li>Use color photographs and charts;<\/li>\n\n\n\n<li>Make sure there is \u201calt text\u201d to cue readers who are using a screen reader<a href=\"#_ftn2\" id=\"_ftnref2\">[2]<\/a>; and,<\/li>\n\n\n\n<li>Ensure that the LMS is easy to navigate, and that the user experience is consistent from course to course.<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\">Summary<\/h1>\n\n\n\n<p>The following colorful infographic depicts the research above by describing two key strategies for a high-quality user experience in an LMS, as well as factors which moderate that experience, and outcomes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"983\" height=\"286\" src=\"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-content\/uploads\/sites\/15\/2026\/01\/image.png\" alt=\"\" class=\"wp-image-598\" srcset=\"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-content\/uploads\/sites\/15\/2026\/01\/image.png 983w, https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-content\/uploads\/sites\/15\/2026\/01\/image-300x87.png 300w, https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-content\/uploads\/sites\/15\/2026\/01\/image-768x223.png 768w\" sizes=\"(max-width: 983px) 100vw, 983px\" \/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">References<\/h1>\n\n\n\n<p>Boucheix, J.-M.; Lowe, R.K. (2010). An eye tracking comparison of external pointing cues and internal continuous cues in learning with complex animations. <em>Learning and Instruction<\/em>, 123\u2013135. <a href=\"https:\/\/doi.org\/10.1016\/j.ijhcs.2009.08.005\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/doi.org\/10.1016\/j.ijhcs.2009.08.005<\/a><\/p>\n\n\n\n<p>Cyr, D.; Head, M.; Larios, H. (2010). Colour appeal in website design within and across cultures: A multi-method evaluation. <em>International Journal of Human-Computer Studies, 68<\/em> (1-20), 1-21. <a href=\"https:\/\/doi.org\/10.1016\/j.ijhcs.2009.08.005\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/doi.org\/10.1016\/j.ijhcs.2009.08.005<\/a><\/p>\n\n\n\n<p>Dzulkifli M. and Mustafar M. (2013). The influence of colour on memory performance: a review. <em>Malaysian Journal of Medical Science, 20<\/em>(2):3-9. <a href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC3743993\/\">https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC3743993\/<\/a><\/p>\n\n\n\n<p>Eveland Jr., W. P., &amp; Dunwoody, S. (2001). User control and structural isomorphism or disorientation and cognitive load? Learning from the web versus print. Communication Research, 28(1), 48-78. <a href=\"https:\/\/doi.org\/10.1177\/009365001028001002\">https:\/\/doi.org\/10.1177\/009365001028001002<\/a><\/p>\n\n\n\n<p>Gegenfurtner, K. R. &amp; Rieger, J. (2000). Sensory and cognitive contributions of color to the recognition of natural scenes. <em>Current Biology, 10<\/em>(13), 805\u2013808. <a href=\"https:\/\/psycnet.apa.org\/doi\/10.1016\/S0960-9822(00)00563-7\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/doi.org\/10.1016\/S0960-9822(00)00563-7<\/a><\/p>\n\n\n\n<p>Kumi, R.; Conway, C.; Limayem, M.; Goyal, S. (2013). Learning in color: How color and affect influence learning outcomes.<em> IEEE Transactions on professional communication, 56 <\/em>(1), 2-15. <a href=\"https:\/\/doi.org\/10.1109\/TPC.2012.2208390\" target=\"_blank\" rel=\"noreferrer noopener\">10.1109\/TPC.2012.2208390<\/a><\/p>\n\n\n\n<p>Liew, T.; Tan, S.; Gan, C. and Pang, W. (2022). Colors and learner\u2019s gender evoke different emotional and cognitive effects in multimedia learning.<em> Human Behavior and Emerging Technologies. <\/em><a href=\"https:\/\/doi.org\/10.1155\/2022\/1235732\">https:\/\/doi.org\/10.1155\/2022\/1235732<\/a><em><\/em><\/p>\n\n\n\n<p>Mirza, A. (2025). Best color combinations for educational websites. <a href=\"https:\/\/verpex.com\/blog\/website-tips\/best-color-combinations-for-educational-websites\">https:\/\/verpex.com\/blog\/website-tips\/best-color-combinations-for-educational-websites<\/a><\/p>\n\n\n\n<p>\u00d6z\u00e7elik, E.; Arslan-Ari, I.; Cagiltay, K. (2010). Wy does signaling enhance multimedia learning\/ Evidence from eye movements. <em>Computers in Human Behavior, 26<\/em> (110-117). <a href=\"https:\/\/www.sciencedirect.com\/science\/article\/pii\/S0747563209001459?via%3Dihub\">https:\/\/www.sciencedirect.com\/science\/article\/pii\/S0747563209001459?via%3Dihub<\/a><\/p>\n\n\n\n<p>Stoesz, B.; Niknam, M.; and Sutton, J. (2020). Defining the visual complexity of learning management systems using image metrics and subjective ratings. <em>Canadian journal of Learning and Technology, 46<\/em> (2) &nbsp;<a href=\"https:\/\/doi.org\/10.21432\/cjlt27899\">https:\/\/doi.org\/10.21432\/cjlt27899<\/a><\/p>\n\n\n\n<p>Stoesz, B. M., &amp; Niknam, M. (2023). Student Perceptions of the Visual Design of Learning Management Systems. &nbsp;<em>Canadian Journal of Learning &amp; Technology<\/em>, <em>49<\/em>(3), 1\u201322. <a href=\"https:\/\/doi.org\/10.21432\/cjlt28154\">https:\/\/doi.org\/10.21432\/cjlt28154<\/a><\/p>\n\n\n\n<p>Wang, X.; Mayer, R.; Han, M.; and Zhang L. (2022). Two Emotional Design Features Are More Effective Than One in Multimedia Learning. <em>Journal of educational Computing Research, 60. <\/em><a href=\"https:\/\/doi.org\/10.1177\/07356331221090845\">https:\/\/doi.org\/10.1177\/07356331221090845<\/a><\/p>\n\n\n\n<p>Wright, M. (2025). Transforming education through custom branding: A guide to effective design for schools and universities. <a href=\"https:\/\/www.mynkis.com\/articles\/transforming-education-through-custom-branding\">https:\/\/www.mynkis.com\/articles\/transforming-education-through-custom-branding<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p><a href=\"#_ftnref1\" id=\"_ftn1\">[1]<\/a> This would seem to pose a quandary for a university with gold and blue as the branded colors. Does the positive effect of blue cancel out the negative effect of yellow?<\/p>\n\n\n\n<p><a href=\"#_ftnref2\" id=\"_ftn2\">[2]<\/a> Refer to the Web Accessibility Initiative (WAI) and Section 508 guidelines.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By Ken Nehrbass Poor visual design in an LMS can cause users to feel lost, thus impeding learning (Eveland &amp;<\/p>\n","protected":false},"author":45,"featured_media":602,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[69,68],"_links":{"self":[{"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/posts\/597"}],"collection":[{"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/comments?post=597"}],"version-history":[{"count":2,"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/posts\/597\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/posts\/597\/revisions\/601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/media\/602"}],"wp:attachment":[{"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/media?parent=597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/categories?post=597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.calbaptist.edu\/cbutlc\/wp-json\/wp\/v2\/tags?post=597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}