Lernvideos haben sich immer mehr verbreitet und sind inzwischen ein fester Bestandteil vieler Lernmethoden. Daher zeigen wir Ihnen hier, welche Arten es gibt und wie sich diese unterscheiden. Je nach Art des Einsatzes und des Budgets ergeben sich dabei verschiedene Möglichkeiten zur Gestaltung, Erstellung und Umsetzung von Lernvideos. Dabei kann mit jeder Art von Erklärvideo etwas anderes vermittelt oder erreicht werden.
So könnte Ihr Lernvideo aussehen
Dieses Erklärvideo stammt aus einem unserer E-Learning Kurse zum Thema Qualitätsmanagement. Als Videoart wurde dabei das klassische Format gewählt – der Trainer wurde via Greenscreening aufgenommen. Zudem sind durch eine Bearbeitung Einblendungspunkte und Grafiken ergänzt worden.
In diesem Video geht es um die Qualitätskosten sowie die Qualitätskostengliederung. Unter Qualitätskosten versteht man Kosten, die durch die Fehlerverhütung (Qualitätsforderungen) sowie zur Sicherstellung der Produkt- und Dienstleistungsqualität zu Stande kommen.
Welche Arten von Lernvideos gibt es?
Je nachdem, was Sie mit Ihrer Weiterbildung bei den Lernenden erreichen möchten, ändert sich ebenfalls die Art des Erklärvideos. Wir können für Sie dabei verschiedene Typen von Lernvideos zur Vermittlung von Wissen produzieren, die wir hier kurz vorstellen möchten:
Erklärvideo mit Trainern
Dabei handelt es sich um die klassische Variante der Erklärfilme, die wir in einigen Online-Kursen verwenden. Einer unserer professionellen Trainer erklärt einen bestimmten Inhalt und wird dabei mittels Green-Screening in unserem Studio aufgenommen. Die Erklärungen werden kombiniert mit Einblendungen, Illustrationen und Animationen umgesetzt. Dabei gibt es viele Optionen zur Anpassung. Durch das Green-Screening können die Hintergründe und Einblendungen nahezu beliebig angepasst werden. Auch die Art der Präsentation des Trainers ist je nach zu vermittelndem Thema variabel. Natürlich ergeben sich auch durch die Art der Aufnahme viele Optionen für Ihr Erklärvideo – zum Beispiel kann die Präsentation statt im Studio auch bei Ihnen vor Ort in einer Produktionsstätte durchgeführt werden.
Ein weiterer Vorteil bei solch einem Erklärfilm mit Sprecher ist, dass die Gestaltung des Inhalts sehr flexibel ist. Dadurch können auch zusätzliche Videos mit Praxistipps oder Videoübungen mit einer Lösung aufgenommen werden. Ein solches Erklärvideo ergänzt den reinen Wissenstransfer dabei um eine weitere Ebene und eignet sich gut zur Integration in einen E-Learning Kurs. Außerdem wird hier das typische Lernformat aufgebrochen – der Lernende wird mit einbezogen und kann sein eigenes Wissen so auch mit einbringen.
Ihre Ansprechpartnerin für Lern- & Erklärvideos
Sie haben Fragen, wünschen ein Angebot oder Beratung? Ich helfe Ihnen gerne weiter!
Eine weitere Option zur Vermittlung von Wissen in einem Erklärvideo sind Animationen. Unser Team erstellt in liebevoller Arbeit detaillierte Grafiken für Ihr Video – durch Animationen werden diese dann zum Leben erweckt. Diese Art von Video eignet sich dabei besonders für einfache Themen oder für Projekte, in denen Beispiele oder Abläufe durch eine Animation visualisiert werden sollen. Bei der Gestaltung gibt es dabei faktisch keine Grenzen, je nach Vorgabe, Geschmack und Budget können wir Ihnen individuelle animierte Videos erstellen.
Auch hier bietet es sich an, Übungen mit Auflösung in Videoform zu gestalten. Zudem können die designten Figuren bei der Integration in einen E-Learning Kurs als „Maskottchen“ verwendet werden. Diese begleiten den Lernenden dann durch den gesamten Kurs.
Vertonte Realaufnahmen
Auf Wunsch erstellen wir Ihnen für die Lernvideos ebenso Aufnahmen von Ihrer Produktionsstätte oder von Maschinen. Die Aufnahmen bereiten wir dann für die Produktion des Videos professionell auf, bearbeiten und vertonen sie. So erstellen wir beispielsweise Videos zu Regeln im Betrieb oder zur Funktionsweise von Maschinen / Produktionsanlagen. Der Vorteil hierbei ist, dass wir die Videos speziell auf Ihren Betrieb zuschneiden und reale Beispiele zeigen. Besonders geeignet ist diese Videoform, wenn z.B. die Funktionsweise von Geräten oder Maschinen gezeigt oder auf besondere Gegebenheiten im Betrieb hingewiesen werden soll.
Screencasts
Bei der Arbeit mit Software bleiben oft Fragen über Funktionalitäten offen. Um diese aus dem Weg zu schaffen sind Screencasts für ein Erklärvideo perfekt geeignet. Dabei nehmen wir den Bildschirm auf und visualisieren die gewünschten Funktionen direkt beispielhaft in der Software – unterstützt von einer professionellen Vertonung. Somit können auch komplexe Softwareprodukte anschaulich dargestellt werden. Der Lernende sieht zudem direkt, wie bestimmte Funktionen genutzt werden und wo diese in der Software zu finden sind. Das regt dann zum Mitmachen an – Learning by doing!
Interviews
Interviews eigenen sich besonders, um eine persönliche Bindung aufzubauen. Dabei kann z.B. persönliches Engagement oder eine Expertenmeinung im Gespräch perfekt dargestellt werden. Zusätzlich ergeben sich noch weitere Vorteile dieser Art von Lernvideos – besonders der psychologische Faktor ist hier relevant, denn Interviews haben eine starke Vorbildfunktion und können besonders relevante Aspekte oft gut transportieren. Natürlich können auf Wunsch ebenfalls Testimonials eingesetzt werden.
Storytelling
Sie lieben Geschichten? Wir auch! Mit der Videoform des Storytelling verpacken wir deshalb das zu vermittelnde Wissen in eine Geschichte und nehmen den Lernenden mit auf ein kleines Abenteuer. Im Storytelling werden oft verschiedene Elemente aus den zuvor genannten Videoarten gemischt um möglichst packende Lernvideos mit einer kleinen Geschichte zu erstellen. Die Geschichte (Story) ist dabei der rote Faden des Lernprojekts. Der Lernende wird dann mit diesem roten Faden durch die Inhalte geführt.
Individuelle Projekte
Von den oben genannten Beispielen sagt Ihnen nichts direkt zu oder Sie wünschen eine Kombination aus mehreren Videoarten? Dann sprechen Sie uns gerne an, wir entwickeln für Sie die optimale Lösung – ein Erklärvideo zugeschnitten auf Ihre Bedürfnisse und Ihr Budget.
Kostenloser Einblick in den E-Learning Kurs
Loading
Sie möchten sich ein Lernvideo eingebettet in einen E-Learning Kurs anschauen? Kein Problem! Schauen Sie sich hier einige Erklärvideos zum Thema Qualitätsmanagement nach ISO 9001 direkt an. Probieren Sie den E-Learning Kurs hier direkt aus!
// https://john-dugan.com/javascript-debounce/
var debounce=function(e,t,n){var a;return function(){var r=this,i=arguments,o=function(){a=null,n||e.apply(r,i)},s=n&&!a;clearTimeout(a),a=setTimeout(o,t||200),s&&e.apply(r,i)}}; (function (window, d, debounce) { „use strict“; // Modal pop-up window iframe version 4.1 22-08-2016 // v4.1 – Launch from an anchor link, button or any other not recommended object
// modal title text set by data-modalTitle, image alt or link text.
// Object with .-modal (modalName) with have .-modal-open appended === „-“ + modalName + contentClass // To do – under consideration:
// make lightbox the modal section and code around it?
// perhaps <section class=modal = lightbox
// <div =modal_inner = modal?
// lightbox doesnt need to be in keychain just add onclick to close // To do:
// Option to set an ideal pop-up size eg an image
// – maintain the aspect ratio
// – centre it // Requires:
// SVG definitions for: #icon-cross, #icon-loading
// External functions: debounce() // Assumptions:
// First object in modal is the modal title
// Last object is the modal close link // defaults
var modalName = "modal";
var lightboxClass = "lightbox";
var openClass = "-" + modalName + "-open";
//var modalDesc = "tab or shift + tab to move focus.“;
var modalDesc = „Tab or Shift + Tab to move focus.“; var _setContentObjs = function (isModalOpen) {
var objs = d.getElementsByClassName(„-“ +modalName);
var i = objs.length;
while (i–) {
if (!!isModalOpen) {
objs[i].classList.add(openClass);
if (objs[i].tagName.toLowerCase !== „body“) {
objs[i].setAttribute(„aria-hidden“, „true“);
}
} else {
objs[i].classList.remove(openClass);
objs[i].removeAttribute(„aria-hidden“);
}
}
return !!isModalOpen;
}; var _closeModal = function (e) {
var count = e.target.count; // = lightbox, modal (ESC key), close btn
var modalSection = d.getElementById(modalName + „_“ + count);
var lightbox = d.getElementById(modalName + „_“ + count + „_“ + lightboxClass);
var modalLink;
if (modalSection) {
modalSection.setAttribute(„aria-hidden“, „true“);
lightbox.className = lightbox.className.replace(lightboxClass + „-on“, „“); _setContentObjs(!modalSection.getAttribute(„aria-hidden“));
modalLink = d.getElementById(modalSection.returnId);
d.body.classList.remove(openClass);
modalLink.focus();
document.getElementById(„iframe-course“).src = „https://e-learning.page/wp-content/uploads/2020/08/Home_Icons_Blick_in_Kurs.jpg“;
document.getElementById(„iframe-course“).src = „https://e-learning.page/wp-content/uploads/SEWK308_QM_gratis_rise_rev_5_0/scormcontent/index.html“; }
}; var _getModalSize = function (modalSection) {
var clone = modalSection.cloneNode(true);
var size = {};
clone.className = modalName;
clone.setAttribute(„style“, „position:fixed;visibility:hidden;transform: none“);
modalSection.parentElement.appendChild(clone);
size.width = clone.clientWidth; // more performant than getBoundingClientRect
size.height = clone.clientHeight; // more performant than getBoundingClientRect
modalSection.parentElement.removeChild(clone);
return size;
}; var _resizeIframes = function () { var size;
var iframes;
var ii; var modals = d.getElementsByClassName(modalName);
var i = modals.length; while (i–) { size = _getModalSize(modals[i]); iframes = modals[i].getElementsByClassName(modalName + „_iframe“);
ii = iframes.length; while (ii–) {
iframes[ii].width = size.width;
iframes[ii].height = size.height;
}
}
}; var _addIframe = function (modalSection) { var size;
var close_lnk;
var frames = modalSection.getElementsByClassName(modalName + „_iframe“);
var iframe;
if (!frames[0]) { iframe = d.createElement(„iframe“); // Don’t display iframe until it’s content is ready
iframe.addEventListener(„load“, function () {
iframe.classList.add(modalName + „_iframe-on“);
iframe.setAttribute(„id“,“iframe-course“)
}, false); iframe.src = modalSection.modalSrc;
iframe.className = modalName + „_iframe“; size = _getModalSize(modalSection);
iframe.width = size.width;
iframe.height = size.height; iframe.setAttribute(„frameborder“, 0);
iframe.setAttribute(„allowfullscreen“, true); // Add iframe before the close button
close_lnk = d.getElementById(modalName + „_“ + modalSection.count + „_lnk_close“);
modalSection.insertBefore(iframe, close_lnk); }
}; var _getTarget = function (obj) {
var target = obj;
var isBodyTag = obj.tagName.toLowerCase() === „body“;
if (isBodyTag) {
return false;
}
if (!obj.modalSrc) {
target = _getTarget(obj.parentElement);
}
return target;
} var _openModal = function (e) { e.preventDefault(); var target = _getTarget(e.target); if (target) { var count = target.count;
var tempId = modalName + „_“ + count;
var tempLightboxClass = modalName + „_“ + lightboxClass;
var modalSection = d.getElementById(tempId);
var lightbox = d.getElementById(tempId + „_“ + lightboxClass); if (modalSection && lightbox) {
if (!lightbox.className.match(tempLightboxClass + „-on“)) {
lightbox.className += “ “ + tempLightboxClass + „-on“;
}
modalSection.setAttribute(„aria-hidden“, „false“);
_addIframe(modalSection); _setContentObjs(!!modalSection.getAttribute(„aria-hidden“)); d.body.classList.add(openClass);
d.getElementById(modalName + „_“ + count + „_title“).focus();
}
}
}; var _keydown_openerObj = function (e) {
// enter or space from the opener object
if (e.which === 13 || e.which === 32) {
e.preventDefault();
_openModal(e);
}
}; var _addOpenModalLinkAttr = function (modalLink) {
modalLink.id = modalLink.id || „modal_“ + modalLink.count + „_lnk“;
modalLink.setAttribute(„aria-controls“, modalName + „_“ + modalLink.count); // test if it’s not a button
var tag = modalLink.tagName.toLowerCase();
if (tag !== „button“) {
modalLink.setAttribute(„aria-role“, „button“);
modalLink.addEventListener(„keydown“, _keydown_openerObj, false);
} // click only requires space and enter activtion too
if (tag !== „a“ || „button“) {
modalLink.tabIndex = 0;
} modalLink.addEventListener(„click“, _openModal, false);
}; var _keydown_modal = function (e) { var target = e.target; // ESC key on anything actionable
if (e.which === 27) {
_closeModal(e);
} // tab key and shift on the h1
if (e.which === 9 && e.shiftKey) {
if (target.classList.contains(modalName + „_title“)) {
e.preventDefault();
//focus on last object in modal (close btn)
d.getElementById(modalName + „_“ + e.target.count + „_lnk_close“).focus();
}
} // tab key and not shift on the close link.
if (e.which === 9 && !e.shiftKey) {
if (target.classList.contains(modalName + „_lnk-close“)) {
e.preventDefault();
//focus on first object in modal – or should it be the modal? Requires testing
d.getElementById(modalName + „_“ + e.target.count + „_title“).focus();
}
} // enter or space on the close link – why again??
if (e.which === 13 || e.which === 32) {
if (target.classList.contains(modalName + „_lnk-close“)) {
e.preventDefault();
_closeModal(e);
}
}
}; var _getTitleText = function (modalLink) {
var alt = „“;
var imgs = modalLink.getElementsByTagName(„img“);
if (imgs && imgs[0]) {
alt = imgs[0].alt;
}
return modalLink.getAttribute(„data-modalTitle“) || alt || modalLink.textContent;
}; var _getModalTitle = function (modalLink) {
var title = d.createElement(„h1“);
title.id = modalName + „_“ + modalLink.count + „_title“;
title.className = modalName + „_title“;
title.tabIndex = 0;
title.textContent = _getTitleText(modalLink);
title.count = modalLink.count;
title.addEventListener(„keydown“, _keydown_modal, false);
return title;
}; var _getModalSVG = function (icon, clss, title) {
var svg = d.createElementNS(„http://www.w3.org/2000/svg“, „svg“);
svg.classList.add(clss);
if (title) {
var t = d.createElementNS(„http://www.w3.org/2000/svg“, „title“);
t.textContent = title;
svg.appendChild(t);
}
var use = d.createElementNS(„http://www.w3.org/2000/svg“, „use“);
use.setAttributeNS(„http://www.w3.org/1999/xlink“, „href“, „#“ + icon);
svg.appendChild(use);
return svg;
}; var _getModalDesc = function (modalLink) {
var desc = d.createElement(„p“);
desc.id = modalName + „_“ + modalLink.count + „_desc“;
desc.className = modalName + „_desc“;
desc.tabIndex = 0;
desc.innerHTML = modalLink.getAttribute(„data-modalDesc“) || modalDesc;
desc.count = modalLink.count;
desc.addEventListener(„keydown“, _keydown_modal, false);
return desc;
}; var _getModalCloseLink = function (modalLink) {
var link = d.createElement(„a“);
link.id = modalName + „_“ + modalLink.count + „_lnk_close“;
link.className = modalName + „_lnk-close“;
link.tabIndex = 0;
link.appendChild(_getModalSVG(„icon-cross“, „svg-close“, „Close modal“));
link.count = modalLink.count;
link.addEventListener(„click“, _closeModal, false);
link.addEventListener(„keydown“, _keydown_modal, false);
return link;
}; var _addModalSection = function(modalLink) {
var section = d.createElement(„section“);
section.id = modalName + „_“ + modalLink.count;
section.count = modalLink.count;
section.returnId = modalLink.id;
section.className = modalName;
section.setAttribute(„aria-hidden“, „true“); // should be on the activating link?
section.setAttribute(„aria-labelledby“, modalName +“_“ + modalLink.count + „_title“);
section.setAttribute(„aria-describedby“, modalName +“_“ + modalLink.count + „_desc“); section.setAttribute(„role“, „dialog“);
section.modalSrc = modalLink.modalSrc; section.appendChild(_getModalTitle(modalLink));
section.appendChild(_getModalSVG(„icon-loading“, „svg-loading“, „Loading“));
section.appendChild(_getModalSVG(„icon-loading“, „svg-loading2“, „“));
section.appendChild(_getModalDesc(modalLink));
section.appendChild(_getModalCloseLink(modalLink)); d.body.appendChild(section);
}; var _addLightbox = function (modalLink) { var count = modalLink.count;
var lightboxDiv = d.createElement(„div“); lightboxDiv.id = modalName + „_“ + count + „_“ + lightboxClass;
lightboxDiv.className = modalName + „_“ + lightboxClass;
lightboxDiv.count = count;
lightboxDiv.returnId = modalLink.id; // mouse / touch only
lightboxDiv.addEventListener(„click“, _closeModal, false); d.body.appendChild(lightboxDiv);
}; var configuration = function (cfg) {
modalName = cfg.modalName || modalName; lightboxClass = cfg.lightboxClass || lightboxClass; // any object with a class -modal will have the class -modal-open added when the modal is open.
//openClass = „-“ + modalName + (cfg.openClass || „-open“);
openClass = cfg.openClass ? „-“ + modalName + cfg.openClass : openClass;
}; var initialise = function (cfg) { configuration(cfg); var modalSrc;
var dataModals = d.querySelectorAll(„[data-“ + modalName + „]“); if (dataModals) {
var i = dataModals.length;
while (i–) { // Link href and iframe src are not always the same!
modalSrc = false; // use the href
if (dataModals[i].hasAttribute(„href“)) {
modalSrc = dataModals[i].href;
} // overwrite src with data-modal content when available
if (dataModals[i].getAttribute(„data-modal“).length) {
modalSrc = dataModals[i].getAttribute(„data-modal“);
} if (modalSrc) {
dataModals[i].modalSrc = modalSrc;
dataModals[i].count = i;
_addOpenModalLinkAttr(dataModals[i]);
_addModalSection(dataModals[i]);
_addLightbox(dataModals[i]);
} } window.addEventListener(„resize“, debounce(_resizeIframes, 250, false)); } }; initialise({
modalName : „modal“, // class name of modal, also used as the base for all classes used except on SVGs.
openClass : „-open“, // is default („-“ + modaName automatically prepended)
lightboxClass : „lightbox“ // is default (modaName + „_“ automatically prepended)
}); }(window, document, debounce));
Was sind die Vorteile von Lernvideos?
Mit Lernvideos ergeben sich zahlreiche Vorteile im Lernprozess, welche wir Ihnen an dieser Stelle näher bringen möchten. Viele der unten genannten Vorteile sind im Bereich der Lernmedien einzigartig und kommen so nur bei einem Erklärvideo vor – es lohnt sich also Wissen mit Videos zu vermitteln!
Wissensvermittlung auf zwei Kanälen
Da jeder Mensch unterschiedlich lernt, sollten Sie Inhalte auf möglichst vielen Kanälen übermitteln. Mit einem Erklärvideo können Sie dabei gleichzeitig zwei Kanäle ansprechen, den visuellen und auditiven – also das Bild und die Vertonung / Sprache im Lernvideo. Dadurch erreichen wir eine viel höhere Informationsdichte wie z.B. bei Lernzetteln oder Podcasts. Zusätzlich werden Inhalte, welche Bildern bzw. Grafiken enthalten besser behalten als reiner Text – daher rührt auch das Sprichwort, dass ein Bild mehr aussagt als 1000 Worte.
Fesselndes Storytelling im Erklärvideo
Ein weiterer Vorteil von Lernvideos ist, dass sie bei korrekter Gestaltung in der Lage sind, den Lernenden auf eine kleine Reise mitzunehmen. Durch das Erzählen einer Geschichte, dem sogenannten Storytelling wird der Lernende also auf eine kleine Reise zum Thema mitgenommen und lernt so ganz nebenbei die Inhalte. Lernen wird somit von der lästigen Pflicht zu einem kleinen Erlebnis!
Außerdem können dabei auch Emotionen gut eingefangen werden. Dadurch wird der Lernende in einem Erklärvideo auch auf der emotionalen Ebene angesprochen.
Vermittlung von komplexen Inhalten
Durch ein Erklärvideo vermitteln wir einfach sowie verständlich komplexe Inhalte. Mithilfe anschaulicher Grafiken können Sachverhalte, Bedeutungen und Korrelationen dabei optimal dargestellt werden. Dadurch werden auch komplexe Lerninhalte perfekt an den Lernenden weitergegeben. Zusätzlich ergibt sich so die Möglichkeit auch Personen, die z.B. Probleme beim Lernen haben oder nicht so gut lesen können Lerninhalte zu vermitteln. Durch die Visualisierung können also alle Gruppen an Lernenden angesprochen werden – je nach Gestaltung individuell auf die Zielgruppe zugeschnitten.
Flexibles Lernen – wie Sie es am Liebsten möchten!
Mit Lernvideos können Sie absolut flexibel lernen. Sie können dabei alle Inhalte beliebig oft wiederholen bzw. vor- und zurückspulen. Zudem kann der Lernende an einer beliebigen Stelle pausieren um sich zusätzliche Informationen heranzuziehen oder eine Lernpause einzulegen. Dadurch kann jede Person das eigene Lerntempo individuell gestalten und so lernen wie es ihr oder ihm am liebsten ist!
Beratung & individuelle Projekte
SIE HABEN FRAGEN?
Kati Schäfer
Ich helfe Ihnen gerne weiter und berate Sie individuell zu Ihrem online Lern-Projekt!
