{"id":5510,"date":"2020-09-22T12:53:25","date_gmt":"2020-09-22T12:53:25","guid":{"rendered":""},"modified":"2026-10-27T10:25:45","modified_gmt":"2026-10-27T10:25:45","slug":"dont-make-these-14-e-learning-navigation-mistakes","status":"publish","type":"post","link":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/","title":{"rendered":"Don&#8217;t Make These 14 E-Learning Navigation Mistakes"},"content":{"rendered":"<h2><strong>Don&#8217;t Make These 14 E-Learning Navigation Mistakes<\/strong><\/h2>\n<p>A key priority for your e-learning course should be to make it as user-friendly as possible. The navigational elements and structure of your e-learning course are key to achieving this goal.<\/p>\n<p>However, you shouldn\u2019t take navigation for granted by assuming it will be okay. There are too many mistakes and pitfalls to look out for, mistakes and pitfalls that will make your e-learning course harder rather than easier to use. Here are 14 of the most common.<\/p>\n<h3><strong>Mistake 1: Making Navigational Elements Hard to Find<\/strong><\/h3>\n<p>It defeats the purpose of having navigation if you make it hard for learners to find. In fact, the people completing your course shouldn\u2019t even have to think about the navigation. If you get it right, the navigational elements will be there and ready for them to use, without them having to look.<\/p>\n<h3><strong>Mistake 2: Not Having Back Buttons<\/strong><\/h3>\n<p>Back buttons let learners go over content again to refresh their memory. They also help when learners mistakenly move forward, and in situations where learners don\u2019t fully grasp an idea or concept the <a href=\"https:\/\/capytech.com\/blog\/flattening-the-forgetting-curve-with-engaging-content-and-spaced-repetition\/\" target=\"_blank\" rel=\"noopener noreferrer\">first time around<\/a>. So, they are an important usability feature. Make sure you include them.<\/p>\n<h3><strong>Mistake 3: Inconsistent Navigational Elements<\/strong><\/h3>\n<p>Inconsistent navigation causes confusion and can slow down progress as learners don\u2019t see what they expect to see. So, make sure things like the colours and shapes of navigational elements remain consistent. Using consistent words and instructions also helps.<\/p>\n<h3><strong>Mistake 4: Having Broken Links<\/strong><\/h3>\n<p>This mistake applies to both internal links within the e-learning course and external links.<\/p>\n<p>External links are particularly problematic as you may not have control over the external resource. If it becomes unavailable, you\u2019ll end up with a broken link. Therefore, use external links with care.<\/p>\n<h3><strong>Mistake 5: Prioritise Graphic Design Over Navigation and Usability<\/strong><\/h3>\n<p>Good design is essential in e-learning courses, but <a href=\"https:\/\/capytech.com\/blog\/essential-e-learning-design-best-practices-you-should-know\/\" target=\"_blank\" rel=\"noopener noreferrer\">design considerations<\/a> should never outweigh navigation. In other words, never make a decision for design reasons that results in a navigational element being hidden, removed, or altered. Instead, you need to strike the right balance between design and usability.<\/p>\n<h3><strong>Mistake 6: Using Unusual Navigational Elements<\/strong><\/h3>\n<p>Your navigational elements should not be boring, and they should never look outdated or out of place. However, you shouldn\u2019t go to the other extreme either, using unusual shapes and features that learners will not be familiar with.<\/p>\n<p>The better option is to stick to best practices for things like buttons and menus.<\/p>\n<h3><strong>Mistake 7: Sending Learners Down Dead Ends or Locking them into Content Loops<\/strong><\/h3>\n<p>Two things will help you avoid this mistake, proper planning at the outset (more on this in a moment), and testing. When testing, follow every possible link and path through the course to ensure the navigation always works and always sends learners where they need to go.<\/p>\n<h3><strong>Mistake 8: Moving Navigational Elements Around the Screen<\/strong><\/h3>\n<p>Moving navigational elements to different locations screen by screen will confuse the learner. As with other points on this list, consistency is the key here.<\/p>\n<h3><strong>Mistake 9: Using Unclear Instructions<\/strong><\/h3>\n<p>Make sure the instructions you include on buttons and other navigational elements are clear and concise. Don\u2019t be ambiguous or overly creative, opting for everyday language instead.<\/p>\n<h3><strong>Mistake 10: Trying Too Hard with the Design of Navigational Elements<\/strong><\/h3>\n<p>The navigational elements in your e-learning course should never become a distraction, and they should never get in the way of the content. So, avoid going overboard with the design.<\/p>\n<p>Keeping it simple, well-laid out, and intuitive is the best approach.<\/p>\n<h3><strong>Mistake 11: Not Planning the Navigation of Complex Courses in Advance<\/strong><\/h3>\n<p>Complex courses often have routes that are not linear and may even <a href=\"https:\/\/capytech.com\/blog\/tips-for-creating-fantastic-branching-scenarios-in-e-learning-modules\/\" target=\"_blank\" rel=\"noopener noreferrer\">vary from learner to learner<\/a>. Therefore, it\u2019s important the navigation is well mapped out at the start to ensure every learner, regardless of the route they take through the course, can complete it successfully and with minimal navigational disruption.<\/p>\n<h3><strong>Mistake 12: Using Navigational Elements that Are Unsuitable for Some Devices<\/strong><\/h3>\n<p>It\u2019s also important to think about the devices that your learners will use when completing the course.<\/p>\n<p>Modern e-learning courses are often responsive to ensure they work on all devices. Navigational elements can cause hiccups, however. An example is a navigational element that is easy to click on using a laptop but is hard to tap on using a finger on a phone.<\/p>\n<p>Therefore, make sure you consider navigation in relation to users\u2019 devices in addition to the users themselves.<\/p>\n<h3><strong>Mistake 13: Auto-Advancing from One Screen to Another<\/strong><\/h3>\n<p>Auto-advancing learners through an e-learning course does not help usability as auto-advancing dictates the pace of progress, makes it harder for learners to go back when they need to, and doesn\u2019t give learners flexibility.<\/p>\n<p>The better approach is to include all the necessary navigational elements in your e-learning course and then leaving the learner in control.<\/p>\n<h3><strong>Mistake 14: Not Including a Progress Indicator<\/strong><\/h3>\n<p>Progress indicators are a valuable usability tool for e-learning courses, so they are an important navigational element. They are particularly beneficial on long or complex e-learning courses. That said, progress indicators are helpful on any type of course.<\/p>\n<h3><strong>Optimising Navigation<\/strong><\/h3>\n<p>The best approach to optimising the navigation of your e-learning course is to properly plan it from the start. This includes everything, from the content structure to the words used on buttons to the design and positioning of navigational elements. By properly planning, you will be on the right track to making your e-learning course user friendly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Don&#8217;t Make These 14 E-Learning Navigation Mistakes A key priority for your e-learning course should be to make it as user-friendly as possible. The navigational elements and structure of your e-learning course are key to achieving this goal. However, you shouldn\u2019t take navigation for granted by assuming it will be okay. There are too many mistakes and pitfalls to look &#8230; <\/p>\n<div><a href=\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/\" class=\"more-link\">Read More<\/a><\/div>\n","protected":false},"author":2,"featured_media":5511,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-5510","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-e-learning"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.1 (Yoast SEO v24.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Don&#039;t Make These 14 E-Learning Navigation Mistakes - Capytech<\/title>\n<meta name=\"description\" content=\"A key priority for your e-learning course should be to make it as user-friendly as possible.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Don&#039;t Make These 14 E-Learning Navigation Mistakes - Capytech\" \/>\n<meta property=\"og:description\" content=\"A key priority for your e-learning course should be to make it as user-friendly as possible.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/\" \/>\n<meta property=\"og:site_name\" content=\"Capytech\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/capytech\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-22T12:53:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T10:25:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/capytech.com\/wp-content\/uploads\/2020\/09\/Untitled-design-1-scaled-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Damian Hehir\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Damian Hehir\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/\"},\"author\":{\"name\":\"Damian Hehir\",\"@id\":\"https:\/\/capytech.com\/en\/#\/schema\/person\/4a5c5ccacc6b007a4a1b0de419c7322c\"},\"headline\":\"Don&#8217;t Make These 14 E-Learning Navigation Mistakes\",\"datePublished\":\"2020-09-22T12:53:25+00:00\",\"dateModified\":\"2026-10-27T10:25:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/\"},\"wordCount\":907,\"publisher\":{\"@id\":\"https:\/\/capytech.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2020\/09\/Untitled-design-1-scaled-1.jpg\",\"articleSection\":[\"e-learning\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/\",\"url\":\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/\",\"name\":\"Don't Make These 14 E-Learning Navigation Mistakes - Capytech\",\"isPartOf\":{\"@id\":\"https:\/\/capytech.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2020\/09\/Untitled-design-1-scaled-1.jpg\",\"datePublished\":\"2020-09-22T12:53:25+00:00\",\"dateModified\":\"2026-10-27T10:25:45+00:00\",\"description\":\"A key priority for your e-learning course should be to make it as user-friendly as possible.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/#primaryimage\",\"url\":\"https:\/\/capytech.com\/wp-content\/uploads\/2020\/09\/Untitled-design-1-scaled-1.jpg\",\"contentUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2020\/09\/Untitled-design-1-scaled-1.jpg\",\"width\":2560,\"height\":1536,\"caption\":\"Untitled design 1 scaled 1\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/capytech.com\/en\/#website\",\"url\":\"https:\/\/capytech.com\/en\/\",\"name\":\"Capytech\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/capytech.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/capytech.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/capytech.com\/en\/#organization\",\"name\":\"Capytech\",\"url\":\"https:\/\/capytech.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png\",\"contentUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png\",\"width\":2443,\"height\":629,\"caption\":\"Capytech\"},\"image\":{\"@id\":\"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/capytech\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/capytech.com\/en\/#\/schema\/person\/4a5c5ccacc6b007a4a1b0de419c7322c\",\"name\":\"Damian Hehir\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capytech.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b1ff3e20e4b1b043b0fc529a77f374b4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b1ff3e20e4b1b043b0fc529a77f374b4?s=96&d=mm&r=g\",\"caption\":\"Damian Hehir\"},\"url\":\"https:\/\/capytech.com\/en\/blog\/author\/damian-hehir\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Don't Make These 14 E-Learning Navigation Mistakes - Capytech","description":"A key priority for your e-learning course should be to make it as user-friendly as possible.","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:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/","og_locale":"en_US","og_type":"article","og_title":"Don't Make These 14 E-Learning Navigation Mistakes - Capytech","og_description":"A key priority for your e-learning course should be to make it as user-friendly as possible.","og_url":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/","og_site_name":"Capytech","article_publisher":"https:\/\/www.facebook.com\/capytech","article_published_time":"2020-09-22T12:53:25+00:00","article_modified_time":"2026-10-27T10:25:45+00:00","og_image":[{"width":2560,"height":1536,"url":"https:\/\/capytech.com\/wp-content\/uploads\/2020\/09\/Untitled-design-1-scaled-1.jpg","type":"image\/jpeg"}],"author":"Damian Hehir","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Damian Hehir","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/#article","isPartOf":{"@id":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/"},"author":{"name":"Damian Hehir","@id":"https:\/\/capytech.com\/en\/#\/schema\/person\/4a5c5ccacc6b007a4a1b0de419c7322c"},"headline":"Don&#8217;t Make These 14 E-Learning Navigation Mistakes","datePublished":"2020-09-22T12:53:25+00:00","dateModified":"2026-10-27T10:25:45+00:00","mainEntityOfPage":{"@id":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/"},"wordCount":907,"publisher":{"@id":"https:\/\/capytech.com\/en\/#organization"},"image":{"@id":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/#primaryimage"},"thumbnailUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2020\/09\/Untitled-design-1-scaled-1.jpg","articleSection":["e-learning"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/","url":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/","name":"Don't Make These 14 E-Learning Navigation Mistakes - Capytech","isPartOf":{"@id":"https:\/\/capytech.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/#primaryimage"},"image":{"@id":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/#primaryimage"},"thumbnailUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2020\/09\/Untitled-design-1-scaled-1.jpg","datePublished":"2020-09-22T12:53:25+00:00","dateModified":"2026-10-27T10:25:45+00:00","description":"A key priority for your e-learning course should be to make it as user-friendly as possible.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capytech.com\/en\/blog\/dont-make-these-14-e-learning-navigation-mistakes\/#primaryimage","url":"https:\/\/capytech.com\/wp-content\/uploads\/2020\/09\/Untitled-design-1-scaled-1.jpg","contentUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2020\/09\/Untitled-design-1-scaled-1.jpg","width":2560,"height":1536,"caption":"Untitled design 1 scaled 1"},{"@type":"WebSite","@id":"https:\/\/capytech.com\/en\/#website","url":"https:\/\/capytech.com\/en\/","name":"Capytech","description":"","publisher":{"@id":"https:\/\/capytech.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/capytech.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/capytech.com\/en\/#organization","name":"Capytech","url":"https:\/\/capytech.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png","contentUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png","width":2443,"height":629,"caption":"Capytech"},"image":{"@id":"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/capytech"]},{"@type":"Person","@id":"https:\/\/capytech.com\/en\/#\/schema\/person\/4a5c5ccacc6b007a4a1b0de419c7322c","name":"Damian Hehir","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capytech.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b1ff3e20e4b1b043b0fc529a77f374b4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b1ff3e20e4b1b043b0fc529a77f374b4?s=96&d=mm&r=g","caption":"Damian Hehir"},"url":"https:\/\/capytech.com\/en\/blog\/author\/damian-hehir\/"}]}},"_links":{"self":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/posts\/5510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/comments?post=5510"}],"version-history":[{"count":5,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/posts\/5510\/revisions"}],"predecessor-version":[{"id":65461,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/posts\/5510\/revisions\/65461"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/media\/5511"}],"wp:attachment":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/media?parent=5510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/categories?post=5510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/tags?post=5510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}