User Experience & Design Optimierung

Damit sich Ihre Moodle Instanz in das Look & Feel Ihrer Onlinepräsenz eingliedert, kann Moodle an Ihre Corporate Design Vorgaben anpasst werden. Ausgangspunkt ist dabei zumeist das Design Ihrer Website oder eine andere von Ihnen bereitgestellte Designvorlage. Dabei ist es wichtig zu verstehen, dass ein Lernmanagementsystem (LMS) natürlich einen anderen Zweck verfolgt als ihre Website, und es eben primär um die Anpassung des Look & Feel, unter Berücksichtigung der rollenspezifischen Prozesse im LMS, geht.

Die Anpassung der User Experience (UX) und des Designs kann in Moodle dabei grundsätzlich auf folgenden Ebenen erfolgen:

  • Themes – Instanzweites generelles Erscheinungsbild mit Layout / Logo / Grundfarben / Schriften
  • Navigationsanpassung – Plugins zur Anpassung der Navigation & Informationsanzeige
  • Kursformate – Struktur und Darstellung von Lehr- und Lernsequenzen innerhalb von Kursen
  • Content Formatvorlagen
  • Interaktive Elemente H5P/Bootstrap

Moodle Themes

Moodle verwendet sogenannte „Themes“, die das Grundlayout und Erscheinungsbild einer Instanz vorgeben. Als Standard ist das Theme „Boost“ bei Moodle mit dabei. Dieses ist responsive – passt das Erscheinungsbild also an die verfügbare Bildschirmgöße des jeweiligen Endgerätes an.

Das Einpflegen einer Primärfarbe, eines Logos und eines Hintergrundbildes ist über die Web-Oberfläche einfach möglich. Mit angepassten weiteren „Styles“ lässt sich das Erscheinungsbild bezüglich Farbe und Größe der Elemente auch weiter optimieren. Wir können Ihnen hier auch vorlagenbasierte „Style-Sets“ anbieten, die dann noch an Ihre CI Vorgaben angepasst werden.

Möchte man das Grundlayout und Erscheinungsbild umfassender und tiefgreifender beeinflussen und z.B. auch andere Schriftarten, Iconsets, Standard Kursbilder, kontextabhängige Designs, spezielle Kachelansichten und Dashboards verwenden, so ist dies durch die Verwendung von anderen „Themes“ möglich. Auch hier erfolgt dann eine individuelle Anpassung sowohl über Auswahl-Elemente in der Admin Weboberfläche, als auch über „Styles“. Hier ist dann bereit vertieftes Moodle Know-How erforderlich, um die gewünschten Effekte zu erzielen. Aber auch hier gibt es von uns anpassbare „Style-Sets“.

alternatives Theme mit umfangreichen Style-Anpassungen
alternatives Theme mit umfangreichen Style-Anpassungen

Custom Theme

Haben Sie besondere, spezfische Ansprüche an das Layout und Design Ihrer Moodle Instanz? Dann optimieren wir gerne alle gewünschten Bereiche in Moodle nach Ihren Anforderungen, unter besonderer Berücksichtigung der Moodle Strukturen und nachhaltiger Wartbarkeit, und integrieren sie in Ihr „Moodle Custom Theme“. Dies ist natürlich initial ein Entwicklungsprojekt und bedingt dann auch Aufwände für die kontinuierliche Wartung. Dafür ist Ihr Moodle dann aber auch wirklich für Ihr Einsatz-Szenario optimiert.

Moodle Navigationsanpassung

