{"id":5666,"date":"2019-08-20T14:19:29","date_gmt":"2019-08-20T18:19:29","guid":{"rendered":"https:\/\/eduperformance.com\/?p=5666"},"modified":"2019-08-20T14:19:32","modified_gmt":"2019-08-20T18:19:32","slug":"elearning-and-the-user-experience","status":"publish","type":"post","link":"https:\/\/eduperformance.com\/en\/elearning-and-the-user-experience\/","title":{"rendered":"E-LEARNING AND THE USER EXPERIENCE"},"content":{"rendered":"[mk_page_section bg_image=&#8221;https:\/\/eduperformance.com\/wp-content\/uploads\/2019\/08\/85969601_l.jpg&#8221; bg_position=&#8221;left center&#8221; bg_repeat=&#8221;no-repeat&#8221; bg_stretch=&#8221;true&#8221; padding_top=&#8221;40&#8243; padding_bottom=&#8221;40&#8243; sidebar=&#8221;sidebar-1&#8243;][vc_column][mk_padding_divider size=&#8221;220&#8243;][mk_fancy_title color=&#8221;#000000&#8243; size=&#8221;80&#8243; force_font_size=&#8221;true&#8221; size_phone=&#8221;50&#8243; font_weight=&#8221;bold&#8221; txt_transform=&#8221;uppercase&#8221; margin_bottom=&#8221;257&#8243; font_family=&#8221;none&#8221; align=&#8221;center&#8221;]BLOG[\/mk_fancy_title][mk_padding_divider size=&#8221;220&#8243;][\/vc_column][\/mk_page_section][mk_page_section section_layout=&#8221;right&#8221; sidebar=&#8221;sidebar-2&#8243;][vc_column][mk_fancy_title color=&#8221;#000000&#8243; size=&#8221;24&#8243; font_weight=&#8221;bold&#8221; font_family=&#8221;none&#8221; responsive_align=&#8221;left&#8221;]E-LEARNING AND THE USER EXPERIENCE[\/mk_fancy_title][vc_column_text css=&#8221;.vc_custom_1563907938333{margin-bottom: 0px !important;}&#8221;]As technology advances and Internet users become harder to keep up with, the user experience is becoming increasingly important when it comes to surfing the Web and even more so, when it comes to academics. Take <a href=\"https:\/\/eduperformance.com\/\">eLearning,<\/a> for example. It\u2019s not about abandoning content in favour of focusing solely on design, but rather finessing both essential aspects in order to present users with the best possible experience. Doing so will increase engagement and improve the learning experience.<\/p>\n<p style=\"line-height: 115%;\">That in mind, what are some best practices when it comes to shaping the <a href=\"https:\/\/eduperformance.com\/\">eLearning<\/a> user experience?<\/p>\n<p style=\"line-height: 115%;\">&nbsp;<\/p>\n<p style=\"line-height: 115%;\">UX \u2013 <i>User eXperience<\/i>. This is how an Internet user feels when visiting a website or using a product. The goal is to ensure the user finds the website or product user-friendly, intuitive, logical and fluid. Designing the user experience is imagining an experience that responds to their needs.<\/p>\n<p style=\"line-height: 115%;\">UI \u2013 <i>User Interface<\/i>. User interface refers to what the Internet user sees when using a website or product, allowing them to interact with it. For this purpose, interface design plays with the visual aspects of the website or product to render it more attractive and intuitive.<\/p>\n<p style=\"line-height: 115%;\">Let\u2019s take a look at some trends in the design world you can use to improve your eLearning content\u2019s user experience:<\/p>\n<p style=\"text-indent: -18.0pt; line-height: 115%; mso-list: l0 level1 lfo1;\"><!-- [if !supportLists]-->\u00b7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!--[endif]--><b>Reactive and adaptive webpages<\/b>: adaptability is essential when it comes to websites, the user must be able to seamlessly switch from one device to another.<\/p>\n<p style=\"text-indent: -18.0pt; line-height: 115%; mso-list: l0 level1 lfo1;\"><!-- [if !supportLists]-->\u00b7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!--[endif]--><b>Creation of convincing \u2018call to action\u2019 buttons<\/b>: guide the user by indicating what to read or watch first and which pages to refer to after each lesson. This will keep students active and engaged.<\/p>\n<p style=\"margin-bottom: 10.0pt; mso-add-space: auto; text-indent: -18.0pt; line-height: 115%; mso-list: l0 level1 lfo1;\"><!-- [if !supportLists]-->\u00b7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!--[endif]--><b>Minimalist desig<\/b><b>n<\/b>: keep webpages simple, balancing visual support with larger font text and negative space.<\/p>\n<p style=\"margin-bottom: 10.0pt; mso-add-space: auto; text-indent: -18.0pt; line-height: 115%; mso-list: l0 level1 lfo1;\"><!-- [if !supportLists]-->\u00b7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!--[endif]--><b>Pagination or infinite scrolling<\/b>: when choosing between these two types of display it\u2019s important to take into account your site\u2019s content and its goals. When content can be divided into sections, pagination is ideal as it allows students to refer to the information with ease.<\/p>\n<p style=\"margin-bottom: 10.0pt; mso-add-space: auto; text-indent: -18.0pt; line-height: 115%; mso-list: l0 level1 lfo1;\"><!-- [if !supportLists]-->\u00b7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!--[endif]--><b>Smart return tool<\/b>: these are useful for tracking user behaviour on a webpage by analyzing navigation (course, most visited pages, etc.) allowing you to determine ways to improve user experience.<\/p>\n<p style=\"margin-bottom: 10.0pt; mso-add-space: auto; text-indent: -18.0pt; line-height: 115%; mso-list: l0 level1 lfo1;\">&nbsp;<\/p>\n<p>Ultimately, adapting an <a href=\"https:\/\/eduperformance.com\/\">online course<\/a>\u2019s user experiences makes students want to learn and allows for lower dropout rates. Studies show that an eLearning course\u2019s quality is directly linked to its presentation and the experience it creates. When the student is placed at the heart of the process, there is an improvement that can be seen in their commitment levels. Now, it\u2019s up to you to implement some of these ideas in order to kickstart your eLearning UX \/ UI !<\/p>\n<p><!--EndFragment--><\/p>\n<p>Caroline Irrmann, web editor[\/vc_column_text][\/vc_column][\/mk_page_section][vc_row][vc_column][vc_column_text]\n<style>\n<!-- \/* Font Definitions *\/ @font-face {font-family:Wingdings; panose-1:5 0 0 0 0 0 0 0 0 0; mso-font-charset:2; mso-generic-font-family:decorative; mso-font-pitch:variable; mso-font-signature:0 268435456 0 0 -2147483648 0;} @font-face {font-family:\"Cambria Math\"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:3 0 0 0 1 0;} @font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-536859905 -1073732485 9 0 511 0;} \/* Style Definitions *\/ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:\"\"; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:\"Calibri\",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:\"Times New Roman\"; mso-bidi-theme-font:minor-bidi; mso-ansi-language:EN-CA; mso-fareast-language:EN-US;} a:link, span.MsoHyperlink {mso-style-priority:99; color:#0563C1; mso-themecolor:hyperlink; text-decoration:underline; text-underline:single;} a:visited, span.MsoHyperlinkFollowed {mso-style-noshow:yes; mso-style-priority:99; color:#954F72; mso-themecolor:followedhyperlink; text-decoration:underline; text-underline:single;} p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt; margin-bottom:.0001pt; mso-add-space:auto; mso-pagination:widow-orphan; font-size:12.0pt; font-family:\"Calibri\",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:\"Times New Roman\"; mso-bidi-theme-font:minor-bidi; mso-ansi-language:EN-CA; mso-fareast-language:EN-US;} p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt; margin-bottom:.0001pt; mso-add-space:auto; mso-pagination:widow-orphan; font-size:12.0pt; font-family:\"Calibri\",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:\"Times New Roman\"; mso-bidi-theme-font:minor-bidi; mso-ansi-language:EN-CA; mso-fareast-language:EN-US;} p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt; margin-bottom:.0001pt; mso-add-space:auto; mso-pagination:widow-orphan; font-size:12.0pt; font-family:\"Calibri\",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:\"Times New Roman\"; mso-bidi-theme-font:minor-bidi; mso-ansi-language:EN-CA; mso-fareast-language:EN-US;} p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt; margin-bottom:.0001pt; mso-add-space:auto; mso-pagination:widow-orphan; font-size:12.0pt; font-family:\"Calibri\",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:\"Times New Roman\"; mso-bidi-theme-font:minor-bidi; mso-ansi-language:EN-CA; mso-fareast-language:EN-US;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:11.0pt; mso-ansi-font-size:11.0pt; mso-bidi-font-size:11.0pt; font-family:\"Calibri\",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:\"Times New Roman\"; mso-bidi-theme-font:minor-bidi; mso-ansi-language:FR-CA; mso-fareast-language:EN-US;} .MsoPapDefault {mso-style-type:export-only; margin-bottom:8.0pt; line-height:107%;} @page WordSection1 {size:612.0pt 792.0pt; margin:70.85pt 70.85pt 70.85pt 70.85pt; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.WordSection1 {page:WordSection1;} \/* List Definitions *\/ @list l0 {mso-list-id:1902207433; mso-list-type:hybrid; mso-list-template-ids:1150190388 67698689 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;} @list l0:level1 {mso-level-number-format:bullet; mso-level-text:\uf0b7; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Symbol;} @list l0:level2 {mso-level-number-format:bullet; mso-level-text:o; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:\"Courier New\";} @list l0:level3 {mso-level-number-format:bullet; mso-level-text:\uf0a7; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Wingdings;} @list l0:level4 {mso-level-number-format:bullet; mso-level-text:\uf0b7; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Symbol;} @list l0:level5 {mso-level-number-format:bullet; mso-level-text:o; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:\"Courier New\";} @list l0:level6 {mso-level-number-format:bullet; mso-level-text:\uf0a7; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Wingdings;} @list l0:level7 {mso-level-number-format:bullet; mso-level-text:\uf0b7; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Symbol;} @list l0:level8 {mso-level-number-format:bullet; mso-level-text:o; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:\"Courier New\";} @list l0:level9 {mso-level-number-format:bullet; mso-level-text:\uf0a7; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Wingdings;} ol {margin-bottom:0cm;} ul {margin-bottom:0cm;} --><br \/><\/style>\n[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>As technology advances and Internet users become harder to keep up with, the user experience is becoming increasingly important when it comes to surfing the Web and even more so, when it comes to academics. Take eLearning, for example. It\u2019s not about abandoning content in favour of focusing solely on design, but rather finessing both essential aspects in order to present users with the best possible experience. Doing so will increase engagement and improve the learning experience. That in mind, what are some best practices when it comes to shaping the eLearning user experience?<\/p>\n","protected":false},"author":5,"featured_media":5668,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[141,50,177,80,82,179],"class_list":["post-5666","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-en","tag-article","tag-e-learning","tag-experience","tag-formation-en-ligne-en","tag-online-training","tag-user"],"acf":[],"_links":{"self":[{"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/posts\/5666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/comments?post=5666"}],"version-history":[{"count":21,"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/posts\/5666\/revisions"}],"predecessor-version":[{"id":5744,"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/posts\/5666\/revisions\/5744"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/media\/5668"}],"wp:attachment":[{"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/media?parent=5666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/categories?post=5666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eduperformance.com\/en\/wp-json\/wp\/v2\/tags?post=5666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}