{"id":2049,"date":"2019-06-11T14:41:55","date_gmt":"2019-06-11T14:41:55","guid":{"rendered":"http:\/\/localhost:10054\/?p=2049"},"modified":"2021-08-29T16:53:42","modified_gmt":"2021-08-29T16:53:42","slug":"the-psychology-behind-a-great-learning-ui","status":"publish","type":"post","link":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/","title":{"rendered":"The Psychology Behind a Great Learning UI"},"content":{"rendered":"\n

An effective eLearning course should always consider the learner first, and this is as true with the content as it is with the user interface. The course you\u2019re building may be informative and well written with engaging and insightful content, but if the user interface doesn\u2019t drive engagement, your audience won\u2019t want to learn. And indeed, they won\u2019t\u2014at least not as much as you\u2019d hoped. <\/p>\n\n\n\n

To understand how to get the learner to engage with the course in the most effective way possible, we need to understand the learner and how they learn best. And to do this, we need to apply a little bit of psychology. Since we all learn in different ways, and different technologies and subject matter demand different interactions between the user and the interface, there\u2019s no one single best way to design an eLearning experience. But by taking a psychological approach to how we design courses, we can maximize the effectiveness and reach of each digital learning experience we create.<\/p>\n\n\n\n

According to eLearning and the Science of Instruction<\/a><\/em> by professor and author Richard E. Mayer<\/a>\u2014perhaps the most definitive voice in the field of instructional science\u2014there are three principles to cognitive learning theory that apply to knowledge construction and how we learn. The first of these is how we process information, namely the dual channels of learning. Next, we have to address our limited capacity to process information. And then, we have active processing, or how we organize and apply the information we\u2019re learning, moving it from our short-term memory into our readily-accessible and actionable long-term memory.<\/p>\n\n\n\n

Let\u2019s take a look at each of these topics.<\/p>\n\n\n\n

The two channels of learning<\/h2>\n\n\n\n

This is probably familiar to most of you, though not necessarily by name. It essentially means that people process visual and verbal content separately. If you\u2019re designing an eLearning experience using only text and audio, or only pictures and video, you\u2019re missing half of the equation. In order to be effective, eLearning courses need to utilize both words and visuals. Though this may seem like common sense\u2014and a rudimentary concept for experienced professionals\u2014it\u2019s an important point to keep in mind as you design your course. Would a certain piece of content be best served using only text? An image? A video? An audio clip? In reality, you\u2019ll likely use a combination of two or more of these when presenting information to your audience, but this is a facet of design\u2014both instructional and user interface\u2014that must be considered for each component of a course.<\/p>\n\n\n\n

The brain\u2019s limited capacity for new information<\/h2>\n\n\n\n

The brain can only process so much information at one time, and this is true for each channel of learning. The key here is not to overload the learner with too much information. This means keeping the content you write, and the audio and visuals you use, relevant and impactful. <\/p>\n\n\n\n

In short, cut out the fluff. <\/p>\n\n\n\n

If something isn\u2019t relevant to the course and learning objectives, remove it. And yes, this means removing nice to know, but perhaps unnecessary, content, as well as the images you put in for the sole sake of making a course look nice. Each word and image should serve a purpose in the learning context. If it doesn\u2019t, cut it.<\/p>\n\n\n\n

So now that your course only contains relevant content, you need to consider whether the learner can easily understand that information. If the information is too complex, or organized in a way that\u2019s difficult for the learner to understand, your course will be ineffective. When designing a course, ask yourself: Will the learner understand this easily? Or could the information be presented in a simpler (or better) way? By asking yourself this as you design an eLearning course, you\u2019re helping to keep your content and design learner-focused, rather than letting the subject matter or technology dictate the learning experience.<\/p>\n\n\n\n

Related<\/h5>

How Technology Will Change Your Job<\/p><\/path><\/svg><\/a><\/div><\/p>\n\n\n\n

Engagement through active processing<\/h2>\n\n\n\n

Active processing\u2014achieved by keeping the learner engaged\u2014means making sure the content you\u2019re presenting is both relevant and organized in a logical way. The learner should be able to easily see how the information in the course fits with what they already know about the subject\u2014increasing their existing knowledge of the subject matter\u2014and how they can apply the new information in a useful way in the future. Essentially, the learning experience needs to be applicable to the learner and create value. If the learner can\u2019t see how they should apply the information they\u2019re learning in their life, such as in their job, they\u2019ll likely lose focus and interest in the topic, and even abandon the course all together.<\/p>\n\n\n\n

When focusing on keeping the learner engaged, from a user interface (UI) perspective, we need to consider several things. First, the content should be organized in the best way for the learner to understand the topics and connect related themes to one another. If there\u2019s too much information all in one block, it feels arduous. If there\u2019s too little, it feels scattered and difficult to tie together. The amount of information you allow the learner to access at any one time needs to be just the right amount. Similarly, the learner needs to be in control of the information they access so that they can learn at the appropriate speed for their own needs. The goal is to provide a learning experience that is smooth, easy to navigate and makes the learner feel comfortable so that they can focus on what their learning, rather than how to navigate the course.<\/p>\n\n\n\n

Great content + a great UI = effective learning<\/h2>\n\n\n\n

Though this is just a brief overview of some of the many psychological factors that go into designing a great UI experience, the main takeaway should be that your UI needs to be learner focused. You need to understand your audience, how they think, what they feel, and what motivates them in order to design a truly effective learning experience. How you design your course is as important to the learning process as the content you\u2019re presenting. Great content with a difficult to navigate UI that focuses more on showcasing innovative technology than the learner\u2019s needs is a waste of great content. And a great UI with content that\u2019s irrelevant, too complex, or that the learner doesn\u2019t know how to apply is a waste of a great UI design. Great content and a great UI are equally essential to an effective learning experience, but at the core of it all is the learner and their mind, which we\u2019re here to engage and enrich.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

An effective eLearning course should always consider the learner first, and this is as true with the content as it is with the user interface. The course you\u2019re building may be informative and well written with engaging and insightful content, but if the user interface doesn\u2019t drive engagement, your audience won\u2019t want to learn. And […]<\/p>\n","protected":false},"author":2,"featured_media":2050,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3869],"tags":[],"role":[],"class_list":["post-2049","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learning-experience-design"],"acf":[],"yoast_head":"\nThe Psychology Behind a Great Learning UI | Maestro<\/title>\n<meta name=\"description\" content=\"You always hear, \u201cDesign learning for people.\u201d Using a balance of auditory and visual design actually has a lot of psychology backing it up.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Psychology Behind a Great Learning UI | Maestro\" \/>\n<meta property=\"og:description\" content=\"You always hear, \u201cDesign learning for people.\u201d Using a balance of auditory and visual design actually has a lot of psychology backing it up.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Maestro\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MeetMaestro\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-11T14:41:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-29T16:53:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/maestrolearning.com\/wp-content\/uploads\/2019\/06\/The-Psychology-Behind-A-Great-Learning-UI-Web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1120\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Maestro\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TeamMaestro\" \/>\n<meta name=\"twitter:site\" content=\"@TeamMaestro\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maestro\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/\"},\"author\":{\"name\":\"Maestro\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#\\\/schema\\\/person\\\/e9052a44eea18f5b90a8704b20e287dc\"},\"headline\":\"The Psychology Behind a Great Learning UI\",\"datePublished\":\"2019-06-11T14:41:55+00:00\",\"dateModified\":\"2021-08-29T16:53:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/\"},\"wordCount\":1127,\"image\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/The-Psychology-Behind-A-Great-Learning-UI-Web.jpg\",\"articleSection\":[\"Learning-experience design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/\",\"url\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/\",\"name\":\"The Psychology Behind a Great Learning UI | Maestro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/The-Psychology-Behind-A-Great-Learning-UI-Web.jpg\",\"datePublished\":\"2019-06-11T14:41:55+00:00\",\"dateModified\":\"2021-08-29T16:53:42+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#\\\/schema\\\/person\\\/e9052a44eea18f5b90a8704b20e287dc\"},\"description\":\"You always hear, \u201cDesign learning for people.\u201d Using a balance of auditory and visual design actually has a lot of psychology backing it up.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/The-Psychology-Behind-A-Great-Learning-UI-Web.jpg\",\"contentUrl\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/The-Psychology-Behind-A-Great-Learning-UI-Web.jpg\",\"width\":1920,\"height\":1120,\"caption\":\"The Psychology Behind A Great Learning UI featured image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/the-psychology-behind-a-great-learning-ui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/maestrolearning.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Psychology Behind a Great Learning UI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#website\",\"url\":\"https:\\\/\\\/maestrolearning.com\\\/\",\"name\":\"Maestro\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/maestrolearning.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#\\\/schema\\\/person\\\/e9052a44eea18f5b90a8704b20e287dc\",\"name\":\"Maestro\",\"sameAs\":[\"http:\\\/\\\/maestrodev.wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Psychology Behind a Great Learning UI | Maestro","description":"You always hear, \u201cDesign learning for people.\u201d Using a balance of auditory and visual design actually has a lot of psychology backing it up.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/","og_locale":"en_US","og_type":"article","og_title":"The Psychology Behind a Great Learning UI | Maestro","og_description":"You always hear, \u201cDesign learning for people.\u201d Using a balance of auditory and visual design actually has a lot of psychology backing it up.","og_url":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/","og_site_name":"Maestro","article_publisher":"https:\/\/www.facebook.com\/MeetMaestro\/","article_published_time":"2019-06-11T14:41:55+00:00","article_modified_time":"2021-08-29T16:53:42+00:00","og_image":[{"width":1920,"height":1120,"url":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2019\/06\/The-Psychology-Behind-A-Great-Learning-UI-Web.jpg","type":"image\/jpeg"}],"author":"Maestro","twitter_card":"summary_large_image","twitter_creator":"@TeamMaestro","twitter_site":"@TeamMaestro","twitter_misc":{"Written by":"Maestro","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/#article","isPartOf":{"@id":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/"},"author":{"name":"Maestro","@id":"https:\/\/maestrolearning.com\/#\/schema\/person\/e9052a44eea18f5b90a8704b20e287dc"},"headline":"The Psychology Behind a Great Learning UI","datePublished":"2019-06-11T14:41:55+00:00","dateModified":"2021-08-29T16:53:42+00:00","mainEntityOfPage":{"@id":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/"},"wordCount":1127,"image":{"@id":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2019\/06\/The-Psychology-Behind-A-Great-Learning-UI-Web.jpg","articleSection":["Learning-experience design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/","url":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/","name":"The Psychology Behind a Great Learning UI | Maestro","isPartOf":{"@id":"https:\/\/maestrolearning.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/#primaryimage"},"image":{"@id":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2019\/06\/The-Psychology-Behind-A-Great-Learning-UI-Web.jpg","datePublished":"2019-06-11T14:41:55+00:00","dateModified":"2021-08-29T16:53:42+00:00","author":{"@id":"https:\/\/maestrolearning.com\/#\/schema\/person\/e9052a44eea18f5b90a8704b20e287dc"},"description":"You always hear, \u201cDesign learning for people.\u201d Using a balance of auditory and visual design actually has a lot of psychology backing it up.","breadcrumb":{"@id":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/#primaryimage","url":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2019\/06\/The-Psychology-Behind-A-Great-Learning-UI-Web.jpg","contentUrl":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2019\/06\/The-Psychology-Behind-A-Great-Learning-UI-Web.jpg","width":1920,"height":1120,"caption":"The Psychology Behind A Great Learning UI featured image"},{"@type":"BreadcrumbList","@id":"https:\/\/maestrolearning.com\/blogs\/the-psychology-behind-a-great-learning-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/maestrolearning.com\/"},{"@type":"ListItem","position":2,"name":"The Psychology Behind a Great Learning UI"}]},{"@type":"WebSite","@id":"https:\/\/maestrolearning.com\/#website","url":"https:\/\/maestrolearning.com\/","name":"Maestro","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/maestrolearning.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/maestrolearning.com\/#\/schema\/person\/e9052a44eea18f5b90a8704b20e287dc","name":"Maestro","sameAs":["http:\/\/maestrodev.wpengine.com"]}]}},"_links":{"self":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/posts\/2049","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/comments?post=2049"}],"version-history":[{"count":0,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/posts\/2049\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/media\/2050"}],"wp:attachment":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/media?parent=2049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/categories?post=2049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/tags?post=2049"},{"taxonomy":"role","embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/role?post=2049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}