Je nach Moodle Theme und gewünschtem Prozess der Nutzer*innenführung innerhalb von Moodle, kann mit Moodle Core Funktionalitäten, aber auch mit zusätzlichen Plugins, die Navigation und Informationsanzeige in Moodle gestaltet werden. Ziel ist es, die Nutzung für unterschiedliche Rollen wie Administrator*innen, Kurslebenszyklusmanager*innen, Kursersteller*innen, Kursbetreuer*innen und insbesondere für Teilnehmer*innen so intuitiv und effektiv wie möglich zu gestalten. Folgende Seiten werden dabei häufig angepasst:

  • Registrierungsseite
  • Loginseite
  • Dashboardseite mit personalisierten Informationen wie Kursübersicht, Terminanzeige, ToDos,…
  • Topnavigation mit z.B. Hilfe, Sprachumschaltung, Bibliothekslink, Suche,…
  • Hauptnavigationsmenüs
  • Kurskategorieseiten
  • Persönliche Profilseite
  • Kursseiten und Kursfortschritt
Boost Theme mit Styles und Navigationsanpassung
Boost Theme mit Styles und Navigationsanpassung

Moodle Kursformate

Auf Ebene der Kurse stehen unterschiedliche Kursformate zur Abbildung verschiedener didaktischer Szenarien zur Verfügung. Diese können auch durch Zusatzplugins erweitert werden. Die am häufigsten verwendeten und auch an Designvorgaben anpassbaren Formate sind:

  • Themenformat (Standardformat)
  • Wochenformat (fixer Wochenrhytmus)
  • Soziales Format (Nur ein Forum)
  • Eine Aktivität (zB nur ein SCORM Lernobjekt)
  • Themen und Unterthemen (NEU ab Moodle 4.5 LTS)
  • Kachelformate (mit Zusatzplugin)
  • Custom Kursformat von eDaktik … wenn Sie spezielle Strukturen wie z.B. vom Campusmanagement vorgegebene bereits terminisierte Veranstaltungsblöcke abbilden wollen
Kachel Kursformat mit Designanpassung
Kachel Kursformat mit Designanpassung
Custom Kursformat mit Anbindung an Campus Management System inkl. Terminen
Custom Kursformat mit Anbindung an Campus Management System inkl. Terminen

Content Formatvorlagen

Zum Einpflegen von Texten, Bildern und Multimedia Elementen steht Ihnen in Moodle der Rich-Text-Editor TinyMCE zur Verfügung. Dieser lässt sich ebenfalls mit Zusatzplugins und individualisierten Formatvorlagen erweitern, um eingepflegte Elemente konsistent, CI-konform und ansprechend zu formatierten. Dies geht dann deutlich über das Formatieren von Überschriftsklassen hinaus und erstreckt sich auf beliebige Elemente. Diese können dann aus einem Formatvorlagenkatalog ausgewählt werden, wie:

  • Lernziele
  • Merksätze
  • Warnhinweise
  • Zitate
  • Praxistipps
  • FAQs
  • Weitere in ihrem Kontext sinnvolle Objekttypen
Beispiel Content Formatvorlagen "Lernziele"
Beispiel Content Formatvorlagen „Lernziele“

Interaktive Elemente Bootstrap/H5P

Es gibt natürlich noch viele andere Möglichkeiten die User Experience in ihre Moodle Instanz anzupassen.

Mit dem Bootstrap Framework stehen diverse interaktive Elemente wie Buttons, Slider, Kacheln, Karussell, Akkordeon usw. zur Verfügung.

Mit dem H5P Framework eröffnen sich neue Möglichkeiten über die Web-Oberfläche Elemente wie animierte Präsentationen, Flashcards, Videos mit Zwischenfragen oder Zeitleisten zu erzeugen.

H5P Flashcards
H5P Flashcards

Tipp

Besonders im Kontext der für 2025 bevorstehenden Moodle Major Upgrades, die immer zumindest eine Überprüfung der bestehenden Designanpassung bedürfen, empfehlen wir Ihnen sich mit den Möglichkeiten die hier zur Verfügung stehen ein wenig zu beschäftigen. Auch mit moderatem Aufwand lassen sich oft bemerkenswerte Verbesserungen erzielen!

Wir beraten Sie gerne!

Similar Posts