{"id":10163,"date":"2026-07-21T01:29:09","date_gmt":"2026-07-20T23:29:09","guid":{"rendered":"https:\/\/www.englishexpert.de\/wp\/?page_id=10163"},"modified":"2026-07-22T01:31:53","modified_gmt":"2026-07-21T23:31:53","slug":"instructional-design","status":"publish","type":"page","link":"https:\/\/www.englishexpert.de\/wp\/instructional-design\/","title":{"rendered":"Instructional Design Theory"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n<style>\n:root {\n  --bg: #f3f6fb;\n  --panel: #ffffff;\n  --panel-soft: #f8fafc;\n  --accent: #5c7fb3;\n  --accent2: #7b8fb3;\n  --accent3: #b07d5b;\n  --accent4: #6ca67a;\n  --text: #0f172a;\n  --muted: #475569;\n  --border: #dbe3ef;\n\n  \/* NEW: per-category accent colours *\/\n  --cat-cognitive: #5c7fb3;\n  --cat-process: #6f8fb5;\n  --cat-principles: #7a8fae;\n  --cat-social: #6b9bab;\n  --cat-motivation: #b07d5b;\n  --cat-assessment: #6ca67a;\n}\n\n* { box-sizing: border-box; }\n\nbody {\n  margin: 0;\n  font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif;\n  background:\n    radial-gradient(circle at top left, rgba(92,127,179,0.08), transparent 35%),\n    radial-gradient(circle at top right, rgba(123,143,179,0.07), transparent 30%),\n    linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);\n  color: var(--text);\n  line-height: 1.6;\n}\n\n.page {\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 28px 18px 44px;\n  padding-top: 0;\n}\n\nheader {\n  margin-bottom: 20px;\n  text-align: center;\n  background: rgba(255,255,255,0.72);\n  backdrop-filter: blur(8px);\n  border: 1px solid var(--border);\n  border-radius: 22px;\n  padding: 22px 18px;\n  box-shadow: 0 12px 30px rgba(15,23,42,0.06);\n}\n\nheader h1 {\n  font-size: 2rem;\n  letter-spacing: 0.01em;\n  margin: 0 0 8px;\n  color: #0f172a;\n}\n\nheader p {\n  max-width: 820px;\n  margin: 0 auto;\n  color: var(--muted);\n  font-size: 0.96rem;\n}\n\n.tagline {\n  margin-top: 10px;\n  font-size: 0.82rem;\n  color: var(--accent);\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  font-weight: 700;\n}\n\n.tab-bar {\n  display: grid !important;\n  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  gap: 14px !important;\n  margin: 22px 0 20px !important;\n  padding: 0 !important;\n  background: transparent !important;\n  border: none !important;\n}\n\n.tab {\n  position: relative !important;\n  display: block !important;\n  width: 100% !important;\n  min-height: 76px !important;\n  padding: 15px 16px 16px 20px !important;\n  text-align: left !important;\n  border-radius: 18px !important;\n  border: 1px solid #d8e1ee !important;\n  border-left: 5px solid var(--accent) !important;\n  cursor: pointer !important;\n  background: linear-gradient(180deg, #fafdff, #eef4fb) !important;\n  color: #5c7fb3 !important;\n  box-shadow: 0 10px 24px rgba(15,23,42,0.05) !important;\n  transition: transform 0.18s ease, box-shadow 0.22s ease, background 0.2s ease, border-color 0.2s ease !important;\n  overflow: hidden !important;\n}\n\n\/* NEW: per-category accent colour on the left border *\/\n.tab.cognitive  { border-left-color: var(--cat-cognitive) !important; }\n.tab.process    { border-left-color: var(--cat-process) !important; }\n.tab.principles { border-left-color: var(--cat-principles) !important; }\n.tab.social     { border-left-color: var(--cat-social) !important; }\n.tab.motivation { border-left-color: var(--cat-motivation) !important; }\n.tab.assessment { border-left-color: var(--cat-assessment) !important; }\n\n.tab:hover {\n  transform: translateY(-2px) !important;\n  box-shadow: 0 14px 30px rgba(15,23,42,0.08) !important;\n  border-color: #c6d8f0 !important;\n  background: linear-gradient(180deg, #ffffff, #edf3fb) !important;\n}\n\n.tab:hover.cognitive  { border-left-color: var(--cat-cognitive) !important; }\n.tab:hover.process    { border-left-color: var(--cat-process) !important; }\n.tab:hover.principles { border-left-color: var(--cat-principles) !important; }\n.tab:hover.social     { border-left-color: var(--cat-social) !important; }\n.tab:hover.motivation { border-left-color: var(--cat-motivation) !important; }\n.tab:hover.assessment { border-left-color: var(--cat-assessment) !important; }\n\n.tab.active {\n  background: linear-gradient(135deg, #8aa7c9, #6f8fb5) !important;\n  border-color: #7e9cbc !important;\n  border-left-color: #ffffff !important;\n  color: #0f172a !important;\n  box-shadow: 0 14px 30px rgba(111,143,181,0.16) !important;\n}\n\n\/* NEW: active state adapts to whichever category is selected *\/\n.tab.active.cognitive  { background: linear-gradient(135deg, var(--cat-cognitive), #4a6a99) !important; }\n.tab.active.process    { background: linear-gradient(135deg, var(--cat-process), #5a7599) !important; }\n.tab.active.principles { background: linear-gradient(135deg, var(--cat-principles), #5f6f8c) !important; }\n.tab.active.social     { background: linear-gradient(135deg, var(--cat-social), #4f7f8f) !important; }\n.tab.active.motivation { background: linear-gradient(135deg, var(--cat-motivation), #91633f) !important; }\n.tab.active.assessment { background: linear-gradient(135deg, var(--cat-assessment), #4f8a5e) !important; }\n.tab.active { color: #ffffff !important; }\n.tab.active .title, .tab.active .sub { color: #ffffff !important; }\n\n.tab::after {\n  content: \"\" !important;\n  position: absolute !important;\n  left: 16px !important;\n  right: 16px !important;\n  bottom: 0 !important;\n  height: 3px !important;\n  border-radius: 999px !important;\n  background: linear-gradient(90deg, #a8bed7, #8aa7c9) !important;\n  transform: scaleX(0.22) !important;\n  transform-origin: left center !important;\n  opacity: 0.75 !important;\n  transition: transform 0.22s ease, opacity 0.22s ease !important;\n}\n\n.tab.active::after {\n  transform: scaleX(1) !important;\n  background: rgba(255,255,255,0.7) !important;\n  opacity: 1 !important;\n}\n\n.tab .title {\n  display: block !important;\n  font-size: 1rem !important;\n  font-weight: 800 !important;\n  line-height: 1.15 !important;\n  letter-spacing: 0.01em !important;\n  color: inherit !important;\n}\n\n.tab .sub {\n  display: block !important;\n  margin-top: 4px !important;\n  font-size: 0.78rem !important;\n  line-height: 1.2 !important;\n  color: inherit !important;\n  opacity: 0.82 !important;\n  white-space: normal !important;\n}\n\n.tab.active .title,\n.tab.active .sub {\n  color: #ffffff !important;\n  opacity: 1 !important;\n}\n\n@media (max-width: 980px) {\n  .tab-bar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }\n}\n\n@media (max-width: 640px) {\n  .tab-bar { grid-template-columns: 1fr !important; }\n  .tab { min-height: 66px !important; padding: 14px 14px 15px 18px !important; }\n}\n\n.panel {\n  display: none;\n  margin-top: 4px;\n  background: var(--panel);\n  border-radius: 22px;\n  border: 1px solid var(--border);\n  padding: 18px 18px 20px;\n  box-shadow: 0 14px 34px rgba(15,23,42,0.08);\n}\n\n.panel.active {\n  display: block;\n  animation: fadeIn 0.22s ease-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(4px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.panel-header { margin-bottom: 10px; }\n.panel-title { font-size: 1.2rem; letter-spacing: 0.01em; color: #0f172a; }\n.summary { font-size: 0.95rem; color: var(--muted); margin-bottom: 10px; }\n\n.section-title {\n  font-size: 0.82rem;\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n  color: var(--accent);\n  margin: 12px 0 10px;\n  font-weight: 800;\n}\n\n.theory-button-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 14px;\n}\n\n.theory-btn {\n  border: 1px solid var(--border);\n  border-radius: 14px;\n  padding: 11px 15px;\n  font-size: 0.92rem;\n  font-weight: 700;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: #0f172a;\n  background: linear-gradient(180deg, #ffffff, #f8fafc);\n  box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n  transition: transform 0.08s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n}\n\n.theory-btn span.dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 999px;\n  background: #6f8fb5;\n}\n\n.theory-btn.blue { border-top: 3px solid #8aa7c9; }\n.theory-btn.green { border-top: 3px solid #6ca67a; }\n.theory-btn.orange { border-top: 3px solid #c08b6b; }\n.theory-btn.purple { border-top: 3px solid #9a86c7; }\n.theory-btn.gray { border-top: 3px solid #8391a3; }\n\n.theory-btn:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 12px 24px rgba(15,23,42,0.10);\n  border-color: #bfdbfe;\n}\n\n.theory-btn.active {\n  background: linear-gradient(135deg, #dbe7f4, #c9d8ea);\n  box-shadow: 0 12px 24px rgba(126,156,188,0.16);\n  border-color: #aebfd2;\n}\n\n.theory-block {\n  display: none;\n  margin-top: 10px;\n  padding-top: 12px;\n  border-top: 1px solid var(--border);\n}\n\n.theory-block.active { display: block; }\n\n.theory-header-line {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n.theory-name { font-size: 1.08rem; font-weight: 800; letter-spacing: 0.01em; }\n.theory-meta { font-size: 0.82rem; color: var(--muted); text-align: right; }\n\n.principle-card {\n  margin-top: 8px;\n  padding: 16px 18px;\n  border-radius: 18px;\n  background: linear-gradient(180deg, #ffffff, #f8fafc);\n  border: 1px solid var(--border);\n}\n\n.principle-title {\n  font-size: 0.84rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n  color: var(--accent);\n  margin-bottom: 8px;\n}\n\n.principle-list { font-size: 0.95rem; color: #0f172a; }\n.principle-list ul { margin: 6px 0 0; padding-left: 24px; }\n.principle-list li { margin-bottom: 8px; }\n.principle-list li strong { color: #1d4ed8; font-weight: 800; }\n.principle-list strong { color: #1d4ed8 !important; }\n\n.language-box {\n  margin-top: 12px;\n  padding: 12px 14px;\n  border-radius: 18px;\n  background: #eff6ff;\n  border: 1px solid #bfdbfe;\n  font-size: 0.94rem;\n}\n\n.language-box strong { color: #1d4ed8; }\n.language-box ul { margin: 6px 0 0; padding-left: 24px; }\n.language-box li { margin-bottom: 5px; }\n\n.source-note {\n  margin-top: 8px;\n  font-size: 0.8rem;\n  color: #64748b;\n  font-style: italic;\n}\n\nfooter {\n  margin-top: 24px;\n  text-align: center;\n  font-size: 0.8rem;\n  color: var(--muted);\n}\n\n@media (max-width: 768px) {\n  .page {\n    padding: 10px 8px 32px !important;\n  }\n\n  .panel {\n    padding: 12px 10px 14px !important;\n  }\n\n  .theory-block {\n    text-align: left !important;\n  }\n\n  .theory-header-line {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .theory-meta {\n    text-align: left !important;\n  }\n\n  .principle-card {\n    padding: 8px 8px !important;\n    margin-top: 6px !important;\n  }\n\n  .principle-list,\n  .principle-list p,\n  .principle-list li,\n  .language-box,\n  .language-box li,\n  .source-note,\n  .summary,\n  .panel-title,\n  .section-title {\n    text-align: left !important;\n  }\n\n  .principle-list ul,\n  .language-box ul {\n    margin: 4px 0 0 !important;\n    padding-left: 18px !important;\n  }\n\n  .principle-list li {\n    margin-bottom: 4px !important;\n  }\n\n  .language-box {\n    padding: 8px 8px !important;\n  }\n}\n<\/style>\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Instructional &#038; Learning Theories for Language E-Learning<\/title>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<\/head>\n<body>\n    <!-- Category tabs -->\n    <nav class=\"tab-bar\">\n          <button class=\"tab\" data-target=\"cognitive-multimedia\">\n        <span class=\"title\">Cognitive &#038; Multimedia<\/span>\n        <span class=\"sub\">Cognitive Load, Mayer, UX, Metacognition&#8230;<\/span>\n      <\/button>\n      <button class=\"tab active\" data-target=\"process-models\">\n        <span class=\"title\">Process Models<\/span>\n        <span class=\"sub\">ADDIE, SAM, Backward Design, Agile&#8230;<\/span>\n      <\/button>\n      <button class=\"tab\" data-target=\"classic-principles\">\n        <span class=\"title\">Instructional Principles<\/span>\n        <span class=\"sub\">Bloom, Gagn\u00e9, Merrill, Biggs, ELT, Dewey&#8230;<\/span>\n      <\/button>\n      <button class=\"tab\" data-target=\"sociocultural\">\n        <span class=\"title\">Sociocultural \/ Constructivist<\/span>\n        <span class=\"sub\">Piaget, Bruner, Vygotsky, Bandura, CoP&#8230;<\/span>\n      <\/button>\n      <button class=\"tab\" data-target=\"motivation\">\n        <span class=\"title\">Motivation &#038; Affect<\/span>\n        <span class=\"sub\">ARCS, SDT, Expectancy-Value Theory, Flow Theory&#8230;<\/span>\n      <\/button>\n      <button class=\"tab\" data-target=\"assessment-eval\">\n        <span class=\"title\">Assessment &#038; Evaluation<\/span>\n        <span class=\"sub\">Formative vs Summative, Performance-Based Assessment, Kirkpatrick&#8230;<\/span>\n      <\/button>\n    <\/nav>\n\n    <!-- PROCESS MODELS -->\n    <section id=\"process-models\" class=\"panel active\">\n      <div class=\"panel-header\">\n        <h2 class=\"panel-title\">Instructional Design Process Models<\/h2>\n        <p class=\"summary\">\n          System-level models that structure analysis, design, development, implementation,\n          and evaluation of instruction.\n        <\/p>\n      <\/div>\n\n      <div class=\"section-title\">Theories in this category<\/div>\n      <div class=\"theory-button-row\">\n        <button class=\"theory-btn blue active\" data-target=\"addie\">\n          <span class=\"dot\"><\/span> ADDIE\n        <\/button>\n        <button class=\"theory-btn orange\" data-target=\"sam\">\n          <span class=\"dot\"><\/span> SAM\n        <\/button>\n        <button class=\"theory-btn orange\" data-target=\"backward\">\n          <span class=\"dot\"><\/span> Backward Design\n        <\/button>\n                <button class=\"theory-btn orange\" data-target=\"agile\">\n          <span class=\"dot\"><\/span> Agile \/ Rapid Prototyping\n        <\/button>\n      <\/div>\n\n      <!-- ADDIE -->\n<div id=\"addie\" class=\"theory-block active\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">ADDIE Model<\/div>\n    <div class=\"theory-meta\">Florida State University, 1975<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Analysis<\/strong> \u2013 identify the language need, learner profile, current proficiency level, target CEFR band, communication context, and practical constraints such as time, technology, and workplace demands. This stage helps you understand what learners actually need to do in the target language before any content is created.<\/li>\n        <li><strong>Design<\/strong> \u2013 plan the learning outcomes, communicative tasks, assessment methods, content order, teaching strategies, and media choices. In language training, this is where you decide whether learners need to practise emails, meetings, presentations, customer interactions, or other real-world language tasks.<\/li>\n        <li><strong>Development<\/strong> \u2013 create the actual learning materials, including lessons, audio, videos, roleplays, worksheets, quizzes, item banks, and digital activities. The focus is on turning the design blueprint into usable resources that support speaking, listening, reading, and writing practice.<\/li>\n        <li><strong>Implementation<\/strong> \u2013 deliver the course to learners, prepare facilitators, set up the platform or classroom, and support participation during the learning process. For language training, this often means combining self-paced study with live practice sessions, feedback, and guided interaction.<\/li>\n        <li><strong>Evaluation<\/strong> \u2013 check how well the course worked through formative and summative evaluation, learner feedback, performance data, and observation. In language training, this stage is used to judge whether learners improved in accuracy, fluency, confidence, and workplace communication, then revise the course accordingly.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use Analysis to map learner needs to CEFR levels, job roles, and communication situations, so the course reflects real language demands rather than abstract grammar coverage.<\/li>\n      <li>In Design, build tasks around authentic workplace communication, such as emails, meetings, negotiations, phone calls, and presentations, and align them with clear performance outcomes.<\/li>\n      <li>During Development, create reusable resources such as model dialogues, listening extracts, scenario-based tasks, and feedback banks that can be adapted across levels and contexts.<\/li>\n      <li>Plan Implementation as a blended experience when possible, combining self-paced modules, teacher-led discussion, pair work, and speaking practice to strengthen active language use.<\/li>\n      <li>Apply Evaluation to refine task difficulty, scaffolding, feedback, and pacing so the course continues to meet learner needs and workplace expectations.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main lineage: instructional systems design (ISD), originally developed for structured training contexts and now widely used in education and digital learning design.\n  <\/div>\n<\/div>\n\n      <!-- SAM -->\n<div id=\"sam\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">SAM (Successive Approximation Model)<\/div>\n    <div class=\"theory-meta\">Theorist: Michael Allen, Leaving ADDIE for SAM, 2012<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Preparation<\/strong> \u2013 gather key background information, learner needs, constraints, and performance goals quickly so the team can start building early. Unlike ADDIE\u2019s longer analysis phase, SAM aims to move into design decisions without waiting for a complete plan to be finalised.<\/li>\n        <li><strong>Iterative design<\/strong> \u2013 create rough prototypes, test them with stakeholders, and improve them through repeated short cycles. The emphasis is on fast feedback, collaboration, and refinement rather than waiting until the end to review the full course.<\/li>\n        <li><strong>Iterative development<\/strong> \u2013 build learning materials in stages, test them with learners, and revise them continuously until the solution is ready. SAM often produces alpha, beta, and final versions, so improvement happens throughout the process instead of after launch.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use SAM when you need to build and test language micro-modules quickly, especially when the target level, task format, or learner needs may still change.<\/li>\n      <li>Pilot short speaking, listening, or writing tasks early so you can adjust CEFR level, task difficulty, vocabulary load, and scaffolding before scaling the course.<\/li>\n      <li>Use rapid learner feedback to refine model dialogues, feedback prompts, and workplace scenarios so the material stays authentic and practical.<\/li>\n      <li>SAM is especially useful for language training that needs frequent updates, such as customer service, product launches, or changing workplace communication needs.<\/li>\n      <li>Compared with ADDIE, SAM is less formal and less sequential, but it is often better when speed, flexibility, and ongoing revision matter more than detailed upfront planning.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: Michael Allen, \u201cSuccessive Approximation Model\u201d. Compared with ADDIE, SAM is more iterative and prototype-driven, while ADDIE is more structured and phase-based.\n  <\/div>\n<\/div>\n<!-- Backward Design -->\n<div id=\"backward\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Backward Design (Understanding by Design UbD)<\/div>\n    <div class=\"theory-meta\">Theorists: Grant Wiggins &#038; Jay McTighe. 1998<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n      <li> Start at the end and work backwards: identify desired results (the performance goals you want learners to reach) \u2192 Determine acceptable evidence \u2192 Plan learning experiences\n        <li><strong>Identify desired results<\/strong> \u2013 begin by clarifying the big ideas, enduring understandings, and performance goals you want learners to reach. Instead of starting with activities or materials, backward design starts with the final learning outcome and works back from there.<\/li>\n        <li><strong>Determine acceptable evidence<\/strong> \u2013 decide what counts as proof of learning and choose assessments that show real understanding. In this model, performance tasks, projects, and authentic demonstrations are more important than simple recall because they reveal whether learners can apply what they know.<\/li>\n        <li><strong>Plan learning experiences<\/strong> \u2013 design lessons, practice tasks, and materials that directly support the target outcomes and assessment evidence. The learning sequence should prepare learners step by step for the final performance rather than simply covering content in order.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Start from real communicative performances, such as negotiating deadlines, writing professional emails, leading meetings, or responding to customer problems in English.<\/li>\n      <li>Design the assessment first, then choose the grammar, vocabulary, texts, and practice activities that help learners succeed in that task.<\/li>\n      <li>Use authentic workplace scenarios so learners practise the same language functions they will need outside the classroom.<\/li>\n      <li>Focus on transfer, not just knowledge, so learners can use language effectively in new situations, with new partners, and under new communicative demands.<\/li>\n      <li>Plan lessons so that each activity builds toward the final performance task, giving learners the input, support, and repetition they need to complete it successfully.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorists: Wiggins &#038; McTighe, <em>Understanding by Design<\/em>. Backward design begins with the desired outcome, then works backward to assessments and learning experiences.\n  <\/div>\n<\/div>\n\n<!-- Agile \/ Rapid Prototyping ID -->\n<div id=\"agile\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Agile \/ Rapid Prototyping ID<\/div>\n    <div class=\"theory-meta\">Tripp &amp; Bichelmeyer \u00b7 1990<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>Agile instructional design<\/strong> adapts software development ideas\u2014such as iterative sprints, customer collaboration, and working prototypes\u2014to learning design. Instead of waiting to finish a full course before testing it, the team builds small usable pieces early, gets feedback quickly, and keeps improving the solution throughout the project.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Iterative sprints<\/strong> \u2013 work in short cycles that produce small, usable learning increments rather than long planning documents.<\/li>\n        <li><strong>Working prototypes<\/strong> \u2013 test real module pieces early so learners and stakeholders can react to something concrete.<\/li>\n        <li><strong>Continuous collaboration<\/strong> \u2013 keep SMEs, clients, and stakeholders involved throughout development instead of only at the beginning and end.<\/li>\n        <li><strong>Prioritised backlog<\/strong> \u2013 update learning tasks and features continuously so the most important content gets built first.<\/li>\n        <li><strong>Responsive change<\/strong> \u2013 adjust scope, sequence, and design decisions as new learner data and feedback appear.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Why it matters<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li>Sprints produce shippable learning increments, not just documentation.<\/li>\n        <li>Early learner feedback shapes later versions of the course.<\/li>\n        <li>Continuous collaboration reduces the risk of building the wrong solution.<\/li>\n        <li>It is especially useful when needs are changing or when the final design is not fully clear at the start.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use rapid cycles to pilot language micro-modules, then refine them based on learner performance and feedback.<\/li>\n      <li>Test short speaking, listening, reading, or writing tasks early to check CEFR level, task difficulty, and scaffolding.<\/li>\n      <li>Keep SMEs and stakeholders involved so communicative goals, vocabulary choices, and workplace scenarios stay relevant.<\/li>\n      <li>Use learner data from early releases to improve later modules, especially when training needs shift across roles or departments.<\/li>\n      <li>Agile ID helps language teams avoid spending months building a full course before discovering whether the tasks actually work.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorists: Tripp &amp; Bichelmeyer. Agile \/ rapid prototyping ID uses short iterative cycles, working prototypes, and continuous stakeholder feedback to improve instructional design.\n  <\/div>\n<\/div>\n    \n    <\/section>\n\n    <!-- CLASSIC PRINCIPLES -->\n    <section id=\"classic-principles\" class=\"panel\">\n      <div class=\"panel-header\">\n        <h2 class=\"panel-title\">Classic Instructional Principles &#038; Events<\/h2>\n        <p class=\"summary\">\n          Principles and event-based frameworks that shape how instruction is structured\n          at the lesson or module level.\n        <\/p>\n      <\/div>\n\n      <div class=\"section-title\">Theories in this category<\/div>\n      <div class=\"theory-button-row\">\n              <button class=\"theory-btn blue active\" data-target=\"bloom\">\n          <span class=\"dot\"><\/span> Bloom (Revised)\n        <\/button>\n        <button class=\"theory-btn orange\" data-target=\"gagne\">\n          <span class=\"dot\"><\/span> Gagn\u00e9\n        <\/button>\n        <button class=\"theory-btn orange\" data-target=\"merrill\">\n          <span class=\"dot\"><\/span> Merrill\n        <\/button>\n                <button class=\"theory-btn orange\" data-target=\"biggs\">\n          <span class=\"dot\"><\/span> Biggs\n          <button class=\"theory-btn orange\" data-target=\"elt\">\n    <span class=\"dot\"><\/span> ELT Methodology\n  <\/button>\n          <button class=\"theory-btn orange\" data-target=\"dewey\">\n    <span class=\"dot\"><\/span> Dewey\n  <\/button>\n  <button class=\"theory-btn orange\" data-target=\"maslow\">\n    <span class=\"dot\"><\/span> Maslow\n  <\/button>\n  <button class=\"theory-btn orange\" data-target=\"dornyei\">\n    <span class=\"dot\"><\/span> D\u00f6rnyei\n  <\/button>\n  <button class=\"theory-btn orange\" data-target=\"gardner\">\n    <span class=\"dot\"><\/span> Gardner\n  <\/button>\n    <button class=\"theory-btn orange\" data-target=\"behaviourism\">\n    <span class=\"dot\"><\/span> Behaviourism\n  <\/button>\n    <button class=\"theory-btn orange\" data-target=\"andragogy\">\n    <span class=\"dot\"><\/span> Andragogy\n  <\/button>\n   <button class=\"theory-btn orange\" data-target=\"generative\">\n    <span class=\"dot\"><\/span> Generative Grammar\n  <\/button>\n      <\/div>\n      \n      <!-- Bloom -->\n      <div id=\"bloom\" class=\"theory-block active\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Bloom\u2019s Taxonomy (Revised)<\/div>\n          <div class=\"theory-meta\">Theorists: Benjamin Bloom, 1956; revised by Anderson &#038; Krathwohl. 2001<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n    <div class=\"principle-title\">Intro<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>Bloom&#8217;s original taxonomy<\/strong> ordered six cognitive levels: <strong>Knowledge, Comprehension, Application, Analysis, Synthesis, and Evaluation.<\/strong> Lower levels (Knowledge, Comprehension) involve recall and understanding; higher levels (Analysis, Synthesis, Evaluation) require critical and creative thinking.\n      <\/p>\n    <\/div>\n  <\/div><div class=\"principle-card\">\n          <div class=\"principle-title\">Revised Taxonomy<\/div>\n          <div class=\"principle-list\">\n            <ul>\n              <li><strong>Remember<\/strong> involves retrieving knowledge from memory, which includes recognising and recalling information without having previously been shown it. In vocabulary training, learners are often shown a word in the target language and must recall its meaning. Remember-level activities confirm good memory storage, but are very limited<\/li>\n              <li><strong>Understand<\/strong> involves constructing meaning. Learners interpret, summarise, infer, compare.Learners must process and represent in a new form. In a listening exercise, learners summarise what a speaker really means beyond literal words. Design activities where learners must articulate their interpretation and summarise in their own words.<\/li>\n              <li><strong>Apply<\/strong> involves carrying out a procedure in a given situation or using knowledge in a context different from where it was learned. The shift from Understand to Apply is often where e-learning fails. Design Apply tasks with deliberate transfer: same skill, new topic, new register, or new interlocutor. Variation forces application rather than pattern matching<\/li>\n              <li><strong>Analyse<\/strong> involves breaking material into its component parts, determining how the parts relate to each other and to the overall structure or purpose. For example, if Learners receive two cover letters and must analyse lexical choices. It is important to use authentic sources rather than manufactured examples<\/li>\n              <li><strong>Evaluate<\/strong> involves making judgements through checking and critiquing based on criteria and standards. After a presentation, each learner completes a structured critique using a standard rubric, and are able to justify their feedback<\/li>\n              <li><strong>Create<\/strong> is the apex of Bloom&#8217;s revised taxonomy, and involves putting assemble elements into new coherent whole. For example, learners design and record a 3 minute podcast explaining an assigned topic. Create tasks in language training are most powerful when they have a genuine audience and purpose beyond the classroom. Use project-based or task-based learning where learners produce an authentic artefact for a real audience<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Write language outcomes that range from recall of forms to creative discourse.<\/li>\n            <li>Include analysis and evaluation of language use, not just reproduction.<\/li>\n            <li>Higher-order skills require lower-level knowledge as prerequisites<\/li>\n            <li>Mix levels within a module to cater to diverse learning goals<\/li>\n             <li>Avoid overloading objectives at the &#8220;Understand&#8221; level alone<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorists: Bloom; Anderson &#038; Krathwohl (revised taxonomy).\n        <\/div>\n      <\/div>\n\n\n      <!-- Gagn\u00e9 -->\n      <div id=\"gagne\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Gagn\u00e9\u2019s Nine Events of Instruction<\/div>\n          <div class=\"theory-meta\">Theorist: Robert Gagn\u00e9, Principles of Instructional Design, 1974, 4th edition, Gagn\u00e9, Briggs, and Wager (1992)<\/div>\n        <\/div>\n\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n            In The Principles of Instructional Design, <strong>Robert Gagn\u00e9<\/strong> describes learning as a combination internal and external events. In other words, the executive processes of the brain combined with external instructional events. He characterises short-term memory (STM) as being limited in both duration and capacity. He puts forward the idea that this can only be extended through what he calls \u201cinternal rehearsal.\u201d In his book, he lists the internal executive processes:<\/li>\n            <ul>\n   <li>Reception of stimuli by receptors<\/li>\n    <li>Registration of information by sensory registers<\/li>\n   <li>Selective perception for storage in short-term memory (STM)<\/li>\n    <li>Rehearsal to maintain information in STM<\/li>\n   <li>Semantic encoding for storage in long-term memory (LTM)<\/li>\n  <li>Retrieval from LTM to working memory<\/li>\n  <li>Response generation to effectors<\/li>\n   <li>Performance in the learner\u2019s environment<\/li>\n   <li>Control of processes through executive strategies<\/li>\n    <\/ul>\n   <br>\nHe goes on to argue that instruction is best understood as a deliberately organised sequence of external events intended to support these internal learning processes. This idea underpins his Nine Events of Instruction:\n<ul>\n              <li><strong>Gain attention<\/strong> \u2013 Research shows attention is the gateway to learning. If learners are not engaged in the first 30 seconds, retention drops dramatically. Gagn\u00e8 argued this must be intentional, not accidental. Open with a provocative question or a striking statistic, or use a short video clip showing a real-world problem. Present a culturally surprising or counter-intuitive scenario. Another strategy could be to include an interactive poll or quick challenge. Begin a communication module by playing a clip of a negotiation going badly wrong, and then ask learners to spot the moment trust broke down.<\/li>\n              <li><strong>Inform learners of objectives<\/strong> \u2013 Learners need to know what&#8217;s expected of them before instruction begins. Clearly stated objectives create a mental framework (schema) that helps learners organise incoming information and understand what success looks like. In language courses, tie objectives to authentic communicative tasks: ordering in a restaurant, conducting an interview, resolving a complaint call. Learners engage far more when the outcome feels real and personally useful. Tie objectives to real-world tasks learners actually perform.<\/li>\n              <li><strong>Stimulate recall<\/strong> \u2013 New learning is built on existing knowledge. Activating prior knowledge creates hooks in long-term memory where new information can attach. Without this bridge, learners must work much harder to make sense of new content. For language training, retrieval practice works best when embedded in context. Ask learners to use previously learned vocabulary or grammar in a new situation rather than isolated recall tests.<\/li>\n              <li><strong>Present the stimulus<\/strong> \u2013 This is the core instructional event where new knowledge, concepts, or procedures are introduced in context. Gagn\u00e8 emphasised that content must be logically sequenced, appropriately chunked to respect working memory limits, and presented through multiple modalities. Break content into lessons of 5\u20137 key points maximum. Combine narration with supporting visuals (not identical text) in multimedia. Apply the worked example effect for procedural content and sequence from simple to complex, concrete to abstract. Use learner-paced navigation with clear signposting<\/li>\n              <li><strong>Provide guidance<\/strong> \u2013 Guidance helps learners process and encode content by providing structure, examples, analogies, mnemonics, and worked demonstrations. Gagn\u00e8 distinguished this from content presentation, defining guidance as the bridge between receiving information and being able to use it. In language training, &#8216;noticing&#8217; is a powerful guidance strategy, drawing learners&#8217; attention to specific features of authentic language input (intonation pattern, politeness marker, hedging expression) before asking them to produce similar output.<\/li>\n              <li><strong>Elicit performance<\/strong> \u2013 Learning requires doing. This event prompts learners to actually perform the skill or apply the knowledge, not just observe it. Practice encodes new learning into procedural or long-term memory through active retrieval and production. It is a good idea to implement scenario based simulations requiring realistic decision. Make sure that tasks are sequenced: easy \u2192 medium \u2192 complex application, starting with drag-and -drop, sorting or ordering before role play exercises with branching options. Avoid fill-in-the-blank exercises for higher-order communication skills.\n              <li><strong>Provide feedback<\/strong> \u2013 Feedback confirms correct performance and corrects errors before they become entrenched habits. Gagn\u00e8 specified that effective feedback must be informative, going beyond basic correct\/incorrect feedback, explaining why a response was right or wrong and how to improve. This needs to be embedded into the learning platform, so that it can deliver feedback for right and wrong answers. Without feedback, learners cannot self-correct, and errors become ingrained. <\/li>\n              <li><strong>Assess performance<\/strong> \u2013 Assessment verifies that learners have achieved the stated objectives. Unlike practice (Event 6), assessment is evaluative  as it measures competence without feedback or scaffolding. Gagn\u00e8 argued assessment must match the objective in both content and performance conditions. Assessment that does not match objectives creates misleading learner data. It is important to use multiple assessment points, not just a final exam.<\/li>\n              <li><strong>Enhance retention &#038; transfer<\/strong> \u2013 The final event ensures that learning moves from short-term working memory into long-term memory, and that learners can apply it beyond the course context. Gagn\u00e8 advocated spaced practice, varied application, and real-world transfer activities. Without deliberate retention strategies, 70% of learning is forgotten within 24 hours (Ebbinghaus Forgetting Curve). Transfer is the ultimate goal of all training, and if skills reach the workplace, organisational value is created. The single most powerful retention strategy for language is authentic use outside the course.<\/li>\n                  <\/ul>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Open units with realistic prompts (emails, calls, micro\u2011scenarios).<\/li>\n            <li>State communicative goals (e.g. handling B2\u2011level complaints).<\/li>\n            <li>Recycle language before new input; design controlled and freer practice.<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"source-note\">\n          Main theorist: Robert Gagn\u00e9, \u201cConditions of Learning\u201d.\n        <\/div>\n      <\/div>\n\n<!-- Merrill -->\n<div id=\"merrill\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Merrill\u2019s First Principles of Instruction<\/div>\n    <div class=\"theory-meta\">Theorist: M. David Merrill, 2002<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Intro<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>Merrill\u2019s First Principles of Instruction<\/strong> are a research-based framework for designing effective learning around real-world tasks. The model shows that learners learn best when instruction activates prior knowledge, demonstrates new content, supports practice, and helps them transfer learning into their own context. There are very strong similarities between Merrill&#8217;s principles and the Present, Practice and Produce (PPP) methodology in English Language Training. \n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Problem-centred<\/strong> \u2013 instruction organised around meaningful real-world tasks.<\/li>\n        <li><strong>Activation<\/strong> \u2013 learners activate prior knowledge and experience.<\/li>\n        <li><strong>Demonstration<\/strong> \u2013 examples and models show how to perform the task.<\/li>\n        <li><strong>Application<\/strong> \u2013 learners practice the task with guidance.<\/li>\n        <li><strong>Integration<\/strong> \u2013 learners apply new skills in their own contexts and reflect.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Design modules around communicative problems (complaints, negotiations, presentations).<\/li>\n      <li>Use activation prompts, model dialogues, and guided practice tasks.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: M. David Merrill. First Principles of Instruction emphasise task-centred learning, prior knowledge activation, demonstration, application, and integration.\n  <\/div>\n<\/div>\n\n<!-- Biggs -->\n<div id=\"biggs\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Biggs&#8217; Constructive Alignment<\/div>\n    <div class=\"theory-meta\">John Biggs \u00b7 1996<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>Constructive alignment<\/strong> rests on two connected ideas: <strong>constructivism<\/strong> (learners build meaning through active engagement) and <strong>alignment<\/strong> (objectives, teaching, and assessment must fit together). Misalignment, where one thing is taught, another is assessed, and something else is stated as the objective, is one of the most common design flaws. Biggs also developed the SOLO taxonomy to describe the quality and depth of understanding that objectives and assessments should aim for.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Key principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Aligned objectives<\/strong> \u2013 learning outcomes should clearly show what learners are expected to understand, perform, or produce.<\/li>\n        <li><strong>Aligned teaching<\/strong> \u2013 classroom activities, practice tasks, and materials should directly prepare learners for the intended outcomes.<\/li>\n        <li><strong>Aligned assessment<\/strong> \u2013 assessment should measure the same knowledge, skills, or performances described in the objectives.<\/li>\n        <li><strong>Coherent system<\/strong> \u2013 objectives, teaching, and assessment should support each other rather than work in separate directions.<\/li>\n        <li><strong>SOLO taxonomy<\/strong> \u2013 levels of understanding can help shape objectives and assessments at the right cognitive depth, from simple to complex.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">SOLO taxonomy<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Pre-structural<\/strong> \u2013 the learner misses the point and gives irrelevant or very limited answers.<\/li>\n        <li><strong>Uni-structural<\/strong> \u2013 the learner focuses on one relevant idea, but the response is still basic and narrow.<\/li>\n        <li><strong>Multi-structural<\/strong> \u2013 the learner includes several relevant ideas, but they are listed separately rather than connected.<\/li>\n        <li><strong>Relational<\/strong> \u2013 the learner links the ideas together into a coherent whole and shows deeper understanding.<\/li>\n        <li><strong>Extended abstract<\/strong> \u2013 the learner generalises the idea, transfers it to new contexts, and thinks at a higher level of abstraction.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Why it matters<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li>Misalignment is one of the most frequent and expensive problems in instructional design.<\/li>\n        <li>If a goal cannot be assessed directly, it probably should not be the main focus of the course.<\/li>\n        <li>Alignment checks should be completed before content development starts.<\/li>\n        <li>Strong alignment makes learning more transparent for learners and easier to evaluate for teachers and designers.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Write language outcomes that match the real communication tasks learners need, such as writing emails, taking part in meetings, or handling phone calls.<\/li>\n      <li>Make sure practice tasks prepare learners for the same type of performance they will be assessed on.<\/li>\n      <li>Use the SOLO taxonomy to write outcomes that move from simple recall to deeper explanation, transfer, and communication.<\/li>\n      <li>Avoid teaching grammar, vocabulary, and skills that do not appear in the assessment.<\/li>\n      <li>Check alignment early so the course remains focused, efficient, and relevant to workplace language use.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: John Biggs. Constructive alignment ensures that learning objectives, teaching activities, and assessment tasks all work together as one coherent system.\n  <\/div>\n<\/div>\n\n<!-- ELT Methodology -->\n<div id=\"elt\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">ELT Methodology: PPP<\/div>\n    <div class=\"theory-meta\">Presentation- Practice- Production \/ Engage-Study-Activate<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>ELT methodology<\/strong> often moves from tightly guided input to freer language use. In <strong>Present &#8211; Practice &#8211; Produce (PPP)<\/strong>, the teacher presents the target language, guides learners through controlled practice, and then asks them to produce the language more independently. ESA follows a similar logic but is more flexible: learners first engage with the topic, then study the language, and finally activate it in a freer communicative task.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Learning process<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Notice<\/strong> \u2013 learners are exposed to the target language in context and begin to identify meaning, form, and use.<\/li>\n        <li><strong>Practise<\/strong> \u2013 learners work through guided, controlled tasks that help them handle the target language accurately.<\/li>\n        <li><strong>Use<\/strong> \u2013 learners move into freer production where they apply the language more independently and communicatively.<\/li>\n        <li><strong>Scaffolding fades<\/strong> \u2013 support is gradually reduced so learners take more responsibility for language production.<\/li>\n        <li><strong>Independent output<\/strong> \u2013 learners eventually use the target language in a more open, realistic task.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">PPP lesson flow<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Presentation<\/strong> \u2013 the target language is introduced in context through a text, dialogue, video, or example.<\/li>\n        <li><strong>Practice<\/strong> \u2013 learners complete controlled activities such as multiple choice questions, matching, gap-fills, categorising, or true\/false tasks.<\/li>\n        <li><strong>Production<\/strong> \u2013 learners use the language more freely in speaking or writing tasks with less teacher control.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Lesson phases and task types<\/div>\n    <div class=\"principle-list\">\n      <ul>\n      <strong>Extended PPP<\/strong><br>\n        <li><strong>Warm-up<\/strong> \u2013 set the topic, activate prior knowledge, and introduce the lesson goals using pictures, questions, quizzes, or vocabulary tasks.<\/li>\n        <li><strong>Acquisition<\/strong> \u2013 present comprehensible input through texts, audio, video, or example sentences, with attention to the target language.<\/li>\n        <li><strong>Guided Application<\/strong> \u2013 provide highly scaffolded tasks with clear answers and strong support, such as matching, ordering, categorising, multiple choice, true\/false or gap fills.<\/li>\n        <li><strong>Independent Application<\/strong> \u2013 reduce support and let learners make more choices with tasks such as sentence transformation, sentence building, sentence completion, short writing, discussion, or role-play.<\/li>\n        <li><strong>Activation<\/strong> \u2013 move into open tasks such as writing, role plays, presentations, simulations, storytelling, reports, or AI-supported conversations.<\/li>\n        <li><strong>Feedback<\/strong> \u2013 give delayed or immediate feedback on learner performance and highlight useful language, errors, and improvement points.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use PPP when learners need clear progression from input to controlled practice to freer use of new language.<\/li>\n      <li>Use ESA when you want a more flexible lesson shape that still leads learners from engagement to study and then communicative activation.<\/li>\n      <li>Extended PPP is very common in digital self-paced lessons where trainer guidance is limited.<\/li>\n      <li>Consider using other ELT methodolgies in the classroom like Test-Teach-Test, Task-Based Learning, Project-Based Teaching, etc.<\/li>\n      <li>Include both closed and open tasks so learners first notice the target language and then use it in realistic communication.<\/li>\n      <li>Make sure scaffolding decreases gradually, especially between guided practice and independent production.<\/li>\n      <li>Use feedback to compare what learners said with what they could have said, so they notice gaps and improve next time.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main lineage: PPP and ESA are common ELT lesson frameworks. PPP moves from presentation to controlled practice to freer production, while ESA moves from engagement to study to activation.\n  <\/div>\n<\/div>\n\n<!-- Dewey -->\n<div id=\"dewey\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">John Dewey\u2019s Experiential Learning<\/div>\n    <div class=\"theory-meta\">John Dewey, Experience and Education, 1938<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>Dewey<\/strong> argued that learning should grow out of experience, reflection, and problem solving. Knowledge becomes more meaningful when learners actively connect new ideas to real situations rather than receiving information passively.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Key principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Experience<\/strong> \u2013 learning begins with meaningful activity and interaction with the world.<\/li>\n        <li><strong>Reflection<\/strong> \u2013 learners think about what they did, what happened, and why it mattered.<\/li>\n        <li><strong>Problem solving<\/strong> \u2013 tasks should involve authentic problems rather than isolated facts.<\/li>\n        <li><strong>Continuity<\/strong> \u2013 each learning experience should build on previous experience.<\/li>\n        <li><strong>Social learning<\/strong> \u2013 learning is strengthened through communication and collaboration with others.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use authentic communicative tasks such as roleplays, discussions, and workplace scenarios.<\/li>\n      <li>Build in reflection so learners think about how language is used and how they can improve.<\/li>\n      <li>Design lessons that connect directly to learners\u2019 real speaking, listening, reading, and writing needs.<\/li>\n      <li>Encourage collaboration so learners practise language in meaningful social interaction.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: John Dewey. His work emphasises experience, reflection, and learning through real-life problem solving.\n  <\/div>\n<\/div>\n\n<!-- Maslow -->\n<div id=\"maslow\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Maslow\u2019s Hierarchy of Needs<\/div>\n    <div class=\"theory-meta\">Abraham Maslow \u00b7 1943<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>Maslow<\/strong> proposed that human motivation is shaped by a <strong>hierarchy of needs<\/strong>, ranging from basic survival needs to higher-level goals such as self-esteem and self-actualisation. In learning, this means motivation and engagement are influenced by whether learners feel safe, supported, and valued.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Key principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Physiological needs<\/strong> \u2013 basic comfort and well-being must be in place before deeper learning can happen.<\/li>\n        <li><strong>Safety needs<\/strong> \u2013 learners need a secure environment where they are not afraid of embarrassment or failure.<\/li>\n        <li><strong>Belonging<\/strong> \u2013 people learn better when they feel included and connected to others.<\/li>\n        <li><strong>Esteem<\/strong> \u2013 confidence, recognition, and a sense of competence support motivation.<\/li>\n        <li><strong>Self-actualisation<\/strong> \u2013 learners are more engaged when learning supports personal growth and meaningful goals.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Create a supportive classroom culture where learners feel safe speaking and making mistakes.<\/li>\n      <li>Use encouragement and positive feedback to build confidence and willingness to participate.<\/li>\n      <li>Design activities that promote group connection and reduce anxiety in language use.<\/li>\n      <li>Link language learning to learners\u2019 personal and professional goals so it feels worthwhile and relevant.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: Abraham Maslow. His hierarchy highlights the role of safety, belonging, esteem, and self-fulfilment in motivation.\n  <\/div>\n<\/div>\n\n<!-- D\u00f6rnyei -->\n<div id=\"dornyei\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">D\u00f6rnyei\u2019s L2 Motivational Self System<\/div>\n    <div class=\"theory-meta\">Zolt\u00e1n D\u00f6rnyei \u00b7 2005 onward<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>D\u00f6rnyei\u2019s model explains language learning motivation<\/strong> through the learner\u2019s future self-image, current learning experience, and sense of desire or obligation to learn. It is especially useful in language education because it connects motivation to identity, goals, and imagined use of the target language.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Key principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Ideal L2 self<\/strong> \u2013 the learner\u2019s vision of the person they want to become in the target language.<\/li>\n        <li><strong>Ought-to L2 self<\/strong> \u2013 the learner\u2019s sense of obligation, expectations, or external pressure to learn.<\/li>\n        <li><strong>L2 learning experience<\/strong> \u2013 motivation is shaped by the quality of the learning process itself.<\/li>\n        <li><strong>Future orientation<\/strong> \u2013 learners stay more motivated when they can picture a meaningful future use of the language.<\/li>\n        <li><strong>Identity and emotion<\/strong> \u2013 language learning is tied to how learners see themselves and how they feel while learning.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Help learners imagine realistic future uses of English or another target language.<\/li>\n      <li>Use goal-setting tasks that connect the course to work, study, or travel ambitions.<\/li>\n      <li>Build positive learning experiences so motivation grows from success, progress, and confidence.<\/li>\n      <li>Support learners\u2019 identity as capable language users, not just test takers.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: Zolt\u00e1n D\u00f6rnyei. His motivation theory links language learning to future self-images, obligations, and the learning experience itself.\n  <\/div>\n<\/div>\n\n<!-- Gardner -->\n<div id=\"gardner\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Gardner\u2019s Multiple Intelligences<\/div>\n    <div class=\"theory-meta\">Howard Gardner \u00b7 1983<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>Gardner<\/strong> proposed that intelligence is not a single ability but a set of different capacities that people may develop in different ways. In education, this encourages teachers to vary how learners access material, practise skills, and show understanding.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Key principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Linguistic intelligence<\/strong> \u2013 sensitivity to words, meaning, and language use.<\/li>\n        <li><strong>Logical-mathematical intelligence<\/strong> \u2013 reasoning, pattern recognition, and problem solving.<\/li>\n        <li><strong>Spatial intelligence<\/strong> \u2013 thinking in images, layout, and visual relationships.<\/li>\n        <li><strong>Bodily-kinaesthetic intelligence<\/strong> \u2013 learning through movement and physical activity.<\/li>\n        <li><strong>Interpersonal and intrapersonal intelligence<\/strong> \u2013 understanding other people and understanding oneself.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use a variety of task types so learners can work with language through speaking, writing, visuals, and interaction.<\/li>\n      <li>Include pair work, visual support, movement-based tasks, and reflection activities to engage different strengths.<\/li>\n      <li>Design language lessons that go beyond text and grammar to include collaboration, creativity, and problem solving.<\/li>\n      <li>Allow learners different ways to demonstrate understanding, such as presentations, projects, dialogues, or written tasks.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: Howard Gardner. His theory suggests that learners may show different strengths across multiple intelligences, so instruction should be varied and inclusive.\n  <\/div>\n<\/div>\n<!-- Behaviourism -->\n<div id=\"behaviourism\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Behaviourism<\/div>\n    <div class=\"theory-meta\">Pavlov 1897\/1927; Watson 1913; Skinner 1938<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>Behaviourism<\/strong> explains learning as a change in observable behaviour shaped by stimulus, response, repetition, and reinforcement. In language learning, it treats language as a set of habits that can be built through imitation, drilling, correction, and practice.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Key principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Stimulus\u2013response<\/strong> \u2013 learners respond to prompts, models, or cues in a predictable way.<\/li>\n        <li><strong>Repetition<\/strong> \u2013 repeated practice helps form automatic language habits.<\/li>\n        <li><strong>Reinforcement<\/strong> \u2013 correct answers and successful responses are strengthened through praise, feedback, or reward.<\/li>\n        <li><strong>Imitation<\/strong> \u2013 learners copy accurate language models before producing language independently.<\/li>\n        <li><strong>Error correction<\/strong> \u2013 mistakes are treated as habits that should be corrected quickly.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use drills, substitution exercises, choral repetition, and controlled practice to build accuracy.<\/li>\n      <li>Provide immediate feedback so correct forms are reinforced early.<\/li>\n      <li>Use behaviourist ideas especially for pronunciation, sentence patterns, and beginner-level accuracy work.<\/li>\n      <li>Keep tasks highly structured when learners need to automate vocabulary or grammar forms.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorists: Watson, Pavlov, and Skinner. Behaviourism treats language learning as habit formation through reinforcement, repetition, and imitation.\n  <\/div>\n<\/div>\n\n<!-- Andragogy -->\n<div id=\"andragogy\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Andragogy<\/div>\n    <div class=\"theory-meta\">Malcolm Knowles, adult learning theory, 1970<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        Andragogy explains how adults learn differently from children. It emphasises self-direction, experience, relevance, problem solving, and immediate application, because adult learners usually want to understand why something matters and how they can use it right away.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Key principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Self-direction<\/strong> \u2013 adults prefer to have some control over how they learn.<\/li>\n        <li><strong>Experience<\/strong> \u2013 adult learners bring rich prior knowledge that should be used in learning.<\/li>\n        <li><strong>Readiness<\/strong> \u2013 adults learn best when content fits current roles, goals, or problems.<\/li>\n        <li><strong>Relevance<\/strong> \u2013 learning should feel practical and immediately useful.<\/li>\n        <li><strong>Problem-centred learning<\/strong> \u2013 adults are more motivated by real tasks than by abstract information alone.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Link language learning to work tasks, professional goals, and everyday communication needs.<\/li>\n      <li>Use learners\u2019 own experience as a resource for discussion, examples, and reflection.<\/li>\n      <li>Offer choices in tasks, pace, and topic where possible to support autonomy.<\/li>\n      <li>Focus on practical communication tasks such as meetings, emails, negotiations, and presentations.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: Malcolm Knowles. Andragogy focuses on adult learners as self-directed, experienced, and goal-oriented people.\n  <\/div>\n<\/div>\n<!-- Generative Grammar -->\n<div id=\"generative\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Generative Grammar<\/div>\n    <div class=\"theory-meta\">Noam Chomsky, Syntactic Structures, 1957<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>Generative grammar<\/strong> explains language as a rule-based system that allows speakers to produce and understand an unlimited number of new sentences. Rather than memorising fixed phrases, learners internalise patterns and structures that let them create language creatively and accurately.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Key principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Rule system<\/strong> \u2013 language is organised by underlying grammatical rules.<\/li>\n        <li><strong>Creativity<\/strong> \u2013 speakers can generate sentences they have never heard before.<\/li>\n        <li><strong>Universal Grammar<\/strong> \u2013 humans are thought to share an innate capacity for language structure.<\/li>\n        <li><strong>Deep and surface structure<\/strong> \u2013 meaning and sentence form are connected but not identical.<\/li>\n        <li><strong>Competence<\/strong> \u2013 the theory focuses on the internal knowledge of language, not just observable performance.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Teach grammar as a system of patterns rather than isolated rules.<\/li>\n      <li>Help learners notice how sentence structure changes meaning and word order.<\/li>\n      <li>Use transformation tasks, sentence-building activities, and pattern practice to build structural awareness.<\/li>\n      <li>Support learners in moving from controlled manipulation to their own sentence creation.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: Noam Chomsky. Generative grammar views language as a creative, rule-governed system grounded in underlying grammatical structure.\n  <\/div>\n<\/div>\n    <\/section>\n\n    <!-- COGNITIVE & MULTIMEDIA -->\n    <section id=\"cognitive-multimedia\" class=\"panel\">\n      <div class=\"panel-header\">\n        <h2 class=\"panel-title\">Cognitive &#038; Multimedia Learning Theories<\/h2>\n        <p class=\"summary\">\n          Theories focusing on information processing, cognitive load, and multimedia design.\n        <\/p>\n      <\/div>\n\n      <div class=\"section-title\">Theories in this category<\/div>\n      <div class=\"theory-button-row\">\n        <button class=\"theory-btn blue active\" data-target=\"clt\">\n          <span class=\"dot\"><\/span> Cognitive Load\n        <\/button>\n        <button class=\"theory-btn orange\" data-target=\"mayer\">\n          <span class=\"dot\"><\/span> Mayer Multimedia\n        <\/button>\n                <button class=\"theory-btn orange\" data-target=\"ux\">\n          <span class=\"dot\"><\/span> UX &#038; Usability\n        <\/button>\n                        <button class=\"theory-btn orange\" data-target=\"udl\">\n          <span class=\"dot\"><\/span> Universal Design for Learning (UDL)\n        <\/button>\n        <button class=\"theory-btn orange\" data-target=\"oer\">\n          <span class=\"dot\"><\/span> Open Educational Resources (OER)\n        <\/button>\n          <button class=\"theory-btn orange\" data-target=\"meta\">\n          <span class=\"dot\"><\/span> Metacognition\n        <\/button>\n                  <button class=\"theory-btn orange\" data-target=\"dual\">\n          <span class=\"dot\"><\/span> Dual Coding Theory\n        <\/button>\n                          <button class=\"theory-btn orange\" data-target=\"spaced\">\n          <span class=\"dot\"><\/span> Spaced &#038; Retrieval Practice\n        <\/button>\n      <\/div>\n\n      \n<!-- CLT -->\n<div id=\"clt\" class=\"theory-block active\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Cognitive Load Theory<\/div>\n    <div class=\"theory-meta\">Theorists: \tSweller, 1988; Sweller &#038; Cooper, 1985; Kalyuga, 2003<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Working memory, long\u2011term memory &#038; schemas<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li>\n          <strong>CLT<\/strong> explains <strong>why learners get overwhelmed<\/strong> and gives designers the tools to prevent it. Essential for building effective digital learning.\n        <\/li>\n        <li>\n          <strong>Working memory<\/strong>, the bottleneck of all learning, can handle only a small amount of new information at once, and it is easily overloaded. It deals with incoming information that we receive from our sensory apparatus. In order to retain things in your working memory, you need to engage in a process of rehearsal otherwise they will be forgotten. This is achieved in self-pace e-learning with interactive activities. When too many things happen on screen or in a task, learning slows down or stops.\n        <\/li>\n        <li>\n          <strong>Long\u2011term memory<\/strong> stores knowledge as <em>schemas<\/em> \u2013 organised patterns that bundle many elements into one unit.\n          When a schema is well\u2011developed, using it places little or no burden on working memory. Information can either be retrieved or encoded.\n        <\/li>\n        <li>\n          <strong>Learning<\/strong> happens when new information in working memory is successfully encoded into long\u2011term memory\n          and connected with existing schemas. Good instructional design therefore protects working memory and supports schema building.\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card cognitive-box\">\n    <div class=\"principle-title\">Intrinsic Load<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li>\n          <strong>Intrinsic load<\/strong> \u2013 the complexity inherent in the material and task. Specifically, the number of elements that must be simultaneously considered because they interact with each other. It is determined by two factors: the nature of the materials itself (element interactivity) and the learner&#8217;s prior knowledge of the material. When elements need to be understood in relation to each other, and not in isolation, the need to be held in working memory. This is high is high element interactivity.\n          <br>\n          <strong>High element interactivity + low prior knowledge = high intrinsic load<\/strong>\n          <br>\n          In language e\u2011learning: some grammar (e.g. conditionals, aspect) and discourse skills (e.g. negotiation) are inherently complex. For example, understanding a conditional sentence (If you had called, I would have come to the party) requires holding the tense, the condition, the result, and their logical relationship simultaneously. Intrinsic load is the essential cognitive work of learning. The goal is not to eliminate it, but to sequence instruction so that learners build the prerequisite schemas before encountering highly interactive content.\n          You can\u2019t remove that complexity, but you can manage it by:\n          <ul>\n            <li><strong>Sequencing:<\/strong> Breaking complex structures into smaller <strong>sub\u2011skills\/sub-goals<\/strong> (form, use, typical contexts) taught step by step.<\/li>\n            <li><strong>Isolating elements:<\/strong> Before integrated practice, isolate component elements. For example, teach prerequisite vocabulary before introducing complex grammar structures that depend on it. Never expose novice learners to full complexity before the sub-schemas exist.<\/li>\n            <li><strong>Simple before complex:<\/strong> Starting with simple examples and gradually increasing complexity of texts and tasks.<\/li>\n            <li><strong>Calibrate starting point:<\/strong> Matching task difficulty to learners\u2019 <strong>CEFR level<\/strong> so they are challenged, but not overwhelmed.<\/li>\n          <\/ul>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card cognitive-box\">\n    <div class=\"principle-title\">Extraneous load<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li>\n          <strong>Extraneous load<\/strong> is the working memory cost imposed by the instructional format itself, not by the content. It is the mental effort caused by poor design layout, split attention effects, irrelevant information, unclear or confusing organisation and unnecessary decorative elements. Unlike intrinsic load (which reflects content complexity), extraneous load does not contribute to learning, as it only depletes our working memory resources unnecessarily. Every design choice that forces learners to search, integrate or process information that isn&#8217;t directly relevant to the learning goal creates extraneous load. Classic sources include:\n          <br>\n          <strong>Split attention effect:<\/strong> when related information is presented in different locations which requires mental integration.<br>\n          <strong>Redundancy effect:<\/strong> when the same information in multiple formats consuming multiple mental channels unnecessarily.<br>\n          <strong>Coherence violations:<\/strong> when interesting but irrelevant information activates competing schemas.<br>\n          <strong>Navigation overhead:<\/strong> when learners have to remember where they are in complex structures.<br>\n          <strong>Visual noise:<\/strong> cluttered interfaces requiring attentional filtering.<br> The core principle: extraneous load and intrinsic load compete for the same limited working memory pool.<br> <strong>High extraneous load = less capacity for intrinsic load or germane load.<\/strong>\n          <br>\n          In language e\u2011learning: extraneous load comes from cluttered screens, unclear instructions, distracting visuals, or having\n          to jump between multiple places to understand a single activity. Reduce it by:\n          <ul>\n            <li><strong>Keeping screens visually clean:<\/strong> one main task, one clear set of instructions, limited decorative elements that are not pedagogically important and serve no useful function. Is better to use a horizontal carousel format with separate content blocks, so that virtual scrolling is avoided<\/li>\n            <li>Placing translations, tips, explanatory text, and examples close to the part of the text or dialogue they relate to <strong>(avoiding split attention)<\/strong>.<\/li>\n            <li><strong>Removing non\u2011essential sound effects, graphics, animations, pop\u2011ups, or side content<\/strong> that serve as aesthetic rather than instructional content, especially while learners focus on a new structure.<\/li>\n            <li><strong>Simplifying navigation<\/strong> by reducing the number of clicks and decisions required to reach content.<\/li>\n            <li><strong>Using consistent visual design<\/strong> so interface elements don&#8217;t require re-learning on each screen.<\/li>\n            <li><strong>Eliminating redundant text.<\/strong> For example, if narration explains the content do not repeat it word-for-word on the screen.<\/li>\n          <\/ul>\n          <br>\n          <strong>Language &#038; Communication Example:<\/strong><br>\n          A listening comprehension module has an audio on one screen, and complex comprehension questions on the next screen. This requires the learners to hold the questions in their working memory as they go back to listen to the audio to scan for answers. This is an example of the split attention problem. Redesign so that each relevant question appears on the screen directly adjacent to the audio or transcript that it relates to, or present audio and questions on the same visible area without too much vertical scrolling.<br>\n          Audit every design decision with a single question: <strong>Does this help learners understand the content, or does it just consume cognitive resources unnecessarily?<\/strong> If the latter is true, be brutal and cut out that superfluous content.\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card cognitive-box\">\n    <div class=\"principle-title\">Germane load<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li>\n          <strong>Germane load<\/strong> refers to the working memory resources devoted to schema formation and automation. This is the cognitive effort devoted to learning. It is the productive processing, organising, and integrating information into schemas (the \u201cgood\u201d load). The concept of germane load has been debated and conceptualised in CLT literature. The current view is that germane load is not a separate third type but describes how available working resources, freed up by reducing extraneous load, are repurposed for productive schema formation. Good instructional design is about redirecting cognitive effort from unproductive (extraneous) to productive (germane) processing.\n          <br>\n          In language e\u2011learning: germane load includes noticing patterns, comparing examples, and practising in meaningful contexts.\n          Foster it by:\n          <ul>\n            <li>Using problem completion tasks where learners must finish the final steps independently.<\/li>\n            <li>Using worked examples of emails or dialogues with highlighted patterns that learners analyse.<\/li>\n            <li>Asking learners to transform texts (e.g. informal \u2192 formal, direct \u2192 diplomatic) to build discourse schemas.<\/li>\n            <li>Design comparison tasks (e. g. comparing formal and informal examples of the same discourse)<\/li>\n            <li>Providing reflection prompts to connect new content to prior experience, and to consolidate new language<\/li>\n          <\/ul>\n          <br>\n          <strong>Language &#038; Communication Example:<\/strong><br>\n          After studying three examples of a business email at different formality levels, learners receive a new email and must classify its formality before writing their response. This produces productive germane load by analysing and applying patterns. This belongs in the productive phase of the lesson where there is a high degree of self-explanation, comparison, language generation, not just recognition and repetition.<br>\n          Never confuse activity with learning. The question is not <strong>&#8220;Are the learners doing something?&#8221;<\/strong> but <strong>&#8220;Are the learners actually building mental schemas?&#8221;<\/strong>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n<div class=\"principle-card cognitive-box\">\n    <div class=\"principle-title\">The Expertise Reversal Effect<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li>\n        <strong>The expertise reversal effect \/ redundancy problem<\/strong> (Kalyuga 2007) describes the finding that instructional methods effective for beginner (novice) learners often become ineffective or even harmful for knowledgeable learners. As learners develop expertise, the additional guidance, scaffolding, and explanation that helped beginners, then becomes redundant. As a result, processing this redundant information imposes extraneous load that reduces learning efficiency.<\/li>\n        <ul>\n        <li>Worked examples in exercises, which are highly effective for novices, are ineffective for experts who process the same examples as redundant over-explanation.<\/li>\n        <li>Integrated diagrams with text, which reduce split attention for novices, are not interesting for experts who already know the contents of the text.<\/li>\n        <li>Detailed step-by-step instructions which are essential for beginners, tend to be too much for advanced learners who have already automated these procedural tasks.<\/li>\n        <li>Scaffolding and hints are crucial for lower levels, but reduce the productive solving effort for higher level learners.<\/li>\n        <\/ul>\n        <br>\n        <strong>For digital learning:<\/strong>\n        <li>Design digital learning parts that reduce scaffolding as expertise grows.<\/li>\n        <li>Assess learners to establish their correct level on the CEFR scale.<\/li>\n        <li>For higher level learners, replace worked examples with problem solving tasks, and replace detailed instructions with goal-only descriptions.<\/li>\n        <li>Hide translations, hints and transcriptions so that experts can skip unnecessary scaffolding.<\/li>\n        <li>Measure knowledge at checkpoints, and adjust instruction to suit the ability level of the learner.<\/li>\n       <br>\n       <strong>Language &#038; Communication Example:<\/strong><br>\n        A business writing module deigned for B1 learners with sentence stems, vocabulary banks, and model texts is probably not good for C1 learners. The extensive scaffolding causes the learners to process guidance they already know creating redundancy, extraneous load. This prevents them from practising autonomous writing that would challenge them appropriately. The solution is to design differently for different levels, so gradually fade scaffolding and increase task demand as you go up the levels. Keeping excessive scaffolding for advance learners is not supportive!<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">The Worked Example Effect<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Why does problem solving impose such a high cognitive load on beginners?<\/strong><\/li>\n<li>When learners don&#8217;t have the relevant schemas, problem solving requires analysing, holding the goal in mind, comparing to it the current state, generating possible moves, evaluating their consequences. This all takes place in working memory, and for novice learners, this consumes the working memory needed for schema formation. Worked examples eliminate the search process by showing the solution path directly. The learner&#8217;s working memory can then focus entirely on understanding why each step was taken, building the schema rather than searching for it. This leads to the idea of an optimal sequence for learning:<\/li>\n<ul>\n        <li>Worked example \u2192  Completion Task \u2192  Problem solving Task<\/li>\n        <li>Present 2-3 fully worked examples before asking learner to attempt equivalent problems<\/li>\n        <li>Add self-explanation prompts to worked examples: Why was this step taken?<\/li>\n        <li>Vary surface features of examples while keeping structural features to build transferable schemas<\/li><\/ul>\n            <br>\n        <strong>Language &#038; Communication Example:<\/strong>\n        In a business email writing course, provide full annotated model emails (structure, tone, formality, opening and closing conventions) before asking learners to write their own. The annotations serve as the &#8220;worked element,&#8221; showing not just what the final product looks like but why each language choice was made. Then give a completion task (email with opening and closing written, body to complete, before asking for a fully independent email. This fading sequence respects the worked example principle.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications (summary)<\/strong>\n    <ul>\n      <li>Design each screen around one clear communicative objective and keep navigation and layout simple.<\/li>\n      <li>Introduce new language in small, connected chunks and use plenty of guided, step\u2011by\u2011step examples.<\/li>\n      <li>Use tasks that make learners think about patterns and choices (not just repeat phrases) to build robust language schemas.<\/li>\n      <li>Use less scaffolding for higher levels, and use more worked-examples for novice learners.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorists: Sweller, J. &#038; Cooper, G. A. (1985). The use of worked examples as a substitute for problem solving.\nKalyuga, S. (2007). Expertise reversal effect and its implications for learner-tailored instruction.\n  <\/div>\n<\/div>\n      \n      \n            <!-- Mayer -->\n      <div id=\"mayer\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Mayer\u2019s Multimedia Learning Principles<\/div>\n          <div class=\"theory-meta\">Theorist: Richard E. Mayer \u00b7 2001<\/div>\n        <\/div>\n\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n            <li><strong>Twelve evidence-based principles<\/strong> for designing effective multimedia instruction that respect cognitive architecture.<\/li>\n              <ul>\n              <li>\n                <strong>01: Coherence<\/strong> \u2013 People learn more deeply when extraneous material is excluded rather than included. This means removing interesting but irrelevant stories, background music decorative graphics, irrelevant details, and unnecessary text, and what Mayer called <strong>seductive details<\/strong>, even when they seem engaging. If they do not support the learning goals or use the target language, they have to go. Every element in e-learning competes for a limited working memory capacity. Even entertaining or interesting content that is irrelevant to the learning goals consumes cognitive resources. Ruthlessly audit every asset in your e-leaning module: images, audio, video, or text. Does it directly help learners understand the target concept. If not, delete it! This seems counter intuitive for designers who equate richness of content with quality. <br>A pronunciation module on English stress patterns does not need a picture of a London city street. The cultural backdrop is a seductive detail which activates knowledge about London rather than stress patterns competing with the target learning. \n              <\/li>\n              <li>\n                <strong>02: Signalling<\/strong> \u2013 People learn more deeply when cues are added that highlight the organisation and key ideas of the material. Signalling includes structural signals (outlines, headings, lists, bullet points, transitions), emphasis cues (bold text, arrows, colour highlighting), and pointer words in narration (The key point here is&#8230;).\n                <br>\n                In language e\u2011learning, use headings and numbered lists to make structure explicit. Use colours consistently to signal the same type of material throughout. Use bold fonts to highlight a key term when it is first defined.  Use arrows or callouts to direct attention in complex diagrams. Use discourse markers to structure information. In a narrated video with slides combine verbal and visual signalling. Display a simple numbered list or bullet points, but use discourse markers in the audio channel to add verbal clues. The main point is to be totally consistent throughout the learning product. \n              <\/li>\n              <li>\n                <strong>03: Redundancy<\/strong> \u2013 People learn better from graphics and narration than from graphics, narration, and identical on\u2011screen text. When narrated text is simultaneously displayed word-for-word, learners must process the same content twice in the visual channel (reading text AND view the graphic), creating redundant processing that overwhelms the working memory. In language e\u2011learning, pair visuals with spoken language rather than duplicating every sentence as on\u2011screen text; use short captions only where necessary. Avoid narrating bullets word-for-word while they&#8217;re visible. The most common redundancy is when trainers\/presenters read bullet points aloud. Replace bullet text with keywords or headings, let the narration carry the majority of meaning. Subtitles should not be displayed automatically, and should only be supplied for accessibility purposes. Transcripts should only be used for post-listening reviews. \n              <\/li>\n              <li>\n                <strong>04: Spatial contiguity<\/strong> \u2013 People learn more deeply when corresponding words and pictures are near each other rather than far from apart on the page or screen. When explanatory text and a related graphic are spatially separated, learners must use working memory to hold one in mind while scanning to find the other. The spacial search consumes resources needed for learning. This is the split attention effect that Sweller also wrote about. Place cations directly below or beside the image they describe. Label diagram components with callouts, not a separate legend at the bottom. Position the explanatory text immediately adjacent to the graph or figure. Use leader lines (arrows) to connect text labels directly to the diagram elements. In language training, the most common violation of this principle is when there is a text on one slide, and then questions on the slide after. It is important to place the text and the relevant questions on the same slide. \n              <\/li>\n              <li>\n                <strong>05: Temporal contiguity<\/strong> \u2013 People learn better when corresponding narration and visuals are simultaneous rather than successive. This is similar to spatial contiguity but relates to only to time. It is also an important aspect of presenting slides.\n                <br>\n                In language e\u2011learning, it is better to time audio explanations so they play while learners can see the relevant text or image, instead of explaining long after the visual is gone. The synchrony of action and explanation is a critical design decision.\n              <\/li>\n              <li>\n                <strong>06: Segmenting<\/strong> \u2013 People learn more deeply from a multimedia lesson when it is presented in learner-paced segments rather than as a continuous unit. Divide long listening or video tasks into short scenes, and let learners start, pause, and replay each segment. Add learner controlled &#8220;continue&#8221; or &#8220;next&#8221; buttons between segments. Allow learners to restart or replay individual segments without restarting the whole lesson. Use progress bars to indicate to learners where they are in a sequence of activities. A common issue in language training is where a listening exercise uses a 20 minute authentic podcast. Break it down into 5 minute listening segments each with a focus question, and a &#8220;listen again&#8221; \/ &#8220;continue&#8221; choice. \n              <\/li>\n              <li>\n                <strong>07: Pre\u2011training<\/strong> \u2013 People can learn better if they already know names, Key vocabulary and concepts. Pre-teaching reduces the cognitive demand during the main part of the lesson by ensuring that learners are not simultaneously learning vocabulary AND concepts. For example, pre\u2011teach critical vocabulary (key negotiation phrases) before doing a complex business meeting role play. Before a listing activity for medical professionals, pre-teach 8 key clinical terms with images. When the learners then hear the actual consultation they recognise the vocabulary immediately and can devote full attention to other aspects like discourse stucture, information flow and pragmatic meaning. \n              <\/li>\n              <li>\n                <strong>08: Modality<\/strong> \u2013 People learn better from graphics with spoken words than from graphics with on\u2011screen text. When a visual is accompanied by narration, the two processing channels (visual for the graphic, auditory for the narration) are used complementary. When text replaces narration, the visual channel must handle both the graphic AND the text, creating visual channel overload. In language e\u2011learning, use visuals plus audio narration or dialogues, keeping written text minimal so you don\u2019t overload the visual channel. The bottom line is that narration should carry meaning that is not duplicated by the visuals. Together they should compliment each other and be greater than the sum of their parts. \n              <\/li>\n              <li>\n                <strong>09: Multimedia<\/strong> \u2013 People learn better from words and pictures than from words alone. This is Mayer&#8217;s foundational principle, and is the basis of multimedia e-learning. Visual are not a decoration, as they activate the pictorial processing channel and enable dual-channel encoding which produces richer and more transferable mental models. In language e\u2011learning: illustrate dialogues or texts with contextual images or short video clips that show the communicative situation.\n        <\/li>\n              <li>\n                <strong>10: Personalization<\/strong> \u2013 People learn more deeply when words are presented in conversation style rather than formal style. This includes using you, I or we in narration. This also mans using contractions and creating the social presence of a human conversation, even in self-paced e-learning without a live trainer. Write prompts and feedback in a friendly, learner\u2011centred tone, and use \u201cyou\u201d to address the learner directly. Avoid referring to learners in the third person and using the passive voice or substituting &#8220;one&#8221; for &#8220;you.&#8221;\n              <\/li>\n              <li>\n                <strong>11: Voice<\/strong> \u2013 People learn well from a clear, friendly human voice rather than an AI generated voice. The quality, warmth, and perceived authenticity of the narrator activates social agency. Learners engage more when they perceive a real person is communicating with them. This is a real problem with text-to-speech voice generation, which often alienates learners. Use a narrator who sounds genuinely interested in the content, and avoid monotone text-to-speech generation. As AI voice technology improves, the principle is becoming more nuanced. There are AI voices around that now pass the &#8220;human threshold&#8221; for social agency activation. Many of these are real voices that have been cloned. This is further enhanced by the use of genuine looking video avatars. \n              <\/li>\n              <li>\n                <strong>12: Image<\/strong> Mayer found out that people do not necessarily learn more deeply from a multimedia lesson when the instructor&#8217;s image is added to the screen. Despite the many online courses that only provide narrator video, it more satisfying when the screen used for meaningful visuals (context, diagrams, etc.) over \u201ctalking head\u201d video, unless the speaker\u2019s image adds specific communicative and social value. In language training, it is better to use screen space primarily for instructional visuals, diagrams, and content. Consider picture-in-picture instructor video only for highly social or motivational content or trust building at the beginning of a course\/module. If showing instructor, keep the image small (corner thumbnail) so content dominates.\n              <\/li>\n              <\/ul>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"language-box\">\n          <strong>Language Training Implications (overall)<\/strong>\n          <ul>\n            <li>Design multimedia activities that minimise distraction, clearly highlight key language items, and balance visual and auditory load.<\/li>\n            <li>Use short, learner\u2011paced segments, pre\u2011teach essential vocabulary, and rely on human\u2011voiced audio with contextual visuals rather than dense text screens.<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"source-note\">\n          Main theorist: Richard E. Mayer, <em>Multimedia Learning<\/em> (Cambridge University Press).\n        <\/div>\n      <\/div>\n      \n      <!-- UX & Usability in Learning Interfaces -->\n<div id=\"ux\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">UX &amp; Usability in Learning Interfaces<\/div>\n    <div class=\"theory-meta\">Nielsen \/ Krug \u00b7 1993 \/ 2000<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        Apply usability heuristics and user-centred design principles so that the interface supports learning instead of getting in the way. In language learning, every extra click, confusing label, or hidden control takes attention away from comprehension and practice.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Nielsen\u2019s ten usability heuristics<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Visibility of system status<\/strong> \u2013 the system should always tell learners what is happening, such as progress, loading, feedback, or completion.<\/li>\n        <li><strong>Match between system and the real world<\/strong> \u2013 use language, icons, and layouts that feel familiar and natural to learners.<\/li>\n        <li><strong>User control and freedom<\/strong> \u2013 let learners pause, go back, replay, and recover from mistakes without feeling trapped.<\/li>\n        <li><strong>Consistency and standards<\/strong> \u2013 keep buttons, navigation, labels, and interactions the same across the course.<\/li>\n        <li><strong>Error prevention<\/strong> \u2013 design tasks and assessments so avoidable mistakes are less likely to happen in the first place.<\/li>\n        <li><strong>Recognition rather than recall<\/strong> \u2013 make options, instructions, and key controls visible so learners do not have to remember them.<\/li>\n        <li><strong>Flexibility and efficiency of use<\/strong> \u2013 support both beginners and faster learners with shortcuts, speed controls, and optional support.<\/li>\n        <li><strong>Aesthetic and minimalist design<\/strong> \u2013 remove clutter so only the information needed for learning stays on screen.<\/li>\n        <li><strong>Help users recognize, diagnose, and recover from errors<\/strong> \u2013 use clear feedback and plain-language error messages.<\/li>\n        <li><strong>Help and documentation<\/strong> \u2013 make help easy to find and focused on the learner\u2019s current task.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Why it matters in e-learning<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li>Usability testing reveals interface barriers that designers often miss.<\/li>\n        <li>Navigation effort competes with the mental effort needed for learning.<\/li>\n        <li>Audio controls such as replay, pause, and speed adjustment should always be easy to find.<\/li>\n        <li>Consistency reduces cognitive load and helps learners focus on language, not interface rules.<\/li>\n        <li>Assessments should include error prevention, such as review screens and confirmation before submission.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use familiar icons, clear labels, and predictable navigation so learners can focus on language input and output.<\/li>\n      <li>Keep listening controls visible at all times so learners can replay, slow down, or pause without searching.<\/li>\n      <li>Use simple layouts for reading, vocabulary, and grammar tasks to reduce distraction and working-memory load.<\/li>\n      <li>Test with real learners to find points where the interface causes confusion, hesitation, or avoidable mistakes.<\/li>\n      <li>In language assessments, support review, confirmation, and clear feedback so interface issues do not affect performance.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorists: Jakob Nielsen and Steve Krug. Krug\u2019s \u201cDon\u2019t Make Me Think\u201d principle argues that a usable interface should feel effortless to navigate.\n  <\/div>\n<\/div>\n\n<!-- UDL -->\n<div id=\"udl\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Universal Design for Learning (UDL)<\/div>\n    <div class=\"theory-meta\">CAST (Rose &amp; Meyer) \u00b7 1998<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        <strong>Universal Design for Learning<\/strong> applies the idea of universal design to education: instead of designing for a single \u201caverage\u201d learner and adding accommodations later, you build flexibility into the course from the start. UDL is based on the idea that learners vary in how they perceive information, show what they know, and stay engaged, so learning should offer choices from the outset.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Three principles of UDL<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Multiple Means of Representation<\/strong> \u2013 provide information in more than one way so learners can access content through audio, text, visuals, captions, diagrams, or interactive support.<\/li>\n        <li><strong>Multiple Means of Action and Expression<\/strong> \u2013 allow learners different ways to demonstrate understanding, such as speaking, writing, selecting, recording, drawing, or completing interactive tasks.<\/li>\n        <li><strong>Multiple Means of Engagement<\/strong> \u2013 give learners choice, vary challenge, and support motivation, persistence, and self-regulation so they can stay involved in the learning process.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Why UDL matters<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li>UDL is proactive: it reduces the need for individual accommodations by anticipating learner variability from the beginning.<\/li>\n        <li>It makes learning environments more flexible, accessible, and inclusive for a wider range of learners.<\/li>\n        <li>Captions, transcripts, adjustable pace, and multiple response options can help all learners, not only those with formal access needs.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use audio, text, visuals, and transcripts together so learners can choose the input mode that best supports comprehension.<\/li>\n      <li>Allow multiple ways to respond, such as typing, speaking, recording, or selecting answers, rather than forcing one format for every task.<\/li>\n      <li>Offer choices in topic, task type, and pacing so learners can stay engaged and work at an appropriate level of challenge.<\/li>\n      <li>Use captions and transcripts to support listening development, vocabulary uptake, and repeated exposure to meaningful language.<\/li>\n      <li>Design for variability from the start so language learners can access and express learning without needing special fixes later.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorists: CAST, especially David Rose and Anne Meyer. UDL is designed to make learning flexible from the outset by offering multiple means of representation, action and expression, and engagement.\n  <\/div>\n<\/div>\n\n<!-- OER -->\n<div id=\"oer\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Open Educational Resources (OER)<\/div>\n    <div class=\"theory-meta\">UNESCO \/ Hewlett Foundation \u00b7 2002<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core idea<\/div>\n    <div class=\"principle-list\">\n      <p style=\"margin:0;\">\n        Open Educational Resources are freely accessible teaching and learning materials released under open licences, usually Creative Commons. They can be retained, reused, revised, remixed, and redistributed, which makes them highly adaptable for different teaching contexts and learner groups.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">The 5Rs of OER<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Retain<\/strong> \u2013 keep a copy of the resource for your own use.<\/li>\n        <li><strong>Reuse<\/strong> \u2013 use the resource in its original form in teaching or learning.<\/li>\n        <li><strong>Revise<\/strong> \u2013 adapt, edit, translate, or improve the material.<\/li>\n        <li><strong>Remix<\/strong> \u2013 combine the resource with other open materials to create something new.<\/li>\n        <li><strong>Redistribute<\/strong> \u2013 share the original or adapted resource with others.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Why OER matter<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li>OER reduce duplication of effort and lower the cost of content creation.<\/li>\n        <li>They support localisation, adaptation, and collaborative authoring.<\/li>\n        <li>Quality can vary, so checking accuracy, currency, and pedagogical fit is always necessary.<\/li>\n        <li>Discoverability is also important, because useful resources can be hard to find without good repositories and search tools.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use authentic OER sources such as BBC, DW, and RFI when you need real-world language input.<\/li>\n      <li>Adapt OER to match CEFR levels, learner needs, and workplace contexts.<\/li>\n      <li>Mix and match open texts, audio, video, and tasks to build flexible language modules.<\/li>\n      <li>Always check licences and give proper attribution, because open does not mean attribution-free.<\/li>\n      <li>Review materials carefully for accuracy, usefulness, and suitability before using them in a course.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main lineage: UNESCO and the Hewlett Foundation. OER are educational materials released under open licences that allow free use, adaptation, and sharing, usually through Creative Commons.\n  <\/div>\n<\/div>\n      \n      <!-- Metacognition & Self-Regulated Learning -->\n      <div id=\"meta\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Metacognition &#038; Self-Regulated Learning<\/div>\n          <div class=\"theory-meta\">Theorists: John Flavell \/ Barry Zimmerman \u00b7 1976 \/ 1986<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n              <li><strong>Learners who monitor, evaluate, and regulate their own learning processes<\/strong> achieve significantly better outcomes.<\/li>\n              <li><strong>Metacognition:<\/strong> (thinking about thinking) involves awareness of one&#8217;s own cognitive processes and the ability to regulate them. Flavell identified metacognitive knowledge (knowing about tasks, strategies, and oneself as a learner) and metacognitive regulation (planning, monitoring, and evaluating). Zimmerman&#8217;s self-regulated learning model adds motivational and behavioural dimensions: goal-setting, strategy selection, self-monitoring, and self-reflection in iterative cycles.<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Metacognitive regulation: planning, monitoring, and evaluating performance<\/li>\n            <li>Reflection prompts in e-learning activate metacognitive processing<\/li>\n            <li>Self-efficacy (Bandura) is a key driver of self-regulated learning<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorists: John Flavell \/ Barry Zimmerman.\n        <\/div>\n      <\/div>\n      \n      <!-- Dual Coding Theory -->\n      <div id=\"dual\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Dual Coding Theory<\/div>\n          <div class=\"theory-meta\">Theorist: Allan Paivio \u00b7 1971<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n              <li><strong>Dual Coding Theory<\/strong> proposes that humans have two distinct cognitive systems: a verbal system that processes language and a non-verbal system that processes images, sounds, and sensory experiences. When both systems encode the same information simultaneously, recall and comprehension improve because there are two retrieval routes. The theory supports using visual aids, diagrams, and imagery alongside spoken or written language.<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Two separate encoding systems: verbal and non-verbal (imagery)<\/li>\n            <li>Engaging both systems simultaneously strengthens memory traces<\/li>\n            <li>Keyword method: L1 sound-alike + vivid image improves vocabulary retention<\/li>\n              <li>Animations and diagrams supplement verbal explanation, not replace it<\/li>\n              <li>Emotional or distinctive images create particularly strong dual codes<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorist: Allan Paivio\n        <\/div>\n      <\/div>\n      \n            <!-- Spaced & Retrieval Practice -->\n      <div id=\"spaced\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Spaced &#038; Retrieval Practice<\/div>\n          <div class=\"theory-meta\">Theorists: Bjork \/ Roediger &#038; Karpicke \u00b7 1978 \/ 2006<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n              <li><strong>Spaced practice<\/strong> (distributing study sessions over time rather than massing them) and retrieval practice (testing yourself rather than re-studying) are the two most empirically robust strategies for improving long-term retention. Roediger and Karpicke demonstrated the &#8216;testing effect&#8217;: taking a test on material improves retention far more than spending equivalent time re-studying. Bjork coined &#8216;desirable difficulties&#8217;\u2014challenges that slow immediate performance but strengthen long-term retention.<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Spaced practice: distribute sessions over time, not massed into one block<\/li>\n            <li>Retrieval practice (testing effect): active recall beats passive review<\/li>\n            <li>Desirable difficulties: challenges that feel hard improve long-term retention<\/li>\n              <li>SRS systems (Anki, Duolingo) automate optimal review scheduling<\/li>\n              <li>Interleaving topics produces better long-term retention than blocked practice<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorists: Bjork \/ Roediger &#038; Karpicke\n        <\/div>\n      <\/div>\n      \n    <\/section>\n\n    <!-- SOCIOCULTURAL -->\n    <section id=\"sociocultural\" class=\"panel\">\n      <div class=\"panel-header\">\n        <h2 class=\"panel-title\">Sociocultural &#038; Constructivist Theories<\/h2>\n        <p class=\"summary\">\n          Perspectives emphasising social interaction, scaffolding, and active construction of knowledge.\n        <\/p>\n      <\/div>\n\n      <div class=\"section-title\">Theories in this category<\/div>\n      <div class=\"theory-button-row\">\n      <button class=\"theory-btn blue active\" data-target=\"piaget\">\n          <span class=\"dot\"><\/span> Piaget\n        <\/button>\n              <button class=\"theory-btn orange\" data-target=\"bruner\">\n          <span class=\"dot\"><\/span> Bruner\n        <\/button>\n        <button class=\"theory-btn orange\" data-target=\"vygotsky\">\n          <span class=\"dot\"><\/span> Vygotsky\n        <\/button>\n        <button class=\"theory-btn orange\" data-target=\"bandura\">\n          <span class=\"dot\"><\/span> Bandura\n        <\/button>\n                <button class=\"theory-btn orange\" data-target=\"cop\">\n          <span class=\"dot\"><\/span> Communities of Practice (CoP)\n        <\/button>\n                        <button class=\"theory-btn orange\" data-target=\"slt\">\n          <span class=\"dot\"><\/span> Situated Learning Theory\n        <\/button>\n      <\/div>\n      \n      \n       <!-- Piaget -->\n      <div id=\"piaget\" class=\"theory-block active\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Piaget&#8217;s Constructivism<\/div>\n          <div class=\"theory-meta\">Theorist: Jean Piaget, 1936, theory developed from 1923<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n             <li><strong>Piaget <\/strong> proposed that cognitive development proceeds through four stages, but his enduring legacy is his constructivist epistemology: learners actively construct rather than passively receive knowledge. Assimilation occurs when new information fits existing schemas. Accommodation occurs when existing schemas must be modified to handle new information\u2014the more powerful learning event. Disequilibrium (cognitive conflict) drives accommodation. Effective instruction creates productive cognitive conflict rather than smooth confirmation of prior beliefs.<\/li>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Assimilation: new info fits existing schemas without change<\/li>\n            <li>Accommodation: schemas must be restructured to fit new information<\/li>\n            <li>Learners are active constructors, not passive receivers of knowledge<\/li>\n            <li>Prior knowledge is the most important variable in new learning (Ausubel)<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorist: Jean Piaget.\n        <\/div>\n      <\/div>\n      \n            <!-- Bruner -->\n      <div id=\"bruner\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Theory of Cognitive Development<\/div>\n          <div class=\"theory-meta\">Theorist: Jerome Bruner, 1966<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n             <li><strong>Jerome Bruner<\/strong> viewed learning as an active process in which learners build new knowledge from previous experience. He stressed discovery, scaffolding, and revisiting content in increasingly complex ways so learners can gradually develop deeper understanding. He introduced the idea of a <strong>spiral curriculum<\/strong>, where topics are revisited at increasing levels of complexity as the learner&#8217;s understanding deepens. Bruner\u2019s believed that people learn best when they build new understanding from what they already know, rather than just memorising facts.<\/li>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Create tasks where support is gradually removed as learners become more capable<\/li>\n            <li>Design learning so that learners can construct meaning step by step<\/li>\n            <li>Provide a supportive learning environment where learners discover patterns and relationships for themselves.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorist: Jerome Bruner.\n        <\/div>\n      <\/div>\n\n      <!-- Vygotsky -->\n      <div id=\"vygotsky\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Vygotsky\u2019s Sociocultural Theory &#038; ZPD<\/div>\n          <div class=\"theory-meta\">Theorist: Lev Vygotsky, written 1930s, published in English 1978<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n              <li><strong>Lev Vygotsky<\/strong> emphasised the <strong>Zone of Proximal Development (ZPD)<\/strong>, which is the gap between what a learner can do independently and what they can achieve with guidance. This is closely related to Bruner&#8217;s concept of scaffolding, where a more knowledgeable other (teacher or peer) provides support to help the learner move through the ZPD. As the learner becomes more capable, this support is gradually withdrawn, allowing them to become independent.<\/li>\n              <li>This is achieved with <strong>Scaffolding<\/strong>, which temporarily supports enabling performance within the ZPD.<\/li>\n              <li>The focus is on <strong>Mediation &#038; social interaction<\/strong> since learning is mediated by language and collaboration.<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Design tasks at the edge of learners\u2019 CEFR level with frames and prompts.<\/li>\n            <li>Use peer and tutor interaction for negotiation of meaning.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorist: Lev Vygotsky.\n        <\/div>\n      <\/div>\n\n      <!-- Bandura -->\n      <div id=\"bandura\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Bandura\u2019s Social Learning Theory<\/div>\n          <div class=\"theory-meta\">Theorist: Albert Bandura. 1977<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n            <li><strong>Bandura<\/strong> argued that human learning occurs though observation and modelling rather than direct reinforcement. His four conditions for effective modelling are: attention, retention, reproduction and motivation.<\/li>\n             His central ideas are: <br> <li><strong>Observational learning<\/strong> \u2013 learning by watching models.<\/li>\n              <li><strong>Modelling<\/strong> \u2013 demonstrations provide behaviours to imitate.<\/li>\n              <li><strong>Self\u2011efficacy<\/strong> \u2013 beliefs about capability influence effort and persistence.<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Use high\u2011quality models of effective communication.<\/li>\n            <li>Build self\u2011efficacy through achievable tasks and feedback.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorist: Albert Bandura.\n        <\/div>\n      <\/div>\n      \n       <!-- CoP -->\n      <div id=\"cop\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Communities of Practice<\/div>\n          <div class=\"theory-meta\">Theorists: Lave and Wenger. 1991<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n            <li><strong>Lave and Wenger<\/strong> challenged classroom-based learning models by showing that real learning happens through legitimate peripheral participation. Newcomers join communities of practitioners, observe and assist experts, and gradually take on more complex tasks until they are full participants. Learning is inseparable from practice; knowledge is not stored in heads but distributed across people, tools, and routines. Wenger later elaborated on Communities of Practice (CoPs) as groups united by a shared domain, community, and practice. CoP is the basis of most modern tailor made business language training. The trainers coordinate the language courses with a <strong>Subject Matter Expert (SME)<\/strong>, and immerse themselves in the client&#8217;s CoP. This involves a longer and more in depth assignment.<\/li>\n        <br>\n        <strong>Three Dimensions:<\/strong>\n        <ul>\n         <li><strong>Domain:<\/strong> Shared interest that defines the community.<\/li>\n           <li><strong>Community:<\/strong> Relationships and interactions among members.<\/li>\n           <li><strong>Practice:<\/strong> Shared repertoire of resources, stories, and tools.<\/li> \n           <\/ul>\n           <br>\n           <strong>Key Points:<\/strong>\n             <ul>\n<li>Legitimate peripheral participation: real but low-stakes early participation<\/li>\n<li>Learning is embedded in authentic practice, not decontextualised exercises<\/li>\n<li>Identity and belonging in the community are as important as knowledge<\/li>\n<li>CoPs require shared domain (what), community (who), and practice (how)<\/li>\n<li>Digital CoPs (Discord servers, LinkedIn groups) can support language learners<\/li><\/ul>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Emphasis on learning as part of a community.<\/li>\n            <li>Use authentic sources rather than decontextualised learning content.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorists: Lave and Wenger.\n        <\/div>\n      <\/div>\n      \n      \n      <!-- Situated learning Theory -->\n      <div id=\"slt\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Situated Learning Theory<\/div>\n          <div class=\"theory-meta\">Theorists: Brown, Collins, &#038; Dugui.1989<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n            <li><strong>Brown, Collins, and Duguid<\/strong> argued that schooled knowledge becomes &#8216;inert&#8217; because it is learned in artificial contexts stripped of authentic use. Real expertise develops through activity in the context where knowledge will be applied, using the tools and social structures of the target community. Cognitive apprenticeship\u2014their instructional model\u2014extends traditional apprenticeship into cognitive domains through modelling, coaching, scaffolding, articulation, reflection, and exploration.<\/li>\n           <br>\n           <strong>Key Points:<\/strong>\n             <ul>\n<li>\nSchooled knowledge often fails to transfer because it lacks authentic context<\/li>\n<li>Authentic activities are those practitioners actually perform, not school-like tasks<\/li>\n<li>Cognitive apprenticeship: model, coach, scaffold, articulate, reflect, explore<\/li>\n<li>Tools and social structures of a community are part of learning, not accessories<\/li>\n<li>TBLT (Task-Based Language Teaching) is situated learning applied to language<\/li><\/ul>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Emphasis on authentic activities and not schooled knowledge<\/li>\n            <li>Task-Based Language Teaching<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorist: Brown, Collins, and Duguid.\n        <\/div>\n      <\/div>\n      \n      \n      \n    <\/section>\n\n    <!-- MOTIVATION -->\n    <section id=\"motivation\" class=\"panel\">\n      <div class=\"panel-header\">\n        <h2 class=\"panel-title\">Motivation &#038; Affective Theories<\/h2>\n        <p class=\"summary\">\n          Frameworks explaining why learners engage, persist, and invest effort.\n        <\/p>\n      <\/div>\n\n      <div class=\"section-title\">Theories in this category<\/div>\n      <div class=\"theory-button-row\">\n        <button class=\"theory-btn orange active\" data-target=\"arcs-mot\">\n          <span class=\"dot\"><\/span> ARCS\n        <\/button>\n        <button class=\"theory-btn orange\" data-target=\"sdt\">\n          <span class=\"dot\"><\/span> Self\u2011Determination\n        <\/button>\n                <button class=\"theory-btn orange\" data-target=\"expectancy\">\n          <span class=\"dot\"><\/span> \nExpectancy-Value Theory\n        <\/button>\n         <button class=\"theory-btn orange\" data-target=\"flow\">\n          <span class=\"dot\"><\/span> \nFlow Theory\n        <\/button>\n         <\/button>\n         <button class=\"theory-btn orange\" data-target=\"goal\">\n          <span class=\"dot\"><\/span> \nGoal Orientation Theory\n        <\/button>\n      <\/div>\n\n      <!-- ARCS -->\n      <div id=\"arcs-mot\" class=\"theory-block active\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Keller\u2019s ARCS Model of Motivation<\/div>\n          <div class=\"theory-meta\">Theorist: John M. Keller.<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n            <li><strong>Keller\u2019s ARCS Model of Motivation<\/strong> explains how instruction can sustain learner engagement by capturing attention, showing relevance, building confidence, and creating satisfaction. It is especially useful in language training because it helps lessons feel practical, achievable, and rewarding.<\/li>\n              <li><strong>Attention<\/strong> \u2013 capture and sustain interest.<\/li>\n              <li><strong>Relevance<\/strong> \u2013 connect instruction to learners\u2019 needs and goals.<\/li>\n              <li><strong>Confidence<\/strong> \u2013 support learners\u2019 belief that they can succeed.<\/li>\n              <li><strong>Satisfaction<\/strong> \u2013 provide rewarding experiences and outcomes.<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Use authentic materials from learners\u2019 work context.<\/li>\n            <li>Make module outcomes and benefits explicit.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorist: John M. Keller.\n        <\/div>\n      <\/div>\n\n      <!-- SDT -->\n      <div id=\"sdt\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Self\u2011Determination Theory (SDT)<\/div>\n          <div class=\"theory-meta\">Theorists: Deci &#038; Ryan \u00b7 1985<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n            <li><strong>Self-Determination Theory (SDT)<\/strong> distinguishes <strong>intrinsic motivation<\/strong> (driven by interest and enjoyment) from <strong>extrinsic motivation<\/strong> (driven by rewards or pressures). SDT holds that three basic psychological needs must be satisfied for intrinsic motivation to develop:<\/li>\n              <ul><li><strong>Autonomy<\/strong> \u2013 feeling of volition and choice.<\/li>\n              <li><strong>Competence<\/strong> \u2013 feeling effective and capable.<\/li>\n              <li><strong>Relatedness<\/strong> \u2013 feeling connected to others.<\/li>\n              <li>Intrinsic motivation is strongest when these three needs are supported.<\/li><\/ul>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Offer choices in topics, tasks, and paths.<\/li>\n            <li>Provide clear feedback and appropriately challenging tasks.<\/li>\n            <li>Use collaborative projects and communities to support relatedness.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorists: Deci &#038; Ryan.\n        <\/div>\n      <\/div>\n      \n            <!-- Expectancy-Value Theory -->\n      <div id=\"expectancy\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Expectancy-Value Theory<\/div>\n          <div class=\"theory-meta\">Theorists: Eccles, Wigfield &#038; colleagues \u00b7 1983<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n            <li><strong>Expectancy-Value Theory<\/strong> holds that a learner&#8217;s motivation to engage in a task is jointly determined by their expectancy of success (Do I believe I can do this?) and their perception of task value. Task value has four components: Intrinsic value (Is it interesting?), Attainment value (Is it important to my identity?), Utility value (Will it be useful to me?), and Cost (What do I have to give up or risk?). Both low expectancy and low value independently reduce engagemen<\/li>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Four value types: intrinsic, attainment, utility, cost<\/li>\n            <li>Utility value interventions are particularly effective in applied language courses<\/li>\n            <li>Self-efficacy and expectancy are closely related but distinct constructs<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorists: Eccles, Wigfield\n        <\/div>\n      <\/div>\n      \n                  <!-- Flow Theory -->\n      <div id=\"flow\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Flow Theory<\/div>\n          <div class=\"theory-meta\">Theorist: Mihaly Csikszentmihalyi \u00b7 1975<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n            <li><strong>Flow<\/strong> is the state of complete immersion in an activity, which is characterised by loss of self-consciousness, distortion of time, and intrinsic enjoyment. Flow is produced when challenge level matches skill level exactly: too easy produces boredom; too hard produces anxiety. Csikszentmihalyi&#8217;s flow channel is a narrow band between these states. For flow to occur, goals must be clear, feedback must be immediate, and the person must have perceived control.<\/li>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Flow channel: challenge just exceeds current skill\u2014neither too easy nor too hard<\/li>\n            <li>Three conditions: clear goals, immediate feedback, perceived control<\/li>\n            <li>Adaptive difficulty systems are direct flow engineering<\/li>\n            <li>Flow produces intrinsic motivation and deep learning engagement<\/li>\n            <li>Time-on-task increases significantly when learners are in flow<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorist: Mihaly Csikszentmihalyi\n        <\/div>\n      <\/div>\n      \n                        <!-- Goal Orientation Theory -->\n      <div id=\"goal\" class=\"theory-block\">\n        <div class=\"theory-header-line\">\n          <div class=\"theory-name\">Goal Orientation Theory<\/div>\n          <div class=\"theory-meta\">Theorists: Carol Dweck \/ Ames &#038; Archer \u00b7 1986<\/div>\n        <\/div>\n        <div class=\"principle-card\">\n          <div class=\"principle-title\">Core principles<\/div>\n          <div class=\"principle-list\">\n            <ul>\n            <li><strong>Goal Orientation Theory<\/strong> distinguishes <strong>mastery goals<\/strong> (learning for growth, improvement, and intrinsic interest) from <strong>performance goals<\/strong> (looking competent compared to others or avoiding looking incompetent). <strong>Mastery-oriented learners<\/strong> seek challenges, persist through difficulty, and attribute failure to effort (fixable). <strong>Performance-oriented learners<\/strong> avoid challenge if failure risks their image and attribute failure to fixed ability. Dweck&#8217;s growth vs. fixed mindset theory is a popular application of this framework.<\/li>\n          <\/div>\n        <\/div>\n        <div class=\"language-box\">\n          <strong>Language Training Implications<\/strong>\n          <ul>\n            <li>Mastery goals: improve, learn, grow relative to one&#8217;s own previous performance<\/li>\n            <li>Performance-approach: outperform others<\/li>\n            <li>Performance-avoidance: avoid looking incompetent<\/li>\n            <li>Mastery orientation predicts deeper processing and higher resilience<\/li>\n            <li>Classroom\/platform climate powerfully shapes which goal orientation learners adopt<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"source-note\">\n          Main theorists: Carol Dweck \/ Ames &#038; Archer\n        <\/div>\n      <\/div>\n      \n    <\/section>\n\n    <!-- ASSESSMENT & EVALUATION -->\n    <section id=\"assessment-eval\" class=\"panel\">\n      <div class=\"panel-header\">\n        <h2 class=\"panel-title\">Assessment &#038; Evaluation Frameworks<\/h2>\n        <p class=\"summary\">\n          Models for assessing learning and evaluating training effectiveness.\n        <\/p>\n      <\/div>\n\n      <div class=\"section-title\">Theories in this category<\/div>\n      <div class=\"theory-button-row\">\n                <button class=\"theory-btn blue active\" data-target=\"formative\">\n          <span class=\"formative\"><\/span> Formative vs. Summative Assessment\n        <\/button>\n         <button class=\"theory-btn orange\" data-target=\"authentic\">\n          <span class=\"dot\"><\/span> Performance-Based Assessment\n        <\/button>\n        <button class=\"theory-btn orange\" data-target=\"kirk\">\n          <span class=\"dot\"><\/span> Kirkpatrick\n        <\/button>\n                <button class=\"theory-btn orange\" data-target=\"phillips\">\n          <span class=\"dot\"><\/span> Phillips&#8217; ROI\n        <\/button>\n      <\/div>\n      \n      <!-- Formative vs Summative -->\n<div id=\"formative\" class=\"theory-block active\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Formative vs. Summative Assessment<\/div>\n    <div class=\"theory-meta\">Theorists: Scriven (1967) \/ Black &#038; Wiliam (1998) \u00b7 1967<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Formative assessment<\/strong> improves learning during instruction; <strong>summative assessment<\/strong> judges outcomes at its end. Scriven coined the formative\/summative distinction. Formative assessment is ongoing, low-stakes, and feeds directly back into learning\u2014its primary purpose is to improve. Summative assessment judges achievement at the end of a course or unit\u2014its primary purpose is to measure. Black and Wiliam&#8217;s landmark review showed that well-implemented formative assessment raises achievement more than almost any other intervention. The key is that formative data must be used as the feedback loop must close\u2014 the learner receives information, uses it to adjust, and improves. This is a very agile way to learn<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Formative: for learning\u2014ongoing, low-stakes, feeds back into instruction.<\/li>\n      <li>Summative: of learning\u2014terminal, higher stakes, measures achievement.<\/li>\n      <li>Feedback is only formative if it is used to improve subsequent performance<\/li>\n      <li>Feedforward (what to do better next time) is more powerful than feedback alone.<\/li>\n      <li>Assessment for Learning (AfL) emphasises learner-generated formative evidence<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorists: Scriven \/ Black &#038; Wiliam\n  <\/div>\n<\/div>\n\n      <!-- Authentic & Performance-Based Assessment -->\n<div id=\"authentic\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Authentic &#038; Performance-Based Assessment<\/div>\n    <div class=\"theory-meta\">Theorists: Wiggins (1989) \/ Newmann (1996) \u00b7 1989<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Authentic assessment<\/strong> requires learners to demonstrate knowledge and skill in tasks that reflect real-world application, not school-like exercises. <br><strong>Characteristics of authenticity:<\/strong>\n        <ul>\n  <li>real or realistic audiences<\/li> \n  <li>genuine purposes<\/li>\n    <li>complex tasks requiring integration of multiple skills, \n   <li>learner choice in approach<\/li>\n    <li>performance criteria that match professional standards<\/li>\n    <\/ul>\n<li>Performance-based assessment is a related term emphasising observable demonstration rather than written tests.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Real or realistic audience, purpose, and context.<\/li>\n      <li>Integrative tasks requiring multiple competencies simultaneously<\/li>\n      <li>Scoring criteria reflect professional or real-world standards<\/li>\n      <li>Portfolios are a form of authentic assessment over time<\/li>\n      <li>Discrete-item tests measure knowledge about language; authentic tasks measure use of language<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorists: Wiggins \/ Newmann\n  <\/div>\n<\/div>\n\n<!-- Kirkpatrick -->\n<div id=\"kirk\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Kirkpatrick\u2019s Four Levels of Evaluation<\/div>\n    <div class=\"theory-meta\">Theorist: Donald Kirkpatrick. 1959<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Level 1: Reaction<\/strong> \u2013 measures how learners feel about the training, including satisfaction, engagement, relevance, and perceived usefulness. This level looks at whether participants found the course clear, interesting, and worth their time.<\/li>\n        <li><strong>Level 2: Learning<\/strong> \u2013 measures changes in knowledge, skills, confidence, and attitudes. This level asks what learners actually gained from the course and whether they can demonstrate the intended learning outcomes.<\/li>\n        <li><strong>Level 3: Behaviour<\/strong> \u2013 measures whether learners apply what they learned back on the job. It focuses on transfer, looking for real changes in workplace performance after the training has ended.<\/li>\n        <li><strong>Level 4: Results<\/strong> \u2013 measures the broader organisational impact of the training. This may include improved communication, better customer service, fewer errors, stronger collaboration, or other outcomes that matter to the organisation.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Use Reaction data to check whether learners find the language module relevant, practical, and engaging enough to keep participating.<\/li>\n      <li>Use Learning data to measure progress in speaking, listening, reading, writing, vocabulary, grammar, and workplace communication tasks.<\/li>\n      <li>Use Behavior data to check whether learners actually use the target language more effectively in meetings, emails, calls, presentations, or customer interactions.<\/li>\n      <li>Use Results data to see whether improved language ability supports wider business goals such as smoother collaboration, fewer communication breakdowns, or better service quality.<\/li>\n      <li>For language programmes, Kirkpatrick works best when assessments are aligned with real communicative tasks and when follow-up observation is built into the evaluation plan.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: Donald Kirkpatrick. His model evaluates training from immediate learner reaction through to workplace behaviour and organisational results.\n  <\/div>\n<\/div>\n\n<!-- Phillips' ROI Methodology -->\n<div id=\"phillips\" class=\"theory-block\">\n  <div class=\"theory-header-line\">\n    <div class=\"theory-name\">Phillips&#8217; ROI Methodology<\/div>\n    <div class=\"theory-meta\">Theorist: Jack Phillips \u00b7 1991<\/div>\n  <\/div>\n\n  <div class=\"principle-card\">\n    <div class=\"principle-title\">Core principles<\/div>\n    <div class=\"principle-list\">\n      <ul>\n        <li><strong>Jack Phillips<\/strong> extended Kirkpatrick&#8217;s model with <strong> Level 5: ROI.<\/strong>  The ROI methodology isolates the impact of training from other business variables (control groups, trend analysis, expert estimation), converts impact to monetary value, tallies programme costs (direct, indirect, opportunity), and calculates ROI as a percentage. The approach requires agreement with business sponsors on measurement methodology before the programme begins. Intangible benefits (morale, engagement, culture) are reported separately.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"language-box\">\n    <strong>Language Training Implications<\/strong>\n    <ul>\n      <li>Isolate training effects from other business variables before attributing results<\/li>\n      <li>Convert learning outcomes to monetary value using credible methods<\/li>\n      <li>Calculate ROI = [(Net programme benefits) \/ Total programme costs] \u00d7 100<\/li>\n      <li>Report intangibles (confidence, culture, morale) separately<\/li>\n      <li>ROI planning must happen before programme launch, not after.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"source-note\">\n    Main theorist: Jack Phillips.\n  <\/div>\n<\/div>\n    <\/section>\n\n    <footer>\n      Instructional &#038; learning theories overview for language e\u2011learning design.\n    <\/footer>\n  <\/div>\n\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const tabs = document.querySelectorAll(\".tab\");\n      const panels = document.querySelectorAll(\".panel\");\n\n      tabs.forEach(tab => {\n        tab.addEventListener(\"click\", () => {\n          const targetId = tab.getAttribute(\"data-target\");\n\n          tabs.forEach(t => t.classList.remove(\"active\"));\n          tab.classList.add(\"active\");\n\n          panels.forEach(panel => {\n            panel.classList.toggle(\"active\", panel.id === targetId);\n          });\n        });\n      });\n\n      const allTheoryButtonRows = document.querySelectorAll(\".theory-button-row\");\n\n      allTheoryButtonRows.forEach(row => {\n        const buttons = row.querySelectorAll(\".theory-btn\");\n        const panel = row.closest(\".panel\");\n\n        buttons.forEach(button => {\n          button.addEventListener(\"click\", () => {\n            const targetId = button.getAttribute(\"data-target\");\n\n            buttons.forEach(b => b.classList.remove(\"active\"));\n            button.classList.add(\"active\");\n\n            const blocks = panel.querySelectorAll(\".theory-block\");\n            blocks.forEach(block => {\n              block.classList.toggle(\"active\", block.id === targetId);\n            });\n          });\n        });\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Instructional &#038; Learning Theories for Language E-Learning Cognitive &#038; Multimedia Cognitive Load, Mayer, UX, Metacognition&#8230; Process Models ADDIE, SAM, Backward Design, Agile&#8230; Instructional Principles Bloom, Gagn\u00e9, Merrill, Biggs, ELT, Dewey&#8230; Sociocultural \/ Constructivist Piaget, Bruner, Vygotsky, Bandura, CoP&#8230; Motivation &#038; Affect ARCS, SDT, Expectancy-Value Theory, Flow Theory&#8230; Assessment &#038; Evaluation Formative vs Summative, Performance-Based Assessment, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10163","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Instructional Design Theory - Ruairi Braddell<\/title>\n<meta name=\"description\" content=\"Explore key instructional and learning theories for language e-learning, including ADDIE, Gagn\u00e9, Mayer, Vygotsky, and Cognitive Load Theory.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.englishexpert.de\/wp\/instructional-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Instructional Design Theory - Ruairi Braddell\" \/>\n<meta property=\"og:description\" content=\"Explore key instructional and learning theories for language e-learning, including ADDIE, Gagn\u00e9, Mayer, Vygotsky, and Cognitive Load Theory.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.englishexpert.de\/wp\/instructional-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Ruairi Braddell\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rorybraddell\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-21T23:31:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"59 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/instructional-design\\\/\",\"url\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/instructional-design\\\/\",\"name\":\"Instructional Design Theory - Ruairi Braddell\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/#website\"},\"datePublished\":\"2026-07-20T23:29:09+00:00\",\"dateModified\":\"2026-07-21T23:31:53+00:00\",\"description\":\"Explore key instructional and learning theories for language e-learning, including ADDIE, Gagn\u00e9, Mayer, Vygotsky, and Cognitive Load Theory.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/instructional-design\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/instructional-design\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/instructional-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Instructional Design Theory\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/\",\"name\":\"English Expert\",\"description\":\"Business English training in D\u00fcsseldorf\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/#\\\/schema\\\/person\\\/de6c309489b5cb541f3a7537aa6250d3\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.englishexpert.de\\\/wp\\\/#\\\/schema\\\/person\\\/de6c309489b5cb541f3a7537aa6250d3\",\"name\":\"rorybraddell\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8fce63d8ec15e2657d707c10709090983518f9b4f54744f54e7f9f2b4de4450b?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8fce63d8ec15e2657d707c10709090983518f9b4f54744f54e7f9f2b4de4450b?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8fce63d8ec15e2657d707c10709090983518f9b4f54744f54e7f9f2b4de4450b?s=96&r=g\",\"caption\":\"rorybraddell\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8fce63d8ec15e2657d707c10709090983518f9b4f54744f54e7f9f2b4de4450b?s=96&r=g\"},\"sameAs\":[\"https:\\\/\\\/www.englishexpert.de\\\/wp\",\"https:\\\/\\\/www.facebook.com\\\/rorybraddell\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/rorybraddell\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Instructional Design Theory - Ruairi Braddell","description":"Explore key instructional and learning theories for language e-learning, including ADDIE, Gagn\u00e9, Mayer, Vygotsky, and Cognitive Load Theory.","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:\/\/www.englishexpert.de\/wp\/instructional-design\/","og_locale":"en_GB","og_type":"article","og_title":"Instructional Design Theory - Ruairi Braddell","og_description":"Explore key instructional and learning theories for language e-learning, including ADDIE, Gagn\u00e9, Mayer, Vygotsky, and Cognitive Load Theory.","og_url":"https:\/\/www.englishexpert.de\/wp\/instructional-design\/","og_site_name":"Ruairi Braddell","article_publisher":"https:\/\/www.facebook.com\/rorybraddell","article_modified_time":"2026-07-21T23:31:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"59 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.englishexpert.de\/wp\/instructional-design\/","url":"https:\/\/www.englishexpert.de\/wp\/instructional-design\/","name":"Instructional Design Theory - Ruairi Braddell","isPartOf":{"@id":"https:\/\/www.englishexpert.de\/wp\/#website"},"datePublished":"2026-07-20T23:29:09+00:00","dateModified":"2026-07-21T23:31:53+00:00","description":"Explore key instructional and learning theories for language e-learning, including ADDIE, Gagn\u00e9, Mayer, Vygotsky, and Cognitive Load Theory.","breadcrumb":{"@id":"https:\/\/www.englishexpert.de\/wp\/instructional-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.englishexpert.de\/wp\/instructional-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.englishexpert.de\/wp\/instructional-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.englishexpert.de\/wp\/"},{"@type":"ListItem","position":2,"name":"Instructional Design Theory"}]},{"@type":"WebSite","@id":"https:\/\/www.englishexpert.de\/wp\/#website","url":"https:\/\/www.englishexpert.de\/wp\/","name":"English Expert","description":"Business English training in D\u00fcsseldorf","publisher":{"@id":"https:\/\/www.englishexpert.de\/wp\/#\/schema\/person\/de6c309489b5cb541f3a7537aa6250d3"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.englishexpert.de\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/www.englishexpert.de\/wp\/#\/schema\/person\/de6c309489b5cb541f3a7537aa6250d3","name":"rorybraddell","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/8fce63d8ec15e2657d707c10709090983518f9b4f54744f54e7f9f2b4de4450b?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8fce63d8ec15e2657d707c10709090983518f9b4f54744f54e7f9f2b4de4450b?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8fce63d8ec15e2657d707c10709090983518f9b4f54744f54e7f9f2b4de4450b?s=96&r=g","caption":"rorybraddell"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/8fce63d8ec15e2657d707c10709090983518f9b4f54744f54e7f9f2b4de4450b?s=96&r=g"},"sameAs":["https:\/\/www.englishexpert.de\/wp","https:\/\/www.facebook.com\/rorybraddell","https:\/\/www.linkedin.com\/in\/rorybraddell\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.englishexpert.de\/wp\/wp-json\/wp\/v2\/pages\/10163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.englishexpert.de\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.englishexpert.de\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.englishexpert.de\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.englishexpert.de\/wp\/wp-json\/wp\/v2\/comments?post=10163"}],"version-history":[{"count":0,"href":"https:\/\/www.englishexpert.de\/wp\/wp-json\/wp\/v2\/pages\/10163\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.englishexpert.de\/wp\/wp-json\/wp\/v2\/media?parent=10163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}