{"id":3792,"date":"2022-02-07T07:26:28","date_gmt":"2022-02-07T15:26:28","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/inspire\/?p=3792"},"modified":"2022-02-07T07:26:28","modified_gmt":"2022-02-07T15:26:28","slug":"my-experience-with-emojis-in-online-courses-affordances-and-considerations","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/inspire\/2022\/02\/07\/my-experience-with-emojis-in-online-courses-affordances-and-considerations\/","title":{"rendered":"My Experience with Emojis in Online Courses: Affordances and Considerations"},"content":{"rendered":"\n<p>What should you know about emojis if you plan to use them in your online courses? Not being an extremely online person and not, perhaps, of the right generation, I came to emojis later than others and felt uncertain using them. What did these symbols communicate to others, and how would it reflect on me if I used them in my work with instructors and students? Without research-based answers to these questions, I nonetheless began using emojis in online course designs for the purpose of visual wayfinding and for fostering a friendly, playful tone. After several terms of using emojis in this way, I wondered whether they were accomplishing my goals. Now I\u2019d like to share the background on emojis I\u2019ve researched\u2014and wish I had had earlier\u2014so that you can avoid any missteps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wayfinding\"><strong>Wayfinding<\/strong><\/h2>\n\n\n\n<p>Using emojis in the Canvas Modules menu (which doesn\u2019t otherwise permit any modification of its visual design) has been one way to increase the salience of certain items or to lend them a certain <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/skeuomorphism-is-dead-long-live-skeuomorphism\" data-type=\"URL\" data-id=\"https:\/\/www.interaction-design.org\/literature\/article\/skeuomorphism-is-dead-long-live-skeuomorphism\" target=\"_blank\" rel=\"noreferrer noopener\">skeuomorphism<\/a>. With \u2018at-a-glance\u2019 speed\u2014faster than reading text\u2014students can quickly identify their intended navigational path once they\u2019ve grasped the symbolism of each emoji. I use these symbols consistently for assignments of the same type across weekly modules. Here\u2019s how the emojis looked in a graphic design course, which itself featured a lesson on semiotics and the way icons, indexes, and symbols operate as visual shorthand:<\/p>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"300\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2021\/12\/Emojis-in-module-234x300.png\" alt=\"There are 6 module items arrayed one on top of the other in a list. Each item title has a number, a distinct emoji, and a text-based title. The emojis used are a clipboard, green apple, notebook, hand writing with pencil, scissors and spool of thread.\" class=\"wp-image-3794\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2021\/12\/Emojis-in-module-234x300.png 234w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2021\/12\/Emojis-in-module.png 443w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><\/figure>\n\n\n\n<p>All the emojis chosen for this course reference the domain of school or making\u2014a scissors represents creative assignments, a spool of thread winks at the idea of \u201cthreads\u201d in a discussion. The usage of emojis, along with other design choices related to page layout and color scheme, was a way to model the design skills being taught. Students could thus experience how thoughtful design influenced their interactions with a digital product, in this case, a college course.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tone\"><strong>Tone<\/strong><\/h2>\n\n\n\n<p>I had also hoped that using emojis would communicate to students that a course was welcoming, approachable, and not all deadly serious. Much research has been done to understand how the set of emojis depicting faces influences the emotional reception of text-based messages, but my course designs have generally used non-face emojis. Research on this set of objects, the meaning and emotional valence of which might be more opaque, also shows that emoji objects communicate positive affect or playfulness, perhaps because they demonstrate that the user has invested care and <a rel=\"noreferrer noopener\" href=\"https:\/\/en.wikipedia.org\/wiki\/Emotion_work\" data-type=\"URL\" data-id=\"https:\/\/en.wikipedia.org\/wiki\/Emotion_work\" target=\"_blank\">emotion work<\/a> in choosing an emoji appropriate for interpersonal exchange (Riordan, 2017). Whether that is appropriate within online learning is less clear; emojis were found to increase students\u2019 perception of how caring an instructor was, but they also led students to perceive the instructor as less competent (Vareberg and Westerman, 2020). And while they might \u201clighten the mood,\u201d emojis were considered inappropriate in contexts that students considered formal, such as email (Kaye, et al., 2016). Within the domain of commerce, emojis in ads were pleasing to customers when the product was perceived as hedonic rather than utilitarian, suggesting again that context is a critical factor in emoji\u2019s reception. Another consideration to have in mind is the multiplicity of interpretations an emoji might have at the intersection of gender, language, culture, etc. (Bai, Qiyu, et al., 2019), and how that will affect your intended tone.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"considerations-with-accessibility\"><strong>Considerations with Accessibility<\/strong><\/h2>\n\n\n\n<p>In testing my emojis in Canvas, I relied on ReadSpeaker TextAid; this accessibility tool simply skipped emojis and read only the surrounding text aloud \u2013 which was fine, as the critical content I wanted to communicate was in text form, and the emojis were essentially decorative. Unfortunately, after reading a great post on the <a rel=\"noreferrer noopener\" href=\"https:\/\/blog.easterseals.com\/emojis-and-accessibility-the-dos-and-donts-of-including-emojis-in-texts-and-emails\/\" data-type=\"URL\" data-id=\"https:\/\/blog.easterseals.com\/emojis-and-accessibility-the-dos-and-donts-of-including-emojis-in-texts-and-emails\/\" target=\"_blank\">experience of emojis for individuals with sight impairments<\/a> who use assistive technology, I discovered that the ReadSpeaker TextAid behavior wasn\u2019t typical. Using screenreaders more commonly used by individuals with sight impairments, I then confirmed that when emojis are encountered, their official names are, indeed, read aloud. This means that my visually clever discussion title was now rendered in speech as \u20182.6 Spool of Thread Discussion,\u2019 lengthening the time it took to get to the useful information and adding irrelevant content. Whereas an emoji can be <a rel=\"noreferrer noopener\" href=\"https:\/\/www.upyoura11y.com\/images-icons-and-emojis\/#:~:text=In%20this%20case%2C%20we%20can%20hide%20it%20from%20assistive%20technology%20users%20by%20using%20the%20%E2%80%98aria%2Dhidden%E2%80%99%20property.%20For%20example%3A\" data-type=\"URL\" data-id=\"https:\/\/www.upyoura11y.com\/images-icons-and-emojis\/#:~:text=In%20this%20case%2C%20we%20can%20hide%20it%20from%20assistive%20technology%20users%20by%20using%20the%20%E2%80%98aria%2Dhidden%E2%80%99%20property.%20For%20example%3A\" target=\"_blank\">hidden from assistive technology via html<\/a> on a Canvas page or assignment, there is no mechanism to do this within the title of a page or assignment. This means that, if an emoji is a must-have, it should be placed at the end of the Canvas item title, where it will be read last and prove less bothersome to learners using screenreaders. For me, however, this creates a jagged, irregular visual appearance when viewed in the Canvas Modules menu, and coming at the end of the title, makes the emojis a less useful navigational shortcut for sighted students.<\/p>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"300\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2021\/12\/Emojis-in-module-2-234x300.png\" alt=\"Emojis appear at the end of each module item in a list of six. Each item title has a different length, so the emojis appear at different distances from the start of each line.\" class=\"wp-image-3808\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2021\/12\/Emojis-in-module-2-234x300.png 234w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2021\/12\/Emojis-in-module-2.png 443w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><\/figure>\n\n\n\n<p>For tips on accessible emoji use, you should read <a href=\"https:\/\/readabilityguidelines.co.uk\/images\/emojis\/\" data-type=\"URL\" data-id=\"https:\/\/readabilityguidelines.co.uk\/images\/emojis\/\" target=\"_blank\" rel=\"noreferrer noopener\">Emojis: Readibility Guidelines<\/a> and <a rel=\"noreferrer noopener\" href=\"https:\/\/www.tiny.cloud\/blog\/emojis-and-accessibility\/\" data-type=\"URL\" data-id=\"https:\/\/www.tiny.cloud\/blog\/emojis-and-accessibility\/\" target=\"_blank\">\u201cDo Emojis and Accessibility Work Together?\u201d<\/a>. If you need to identify an emoji\u2019s official title as read by a screenreader, consult the emoji\u2019s entry in <a rel=\"noreferrer noopener\" href=\"https:\/\/emojipedia.org\/\" data-type=\"URL\" data-id=\"https:\/\/emojipedia.org\/\" target=\"_blank\">emojipedia.org<\/a>, which will also show you the varied appearances an emoji takes on different platforms\u2014another consideration you\u2019ll need to have in mind.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"is-the-party-over\"><strong>Is the Party Over? \ud83c\udf89<\/strong><\/h2>\n\n\n\n<p>Unfortunately, with this research in mind, I can no longer sprinkle emojis throughout my Canvas courses like so much happy confetti. Now, I\u2019ll recommend to the instructors I partner with that they use emojis sparingly, for the purposes of communicating the emotional valence of a message (to \u2018smooth out the rough edges of digital life,\u2019 as so incisively put by Stark and Crawford, 2015) or to increase salience, but always in accessible ways, and always with a few caveats in mind.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"references\"><strong>References<\/strong><\/h2>\n\n\n\n<p>Aitchison, Suzanne. <a href=\"https:\/\/www.upyoura11y.com\/images-icons-and-emojis\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cAccessible Images, Icons and Emojis<\/a>.\u201d <em>Up Your A11y<\/em><a href=\"https:\/\/www.upyoura11y.com\/images-icons-and-emojis\/\">.<\/a><\/p>\n\n\n\n<p>Bai, Qiyu, et al. \u201cA Systematic Review of Emoji: Current Research and Future Perspectives.\u201d <em>Frontiers in Psychology<\/em>, vol. 10, Frontiers Research Foundation, 2019, pp. 2221\u20132221, doi:10.3389\/fpsyg.2019.02224. <a href=\"https:\/\/www.frontiersin.org\/articles\/10.3389\/fpsyg.2019.02221\/pdf\" data-type=\"URL\" data-id=\"https:\/\/www.frontiersin.org\/articles\/10.3389\/fpsyg.2019.02221\/pdf\">Full Text<\/a>.<\/p>\n\n\n\n<p>Content Design London. <a href=\"https:\/\/readabilityguidelines.co.uk\/images\/emojis\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cEmojis.\u201d<\/a> <em>Readability Guidelines<\/em>.<\/p>\n\n\n\n<p>Finke, Beth. <a href=\"https:\/\/blog.easterseals.com\/emojis-and-accessibility-the-dos-and-donts-of-including-emojis-in-texts-and-emails\/\" data-type=\"URL\" data-id=\"https:\/\/blog.easterseals.com\/emojis-and-accessibility-the-dos-and-donts-of-including-emojis-in-texts-and-emails\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cEmojis and Accessibility: The DOS and Don&#8217;ts of Including Emojis in Texts and Emails.\u201d<\/a> <em>Easterseals Blog<\/em>. <\/p>\n\n\n\n<p>Kaye, Linda K., et al. \u201c\u201cTurn That Frown Upside-down\u201d: A Contextual Account of Emoticon Usage on Different Virtual Platforms.\u201d <em>Computers in Human Behavior<\/em>, vol. 60, Elsevier Ltd, 2016, pp. 463\u201367, doi:10.1016\/j.chb.2016.02.088. <a rel=\"noreferrer noopener\" href=\"https:\/\/research-repository.griffith.edu.au\/bitstream\/10072\/392072\/2\/Malone264126Accepted.pdf\" target=\"_blank\">Full Text<\/a>.<\/p>\n\n\n\n<p>Mace, Di. <a href=\"https:\/\/www.tiny.cloud\/blog\/emojis-and-accessibility\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cDo Emojis and Accessibility Work Together?\u201d<\/a> <em>Blueprint<\/em> &#8211; Blog by Tiny.<\/p>\n\n\n\n<p>Riordan, Monica A. \u201cEmojis as Tools for Emotion Work: Communicating Affect in Text Messages.\u201d <em>Journal of Language and Social Psychology<\/em>, vol. 36, no. 5, SAGE Publications, 2017, pp. 549\u201367, doi:10.1177\/0261927X17704238. <a href=\"https:\/\/search.library.oregonstate.edu\/permalink\/f\/1g9lfhc\/TN_cdi_crossref_primary_10_1177_0261927X17704238\" target=\"_blank\" rel=\"noreferrer noopener\">Read via OSU Library<\/a>.<\/p>\n\n\n\n<p>Stark, Luke, and Kate Crawford. \u201cThe Conservatism of Emoji: Work, Affect, and Communication.\u201d <em>Social Media + Society<\/em>, vol. 1, no. 2, SAGE Publications, 2015, p. 205630511560485, doi:10.1177\/2056305115604853. <a href=\"https:\/\/journals.sagepub.com\/doi\/pdf\/10.1177\/2056305115604853\" target=\"_blank\" rel=\"noreferrer noopener\">Full Text<\/a>.<\/p>\n\n\n\n<p>Vareberg, Kyle R., and David Westerman. \u201cTo: -) Or to \u263a, That Is the Question: a Study of Students\u2019 Initial Impressions of Instructors\u2019 Paralinguistic Cues.\u201d <em>Education and Information Technologies<\/em>, vol. 25, no. 5, Springer US, 2020, pp. 4501\u201316, doi:10.1007\/s10639-020-10181-9. <a rel=\"noreferrer noopener\" href=\"https:\/\/search.library.oregonstate.edu\/permalink\/f\/1g9lfhc\/TN_cdi_proquest_journals_2436315159\" target=\"_blank\">Read via OSU Library<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What should you know about emojis if you plan to use them in your online courses? Not being an extremely online person and not, perhaps, of the right generation, I came to emojis later than others and felt uncertain using them. What did these symbols communicate to others, and how would it reflect on me&hellip; <a href=\"https:\/\/blogs.oregonstate.edu\/inspire\/2022\/02\/07\/my-experience-with-emojis-in-online-courses-affordances-and-considerations\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":9072,"featured_media":3794,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50450],"tags":[103045,1839,1393911,123,2619,155],"class_list":["post-3792","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks","tag-course-design","tag-ecampus","tag-emojis","tag-engagement","tag-online-education","tag-oregon-state-university"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/3792","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\/9072"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/comments?post=3792"}],"version-history":[{"count":22,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/3792\/revisions"}],"predecessor-version":[{"id":3859,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/3792\/revisions\/3859"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/media\/3794"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/media?parent=3792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/categories?post=3792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/tags?post=3792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}